hhy5277 / toyreact

geekbang/toyreact

ToyReact

geekbang/toyreact

第一节 知识

• 1.webpack 基本知识,以及 使用webpack 开发阶段调试
• 2.webpack 的语法解释 采用 babel 插件 -> babel-loader,@babel/core,@babel/preset-env,@babel/plugin-transform-react-jsx
• 3.原生标签 渲染时候 react 使用 createElement 进行渲染
• 4.自定义组件MyCompent 实现,主要实现组件类的 render 函数
• 5.自定义组件实现 也就是 实现 setAttribute mountTo...

第二节 生命周期

• 1.setState 的实现
• 2.onclick 事件的绑定

第三节 虚拟DOM 实现

• 1.实DOM与 虚拟DOM 区别
• 2.对于大项目来说虚拟DOM 实现局部刷新,从性能上得到很大的提升