前端核心

Appearance

react使用 ​

基本语法 ​

JSX语法 ​

JSX是一个 JavaScript 的语法扩展。

条件 ​

img.pngimg_1.pngimg_2.pngimg_3.png

列表渲染 ​

img_4.pngimg_5.png

事件 ​

img_6.pngimg_7.pngimg_8.pngimg_9.pngimg_10.pngimg_11.pngimg_12.pngimg_13.pngimg_14.pngimg_15.pngimg_16.png

组件和props(类型检查) ​

img_17.pngimg_18.pngimg_19.pngimg_20.pngimg_21.png

state和setState ​

img_22.pngimg.png
img_23.png
img_24.png
img_25.png
img_26.png
img_27.png

组件生命周期 ​

img_28.png

高级使用 ​

函数组件 ​

img_29.pngimg_30.png

受控和非受控组件refs ​

img_31.pngimg_32.pngimg_33.pngimg_34.pngimg_35.pngimg_36.pngimg_37.png

Protals ​

img_38.pngimg_39.pngimg_40.png

context ​

img_41.pngimg_42.pngimg_43.pngimg_44.pngimg_45.png

异步组件（懒加载） ​

img_46.pngimg_47.png

性能优化 ​

img_48.png

shouldCompentUpdate ​

img_49.png

纯组件 ​

img_50.pngimg_51.png

不可变值immutablejs ​

img_52.pngimg_53.png

高阶组件 ​

img_54.pngimg_55.pngimg_56.png

render prop ​

img_57.pngimg_58.png

hooks ​

为什么 ​

img_59.pngimg_60.pngimg_61.png

StateHook ​

img_62.pngimg_63.png

effectHook ​

img_64.pngimg_65.pngimg_66.pngimg_67.pngimg_68.png

其他hook ​

img_69.png
img_70.png
img_71.png
img_72.png
img_73.png
img_74.png
img_75.png
img_76.png
img_77.png

自定义hook ​

img_78.png
img_79.png
img_80.png
img_81.png
img_82.png
img_83.png
img_84.png
img_85.png
img_86.png

组件逻辑复用 ​

img_87.pngimg_88.pngimg_89.png

规范和注意事项 ​

img_90.png
img_91.png
img_92.png
img_93.png
img_94.png
img_95.png

hoos的坑 ​