Electron + React 从 0 到 1 实现简历平台实战

这门课解决什么工作场景

很多做 Web 前端的人都有个痛点：会写页面、会调接口，但一碰到“桌面端软件”就发憷。其实大量内部工具——比如简历编辑器、表单填写工具、本地数据看板——天然适合做成桌面应用，因为它们要读本地文件、要离线可用、要双击图标直接打开。这门课抓的就是这个场景：用你熟悉的 React 写界面，用 Electron 套壳把它变成一个能装在电脑上、能读写本地文件、能导出 PDF 的简历平台。它不教你做 SaaS 后台，而是教你把一个前端项目“落地”成真正的桌面软件，填上 Web 和桌面端之间的那层认知差。

适合什么基础、建议先看哪几块

这课不带你从零学 JavaScript，默认你写过 React 组件、懂一点 TS 语法就行，不需要精通。如果你只做过增删改查页面，但没碰过主进程、 IPC 通信、本地文件读写，那正好是它的目标读者。建议先把“技术选型和项目结构”这块看完，理清 Electron 的主进程与渲染进程到底怎么分工，这是最容易卡住新手的点；接着跳到“数据存储方案设计”，看清楚简历数据怎么用本地文件落地，而不是存浏览器 localStorage 里。这两块打通了，后面写首页、做工具条、调样式都是顺水推舟。打包那节别跳，很多人本地跑得欢，一打包白屏就懵，提前看能少走弯路。

学完能独立做什么、资料怎么配合练习

跟着走完，你应该能独立搭出一个带本地存储、多模板切换、导出 PDF 的桌面端工具，而且换到“记账本”“笔记软件”这类同类需求时，骨架能直接复用。练习时别光看视频或文档过眼瘾，强烈建议边学边照着敲一遍：先把基础框架跑起来，再照着业务篇一步步补组件。遇到 Redux 和文件读写那节，自己改一改数据结构，试试加个“头像上传”字段，验证你是不是真懂了数据流。导出 PDF 那块容易踩样式坑，自己换几套字体和布局测一下分页效果。资料包里的代码不要直接复制粘贴，当成参考答案对照着查漏补缺，亲手把项目跑通一次，比看十遍都管用。