React Hooks 进阶使用分享 这篇分享并不过多涉及源码的深度解析，请放心食用，带给你不一样的hooks理念跟在企业级项目中的使用方式

前段时间学习了React的相关知识，尝试使用Class Component和 Hook两种方式进行项目实践，其中Class Component的使用主要围绕生命周期展开，Hook是比较新的函数式实现方式，弱化了生命周期的存在，可能是React未来主推的方式。 尝试使用了官方提供…

搭配了合适的设计模式的代码，才可拥有良好的可维护性，The Benefits of Orthogonal React Components 这篇文章就重点介绍了正交性原理。 所谓正交，即模块之间不会相互影响。想象一个音响的音量与换台按钮间如果不是正交关系，控制音量同时可能影响换…

Javascript 是一个单线程的编程语言，单线程的特点就是一次只能处理一件事情，当前代码任务耗时执行会阻塞后续代码的执行。异步编程则是一种事件驱动编程，请求调用函数或方法后，无需立即等待响应，可以继续执行其他任务，而之前任务响应返回后可以通过状态、通知和回调来通知调用者。 …

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 看到“reducer”这个词，容易让人联想到Redux，但是在本文中，不必先理解Redux才能阅读这篇文章。咱们将一起讨论“reducer”实际上是什么，以及如何利用useReducer来管理组件中的复杂状态，…

大家好，我是神三元。 上次出了服务端渲染的文章，获得了很多大佬的点赞评论，非常开心。之后一段时间有人问我为什么突然在掘金消失了，其实也并没有，这个社区还是经常在关注的，不过，更重要的是，这段时间淡出大家的视野，我决定开始沉淀一些技术上的东西，把之前学到的一些技术栈和对前端工程的…

最近练习react hook的使用，同时想做数据交互，因为没有后台接口，因此想通过模拟数据实现交互；之前使用jsonp但需要手动启用模拟服务器； 本次模拟数据使用mockjs，不需要用它随机生成的模拟数据，简单粗暴的把想要的实际数据写上即可。 以后添加数据，为了区分出文件，可以…

作者最初使用React Hooks的场景就是用Hooks重构现有的 Class 组件。 按照上面的暴力输出思路和官网提供的HooksAPI, 我们将一个 Class 组件改造成了 Function + Hooks 组件试试。 看上去好像没什么问题, 有一种重构代码大功告成的感觉…

众所周知，React的单向数据流模式导致状态只能一级一级的由父组件传递到子组件，在大中型应用中较为繁琐不好管理，通常我们需要使用Redux来帮助我们进行管理，然而随着React 16.3的发布，新context api成为了新的选择。 可以看到，Redux的数据流其实非常简单，…