stack/TODO.md

全栈工程师路线图

前端

TODO

• nextjs 前端
• react

1. 了解访问 html 网页时，会发生什么（一篇文档，标题任意）

   • 按 用户 -> 浏览器 -> 网络 -> 服务器 的顺序思路编写
   • 本地运行 http-server ，模拟这个过程

2. 了解 html 代码行数变多以后，如何拆分（一篇文档，标题任意）

   • 了解打包 vite 工具的工作方式
   • 使用 vite 创建基础的 vanilla ts 的工程

3. 在 vite vanilla ts 的工程基础上编写前端 todo list（一篇文档，标题任意）

   • 感受原生 html 编写时的繁杂点。

4. 了解 react 的工作方式（一篇文档，标题任意）

   • 使用 vite 创建 react ts 工程
   • react 的基础工作方式
   • 迁移 todolist 到 react ts 工程
   • 这种方式如何解决的原生编程的繁杂点

5. 学习 nextjs 前端

   • 迁移 react todolist 到 nextjs ts 工程（注意客户端组件，服务端组件的区别）

工具链

• vite
• rollup
• webpack

后端

• nextjs 后端
• expressjs
• koa
• fastify

运维

• docker
• k8s