前端工程化学习指导
一般来说前端工程包含，项目初始化，项目开发，提交，构建，部署，测试，监控等流程。工程化就是以工程的角度来解决这些问题。比如项目初始化我们一般使用npm init, 创建页面模板使用plop，我们喜欢使用ES6+开发，但是需要通过babel编码成ES5，持续集成的时候我们使用git/ci cd，但是为了保持开发规范我们引入了ESLint，部署一般使用git/cd或者jenkins等等。
代码的合并和压缩
配置源码视图
🍎 推荐阅读
工程化
本系列是一个从0到1的实现过程，如果您有耐心跟着实现，您可以实现一个完整的react18 + ts5 + webpack5 + 代码质量&代码风格检测&自动修复 + storybook8 + rollup + git action实现的一个完整的组件库模板项目。如果您不打算自己配置，也可以直接clone组件库仓库切换到rollup_comp分支即是完整的项目，当前实现已经足够个人使用，后续我们会新增webpack5优化、按需加载组件、实现一些常见的组件封装：包括但不限于拖拽排序、瀑布流、穿梭框、弹窗等
- 【前端工程化】项目搭建篇-项目初始化&prettier、eslint、stylelint、lint-staged、husky
- 【前端工程化】项目搭建篇-配置changelog、webpack5打包
- 【前端工程化】项目搭建篇-引入react、ts、babel解析es6+、配置css module
- 【前端工程化】组件库搭建篇-引入storybook、rollup打包组件、本地测试组件库
- 【前端工程化】包管理器篇-三大包管理器、npm工程管理、npm发布流程
- 【前端工程化】自动化篇-Github Action基本使用、自动部署组件库文档、github3D指标统计
- 【前端工程化】自动化篇-手写脚本一键自动tag、发包、引导登录npm
常见组件实现
面试手写系列
react实现原理系列
- 【react18原理探究实践】使用babel手搓探索下jsx的原理
- 【react18原理探究实践】上手调试源码探究jsx原理
- 【react18原理探究实践】图解react几个核心包之间的关联
- 【react18原理探究实践】react启动流程，其实就是创建三大全局对象
- 【react18原理探究实践】JS中的位运算&react中的lane模型
- 【react18原理探究实践】更新调度：如何统一更新
其他
作者：ObjectX不知名程序员 链接：https://juejin.cn/post/7359405716090011659 来源：稀土掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。