Introduction React并不是一个完整的MVC或者MVVM框架，它与Angular也是负责不同的方面，它最大的功能是提供一个高效的视图层。React提供了一些新颖的概念、库和编程原则让你能够同时在服务端和客户端编写快速、紧凑、漂亮的代码来构建你的web应用。如果你使用React，那么可能会涉及到一些常用的概念或技术，包括： ES6 React 虚拟DOM（virtual DOM） 组件
Interactivity and Dynamic UIs React.findDOMNode() 组件并不是真实的 DOM 节点，而是存在于内存之中的一种数据结构，叫做虚拟 DOM （virtual DOM）。只有当它插入文档以后，才会变成真实的 DOM 。根据 React 的设计，所有的 DOM 变动，都先在虚拟 DOM上发生，然后再将实际发生变动的部分，反映在真实 DOM上，这种算法叫做 D
架构师（JiaGouX） 我们都是架构师！ Quick Start HelloWorld 基本的React的页面形式如下所示： <!DOCTYPE html><html>
<head>
<script src="../build/react.js"></script>
<script src="../build/JSXTransformer.js"></script>
</
架构师（JiaGouX） 我们都是架构师！ JSX HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是 JSX 的语法，它允许 HTML 与 JavaScript 的混写。 var names = ['Alice', 'Emily', 'Kate']; React.render( <div> { names.map(function (name) { return <di
架构师（JiaGouX） 我们都是架构师！ Components React提供了和以往不一样的方式来看待视图，它以组件开发为基础。组件是React的核心概念，React 允许将代码封装成组件（component），然后像插入普通 HTML 标签一样，在网页中插入这个组件。React.createClass 方法就用于生成一个组件类。对React应用而言，你需要分割你的页面，使其成为一个个的组件。
Coding Style(编码风格) Basic Rules(基本原则) 每个文件中只包含一个React组件。 尽可能地使用JSX语法。 除非不用JSX语法创建一个应用，否则不要使用React.createElement方法。 Component(组件规范) Class 与 React.createClass方法 尽可能地使用ES6中的类的语法，除非有特殊的对于Mixin的需求。 // bad
c
开发者（ KaiFaX ） 面向开发者、程序员的专业平台！ React/React Native一个很受欢迎的地方在于它能够在不同平台之间共享业务逻辑，在看完 Desktop, Mobile, and Web app in one project这个项目之后笔者就开始思考应该如何组织项目结构，能够使其在web、desktop(Electron)以及mobile应用之间尽可能地共用相同的代码基础，并
自己英语一般，水平有限，献上原文地址，还有我翻译的中文地址，欢迎大家勘误 下面是自己的一点感想 先说一下webpack，我们知道，前端优化有这么几步， 第一步 首先呢我们知道，一个应用要依赖好多条js文件，而浏览器加载完一条，要执行完这条才加载下一条，所以呢，就很慢，于是乎我们就得把它们合成一个， 第二步 我们知道浏览器是有缓存的，那发布新版本的时候为了防止浏览器缓存，每次发新版本我们都得和上一版
前端技术日新月异，从研究jquery api之后，后面很少关注前端技术了。 最近研究了ant-design，它是基于react搭建的组件库，弄了两个demo， 第一个是根据官网开发流程弄的，基于淘宝成熟的前端开发流程 第二个是编译官网的源码，直接浏览器暴力使用的，本来再像多加几个例子，可是ant-design官网晚上就瘫了 上传一下两个demo rar，打开就可以直接运行，添加多个例子之后，再
【本文系互联网技术联盟（ITA1024）原创首发，转载或节选内容前需获授权（授权后一周以后可以转载），且必须在正文前注明：本文转自互联网技术联盟（ITA1024）技术分享实录,微信公众号：ita1024k】 黄子毅 百度 FEX成员 互联网技术联盟 ITA1024讲师团成员 本篇文章整理自黄子毅7月5日在『ITA1024前端技术精英群』里的分享实录：React & Npm 组件库维护。 正文如下
webpack+react 构建流程 确保已安装最新稳定版node.js - 设置淘宝npm镜像,通过cnpm代替npm命令快速下载 $npm install -g cnpm --registry=https://registry.npm.taobao.org 新建项目目录，在目录下执行 $cnpm init 安装webpack 和调试工具 $cnpm install webpack --save
第一次写这种文章感觉好紧张啊，我的文笔也不好，就是想记录我在学习过程中所遇到的一些困难和大坑。所以如果你不幸看到这篇一定杂乱无章没有文笔的文章的话一定不要吐槽，请将你们的爱心发射给我这种菜鸟，希望大家多多鼓励。好吧我要进入正题了。。。首先和大家聊聊我现在的状态吧。刚刚在新公司工作不到一个月，这也是我的第二份实习工作，之前在啥也不会的前提下在第一家公司实习了五个月，不过现在看来在新公司的不到一个月比
什么是React React是一个JavaScript库，是由FaceBook和Instagram开发的，主要用于用户创建图形化界面。 Hello world <!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="build/react.js">
随着SPA，前后端分离的技术架构在业界越来越流行，前端（注：本文中的前端泛指所有的用户可接触的界面，包括桌面，移动端）需要管理的内容，承担的职责也越来越多。再加上移动互联网的火爆，及其带动的Mobile First风潮，各大公司也开始在前端投入更多的资源。 这一切，使得业界对前端开发方案的思考上多了很多，以React框架为代表推动的组件化开发方案就是目前业界比较认可的方案，本文将和大家一起探讨一下
React的学习 用webstorm开发React要注意了，如果了用了webpack管理代码的话，一定要在webstrom设置里设置 点击settings -------->搜索“safe writing”------------------>去掉对应的勾如图所示： 环境的搭建 安装node npm 淘宝镜像 在github上搜索create-react-app 脚手架 - 安装顺序：npm in
作者 | 王下邀月熊 编辑 | 尾尾 上周，前端开发每周阅读清单一经推出就受到了淀粉们的好评。在这个各种信息眼花缭乱，前端技术日新月异的时代，前端之巅愿从广阔的大海中，为大家筛选出璀璨的珍珠。如果你也愿意为大家贡献自己的力量，愿意提供好内容线索或成为译者，那就快快发邮件到luna.han@infoq.com，加入我们吧！ 新闻热点 国内国外，前端最新动态 《Vue 2.2.0 发布》：该版本包含了
前端组件化开发方案及其在React Native中的运用 使用getstorybook构建React Native Living Style Guide平台
http://www.jianshu.com/p/8607c522097c?nomobile=yes
前端每周清单：React Router 4.0发布、Firefox 52默认支持WebAssembly、苹果热修复门盘点 为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。从属于笔者的Web 前端入门与工程实践。更多阅读清单请转向往期索引。 前端每周清单 新闻热点 前端领域最新动态 《苹果封杀带有热更新特性的应用》：近日，部分使用 Rollout.js 或者 JSPa
react的子父组件传递参数 父组件在state的状态下设置 getInitialState(){
return{
childNameA:"小样，你好吗？",
childNameB:'小样，我不好！！',
item:[
],
time:0
} 子组件用props属性来接收 <
