小蚂蚁的世界

import()在你的应用中引入代码分割的最佳方式是通过动态 import() 语法。使用之前：import { add } from './math';console.log(add(16, 26));使用之后：import("./math").then(math => { console.log(math.add(16, 26));});当 Webpack 解析到该语法时，会自动进行代码分割。如果你使用 Create React App，该功能...

关于React，最近想花时间去了解学习，所以记录一些自己的学习内容。所有的内容只是自己的一些想法，不对的地方希望给与指正。  1. React关注于视图层因为之前学习过Angular，所以习惯Angualr的MVC的模式。Controller作为Model和View的中间层。接触React的时候，就感觉乱，没有明确的MVC结构的划分，Angular的时候，每一个组件偶都会有着几个单...

声明式React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面。以声明式编写UI，可以让你的代码更加可靠，且方便调试。组件化创建好拥有各自状态的组件，再由组件构成更加复杂的界面。无需再用模版代码，通过使用JavaScript编写的组件你可以更好地传递数据，将应用状态和DOM拆分开来。一次学习，随处编写无论你现在正在使用什么技术栈，你都可以随时引入 React 开发新特性。

XML 基本语法定义标签时，只允许被一个标签包裹。标签一定要闭合 元素类型DOM 元素和组件元素。React中的我们的重点是组件，对应规则是 HTML 标签首字母是否为小写字母，其中小写首字母对应 DOM 元素，而组件元素自然对应大写首字母。JSX 还可以通过命名空间的方式使用组件元素，以解决组件相同名称冲突的问题，或是对一组组件进行归类。其实就好像不同对象中的同名方法一个道理...

create-react-app创建项目npm install -g create-react-appcreate-react-app react-cli目录结构介绍图中红色框是我后来加的，暂时可以不考虑。public：里面包含了我们项目中的启动页面，react比较适合单页面项目应用开发。favico.ico: 这是用来表示：快捷方式 小图标。详情可以访问文章index.html: 初始页面。m...

本文使用的是最新版本的react(16.3.2)， 以及react-router(4.2.0)React Router被拆分成三个包：react-router, react-router-dom, react-router-native先了解一个简单的东西，组件在ES6和ES5的不同写法：//ES6class Greeting extends React.Component { render...

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。Redux 试图让 state 的变化变得可预测。本章文章初步学习React-Redux，包括基本介绍，部分源码解析，图示。

1. create-react-app创建项目2. npm run eject 暴露配置项3. 安装less less-loadernpm install less less-loader --save4. 配置config/webpack.config.js （github地址）5. 验证运行修改App.less，测试。...

create-react-app创建项目之后无法在IE上正常访问修改代码支持IE11 (github地址：添加代码支持IE11)修改package.json，index.js，然后删除node_modules，重新安装修改代码支持IE10/IE9(github地址：添加代码支持IE10/IE9)上一步骤之后，IE10/IE9存在下面问题（1）安装 core...

Refs （16.9.0）Refs提供了一种方式，允许我们访问DOM节点或在render方法中创建的React元素。使用场景管理焦点，文本选择或媒体播放。例如：新页面打开可以通过refs去显示的将鼠标聚焦于input输入框。触发强制动画。这种方式还没有遇到过。集成第三方DOM库。例如富文本编辑框，需要通过ref方式获取到富文本编辑框的文本内容。普通使用创建Refs...