一个基于github提供的接口的搜索用户案例,采用fetch请求的方法,刚刚进入小程序时展示欢迎页面,搜索时展示Loading状态,成功后返回数据,若失败则展示错误信息
截图地址 https://github.com/haddis69/react-training/tree/master/github-search/screenshots
一个对react基础知识的扩展 包含了:setState的两种写法,路由懒加载,即将取代class组件的hooks,fragment根标签,隔代传递用到的context属性,PureComponent,renderProps(类似于vue中的插槽),错误边界防止扩散的钩子
react路由的最新版本第6代,更接近于vue的路由表模式。该文件夹中从基础讲起,配合了bootstarp等样式,介绍了6代路由的使用方法,最后介绍了4个钩子useInRouterContext,useNavigationType,useOutlet,useResolvedPath
完整版的todolist,具有好看的样式,底部全选切换和底部计数功能,可以对每一个todo进行增加和删除,并根据localstorage实现下一次加载或者刷新直接加载上一次保存的值
截图地址 https://github.com/haddis69/react-training/tree/master/todolist/screenshots
从简单的求和案例开始,从纯react版开始写起,之后难度逐渐增加,使用了redux和thunk中间件,反复优化,最后使用了react-redux代替了redux,并增加了person组件实现组件家数据的共享
截图地址 https://github.com/haddis69/react-training/tree/master/github-search/screenshots