Skip to content

haddis69/react-training

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

本仓库里有一些关于react的基础小项目,部分项目有最终版的截图

github-search

一个基于github提供的接口的搜索用户案例,采用fetch请求的方法,刚刚进入小程序时展示欢迎页面,搜索时展示Loading状态,成功后返回数据,若失败则展示错误信息

截图地址 https://github.com/haddis69/react-training/tree/master/github-search/screenshots

react-extension

一个对react基础知识的扩展 包含了:setState的两种写法,路由懒加载,即将取代class组件的hooks,fragment根标签,隔代传递用到的context属性,PureComponent,renderProps(类似于vue中的插槽),错误边界防止扩散的钩子

router-v6

react路由的最新版本第6代,更接近于vue的路由表模式。该文件夹中从基础讲起,配合了bootstarp等样式,介绍了6代路由的使用方法,最后介绍了4个钩子useInRouterContext,useNavigationType,useOutlet,useResolvedPath

todolist

完整版的todolist,具有好看的样式,底部全选切换和底部计数功能,可以对每一个todo进行增加和删除,并根据localstorage实现下一次加载或者刷新直接加载上一次保存的值

截图地址 https://github.com/haddis69/react-training/tree/master/todolist/screenshots

redux_constructing

从简单的求和案例开始,从纯react版开始写起,之后难度逐渐增加,使用了redux和thunk中间件,反复优化,最后使用了react-redux代替了redux,并增加了person组件实现组件家数据的共享

截图地址 https://github.com/haddis69/react-training/tree/master/github-search/screenshots

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published