什么是webpack? webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 之前，我们肯定用过grunt, gulp 等等的工具，其实webpack的存在时间不亚于这两款工具，webpack的普及正是由于React的火爆而推广开发，因为Facebok官方就是用webpack打包编译的，
什么是组件 组件就像是乐高积木，一个完整的房子，可以由砖头一块一块的组成，一块砖头，就可以称为一个组件。 如何创建组件 调用 React.createClass 方法，传入的参数为一个对象，对象必须定义一个 render 方法，render 方法返回值为组件的渲染结构，也可以理解为一个组件实例（React.createElement 工厂方法的返回值），返回值有且只能为一个组件实例，或者返回nul
对于一门语言的学习，少不了动手练习，今天我们就尝试一下，如何用React编写一个简单的程序，实现功能包括网络请求数据，绑定数据进行增删改查，并进行相应的路由操作。 下面我们来年代码： package.json 我们创建一个package.json, 里面包含一些开发库还有核心库： {
"name": "demo4",
"version": "1.0.0",
"description":
最近学习React框架，与其说react是一个新的框架，不如过React是一个新的思想，新的尝试，做惯了前端框架的工程师都知道，MVC,MVVM一直被大家公认为一个非常不错的模式，但是Facebook的工程师确不以为然，推陈出现，创作了这个新的开始，对于一个新的模式，必然有新的架构出现，今天我们来看看React常用架构是什么样的呢？当然这并不是唯一，但是大同小异，万变不离其宗。 我们看下面这张架构
React 数据流动的模式的Flux模式，也就是单向数据流，这也是官方推荐的方式，其实这也是React最难理解的一部分。 为了更好的了解React-redux的使用，我们先来了解一下Redux的使用。现在大家查一下这个单词的发音吧，因为我们第一次接触，避免以后读错误了。 Redux 介绍 对于复杂的单页面应用，状态（state）管理非常重要。state 可能包括：服务端的响应数据、本地对响应数据的
一个框架的性能，往往使我们比较关注的问题，对于React性能提升的问题，也做了相关研究，最近网络上最火爆的当属Immutable， 有人说 Immutable 可以给 React 应用带来数十倍的提升，也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明。 这是一个Facebook 工程师 Lee Byron 花费 3 年时间打造，与 React 同期出现， 那么这个li
介绍 1，React Js的目的 是为了使前端的V层更具组件化，能更好的复用，它能够使用简单的html标签创建更多的自定义组件标签，内部绑定事件，同时可以让你从操作dom中解脱出来，只需要操作数据就会改变相应的dom。 2，React Native的目的 是希望我们能够使用前端的技术栈就可以创建出能够在不同平台运行的一个框架。可以创建出在移动端运行的app，但是性能可能比原声app差一点。
最近在学习react.js，不得不说第一次接触组件化开发很神奇，当然也很不习惯。 react的思想还是蛮独特的，当然围绕react的一系列自动化工具也是让我感觉亚历山大 今天总结一下react组件之间的通信，权当是自己的学习笔记： reactJs中数据流向的的特点是：单项数据流 react组件之间的组合不知道为什么给我一种数据结构当中树的感觉，数据就是从根节点（顶端或其他子树的顶端）“流”下来，大
1、propType validators 在默认情况下，下面的表1到表3都是可选的，如果prop没有提供，你可以链式地使’isRequire’来确切地显示警告消息。 表1：JavaScript Primitives PropTypes 表2：Combined Primitives PropTypes 表3：Special PropTypes
本文中的react是老版本的，对于新版本只需要改两个地方： <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="react-15.3.2/build/react.js"></script>
<script src="react-15.3.2
①.ReactDOM.render 和 angular ng-app a.ReactDOM.render 是 React 的最基本方法，用于将模板转为 HTML 语言，并插入指定的 DOM 节点 b.angular 应用的使用，ng-app 指令定义一个 AngularJS 应用程序 c.通过两者对比，reactJs 是通过内部进行模板定义，然后内部进行相应的操作
然后进行模板的渲染进行数据展
ReactDOM.render var arr = [
<h1>Hello world!</h1>,
<h2>React is awesome</h2>,
];
ReactDOM.render(
<div>{arr}</div>,
document.getElementById('example')
); React.createClass var HelloMessage = React
前言 key是React唯一一个用来分辨子元素的标识。如果我们动态创建子React元素，而且这些子元素的顺序或者数量不确定的时候，那么就需要使用key这个属性。 Key的使用允许React来分辨哪些元素改变了，哪些是增加的，那些被删除了。在元素数组中，key应该被赋予给每个元素，从而每个元素都有一个稳定的身份证明。 不使用key，可能出现的错误 可能会造成渲染错误 我之前做了一个2048的小游戏，
Issue1： ajax引入数据，初始化data==null，设置ajax同步async＝false可以获取数据，如何在ajax获取结束后render； Response： 进行条件渲染：根据条件（State）的变化，初始化加载一种情况，数据加载完成后，改变条件（State），渲染另一种情况； Issue2： 多个同级兄弟组件渲染，如果没有父级标签包裹（ReactJS要求必须有且仅有一个Root节
使用react-router我可以使用链接元素来创建由反应路由器本地处理的链接。 我看到内部它调用this.context.transitionTo(…)。 我想做一个导航，但不是从一个链接，从下拉选择例如。我如何在代码中这样做？什么是this.context？ 我看到导航混合，但我可以做这个没有mixins？ 对于最新版本(v2.0.0-rc5)，推荐的导航方法是直接推送历史单例。你可以看到在行
ReactJS新闻，是一份收集每周来自React、React Native官方网站新闻，各社交媒体新闻，以及周边技术与套件发表新闻的数位刊物，固定于每周六或日发送。 新闻 React Conf 2017将于3/13开始 今年度由Facebook所举办的React Conf将于3/13于美国加州Marriott Santa Clara举办，本次的重点发表应该会是React全新改进核心的Fiber，其
ReactJS新闻 第020期 (2017.03.19) 新闻 React Conf 2017主题演讲 Tom、Jing与Sebastian分别负责开场的keynote部份，Tom首先对React自2015年来的发展情况讲演，以及近年来的成长趋势。Jing是演说有关于React Native，分享如何在Facebook团队中应用它。Sebastian则是帮助关于React的效能，以及React F
ReactJS新闻 第021期 (2017.03.26) 新闻 React Native中更好的List Views(列表视图) React Naive官方博客近日发表了新的List(列表)组件的消息，三月份的候选版本的0.43-rc.1中，加入了三种新的FlatList、SectionList与VirtualizedList组件，可以针对不同情况需求而使用，这三个新组件的数据来源，都可以对外部的
新闻 React发布v15.5.0，多项弃用警告 React发布了新的15.5.0版本，这个版本并没有重大的改进部份，但它即将声明React.createClass与React.PropTypes走入历史，有许多之前的Addons也都即将不再支持，在这个版本中使用会出现警告，准备迎接新的16版本(Fiber)的来临。React.PropTypes未来有新的套件来替换使用，官方有博客說明这个版本。
我刚刚发现 Redux.一切看起来不错。使用Redux而不是Flux有什么缺点，不好意思或妥协吗？谢谢 Redux作者这里！ 我想说你将使用它做出以下妥协： >你需要学会避免突变。 Flux对于突变数据没有嫉妒，但Redux不喜欢突变，许多与Redux互补的包假设你永远不会改变状态。您可以使用仅限于开发者的软件包执行此操作，例如redux-immutable-state-invariant，使用I
