TA的每日心情 | 开心 2024-9-19 21:14 |
---|
签到天数: 757 天 [LV.10]以坛为家III
管理员
- 积分
- 1312677
|
资源详情
React16.8新特忄生Hooks介绍及渐进式webapp开发完整版2019
1.开山篇关于本课程
2.react-create-app,react-scripts与eject构建项目
3.React新特忄生
4.ReactHooks详解
5.ReactRedux以及其API核心介绍
6.渐进式WebApp搭建项目
7.订票业务架构方案
8.开发首页及站点及日期选择功能
9.开发搜索结果展示页面
10.react组件开发选座页面及车次详细页面
11.订单页面开发
12.服务器部署
13.关于其它React新特忄生及Hooks使用场景
源码包
前言
本次系列分上下两篇文章,上主要介绍从v16.0~16.4的新特忄生,下主要介绍16.5~16.8。下面就开始吧~
本篇文章较长预计需要15min(当然主要是因为demo太多),大家可以搞点瓜子边啃边看。最好能留出一只手自己在codePen上自己调试一下。
目录
render支持返回数组和字符串演示
支持自定义DOM属忄生
提升SSR渲染速度
减小文件体积
生命周期函数的更新
下面就开始吧~
主要特忄生:
一、render可以返回字符串,数组,数字
React15:只可以返回单一组件,也就是说即使你返回的是一个string,也需要用div包住。
React16:支持返回这五类:Reactelements,数组和Fragments,Portal,String/numbers,boolean/null。
注意:无论返回的形式是怎么样的,都要保持render是一个纯函数。所以要求我们不要改state的状态,同时不要直接跟浏览器直接交互,让它每次调用生成的结果都是一致的。
|
|