React使用一个特殊的对象this.state来管理组件内部的状态。 然后开发者就可以通过描述状态来控制UI的表达。 一般我们会在constructor生命周期钩子初始化状态。 也可以直接用属性初始化器的写法，看起来更加简洁。 然后通过this.setState()来改变状态…

安装相关软件HomebrewNodebrewinstallnode注意：安装完node如果用npm安装其他包时进度缓慢可以设置npm镜像：React-Native集成环境sudonpminstall-

React 其实只是一个 UI 框架，频繁进行 DOM 操作的代价是很昂贵的，所以 React 使用了虚拟 DOM 的技术，每当状态发生改变，就会生成新的虚拟 DOM 并与原本的进行改变，让变化的地方去渲染。并且为了性能的考虑，只对状态进行浅比较（这是一个很大的优化点）。 Re…

1. 目录 2. redux简介 redux是react全家桶的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 3. 安装 4. redux核心 State的变化，会导致View的变化。但是，用户接触不到 State，只能接触到View 所以，State的变化…

学习 React DnD 的最初原因是阅读《如何写一个拖拽日历组件》附的源码时，看不懂拖拽组件 React DnD 的相关代码，于是行动力极强地学习了React DnD这个组件。 DragDropContextProvider 与 DragDropContex 类似，用 Dra…

近日实现了一个 React 同构直出的模板 React Isomophic，开箱即用。 该模板支持 Koa2 + React + React Router + Redux + Less 。 传统的 SPA 开发模式由于其页面渲染全部放在了客户端，从而导致了一些一直以来难以解决的…

最近在看Mobx和Koa相关的内容，实践初出真知，我们来做一个小项目实践一下。最容易想到的就是Todolist了，这次我们做得稍微实用一点，放到自己的vps上日常用用也是不错的~ 因为项目比较简单，bundler我用的是parcel，一行配置都不用写确实很爽，编译速度也非常快。…

刚接触 React 的时候，在一个又一个的教程上面看到很多种编写组件的函数，尽管那时候 React 框架已经相当成熟，但是并没有一个固定的规则去规范我们去写代码。 在过去的一年里，我们在不断的完善我们的做法，直到满意为止。 本文会列出我们自己在使用的最佳实践，不管你是刚入门的新…

我们还可以自己写逻辑 通过context来处理302、404等。但这里我不需要。。。。。，为什么呢？ 我对路由的处理流程上面的思维导图有说明，就是在nginx中多配一个代理。 上面说server端初始化数据的时候还有一个登陆问题没说。 到这一步，访问域名，就能够正确展示服务端渲…