React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器组件（container component）。 React-Redux 规定，所有的 UI 组件都由用户提供，容器组件则是由 React-Redux 自动生成。后…

今天分享一下利用React Hooks实现一个功能相对完善的todolist。 有了界面以后，接下来就要获取数据。 这里我新建了一个api.js专门用来模拟接口获取数据，这里面的逻辑大概看一下就好，不需要特别在意。 这里我们封装了个withDelay方法用来包裹函数，模拟异步请…

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

这样在每次执行的时候，就能够通过闭包的形式 来保存 value。 不过这个还是不符合 react 中的 useState。因为在实际操作中会出现多次调用，如下。 因此当重新渲染 App 的时候，再次执行 useState 的时候传入的参数 kevin , 0 也就不会去使用，而…

combineReducers函数源码还是比较容易看懂的，就不多bb了。 bindActionCreators主要应用场景在react-redux中，进行connect的时候让react无感绑定dispatch,不用每个组件都引入dispatch去调用。 react-redux…

在目前的前端领域，单页web应用（SPA）已经有了比较高的占有率，比较主流的web框架React、Angular、Vue几乎已经统治了前端市场。 单页应用确实带来了更好的前后端分离，以及用户体验好、快，内容的改变不需要重新加载整个页面等等的优点，喜忧参半，SPA应用首屏加载慢、…

react16react16的更新完全重写核心代码，升级不用调兼容引入fiber，从根本上解决js单线程运行如果计算量太大导致的动画卡帧和交互卡顿的问题内容设计react简单apireact更新创建u

动画是 ReactJs 应用程序中一个热门话题，我们有很多方法可以创建不同类型的动画。例如，很多开发人员就喜欢使用 css 动画。但如果你想创建更复杂的动画，你可以关注 GreenSock 。GreenSock 是最具影响力的动画平台，同时，它给 React 提供了很多用于创建…