2. React-Router的基本使用 3. react-router-dom源码揭秘 - BrowserRouter Context可以在组件树的组件之间共享“全局”数据。例如：登陆的用户信息，用户选择的主题、语言等等。下面的例子中，我们“手动”自上而下传递theme属性，…

今天开始，我们开始揭开react-router-dom神秘的头盖骨，哦不，面纱。 在此之前，我们需要了解一些预备知识：React的context和react-router-dom的基本使用。需要复习的同学请移步： 下面是我跟小S同学一起阅读源码的过程。 大家可以参照这个思路，进…

Redux的中间件，处于Action和Reducer之间，将中间某个过程拦截一下，进行一些处理再继续正常执行，这就是中间件的功能。 对于异步请求的代码，我们最好将它们放到Redux中间件里面。 当项目复杂到一定规模的时候，我们希望让各个模块尽可能的实行单一职责，比如React作…

constructor也是组件在某一个时刻会调用的方法，但是它是ES6语法的一部分，并不是react组件的特性，因此不算作react组件的生命周期函数。 首先是Initialization,初始化state和props的数据，在constructor函数中会接收props、初始…

一个人并不是生来要给打败的，你尽可以把他消灭掉，可就是打不败他。 JSX中，可以使用花括号{}嵌入任意的JavaScript合法表达式，如：2 + 2、user.firstName、formatName(user)都是合法的。示例如： JSX本身也是一种表达式，所以它可以像其他…

React Router v4 是一个完全使用 React 重写的流行的 React 包，之前版本的 React Router 版本配置是使用伪组件也很晦涩难懂。现在 v4 版本的 React Router，所有的东西都 “仅仅是组件”。 选择 router。 创建 route…

1. Context - React跨组件访问数据的利器 3. react-router-dom源码揭秘 - BrowserRouter 今天再给大家带来一篇翻译文章。 这篇文章，是我们react-router-dom源码揭秘系列的第二篇文章。同样是预备知识。 想看第一篇文章的…

首先明确React是什么，根据官方的定义，React仅仅是一个视图层的框架，解决的是数据与模板的渲染问题，但是并没有提供数据的状态管理方案，这在大型项目中是一个非常大的痛点。比如说: 凡是复杂一些的应用都会有这样组件树的结构，那么非父子组件如何传递数据呢？比如标记上蓝色的组件与…

首先利用CSSTransition进行单个元素的动画开发。 今天解锁了react使用动画的新姿势，记录一下，希望对大家有帮助。