ReactDOM.render ReactDOM.render解析组件到dom中 ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); React.createClass React.createClass 方法用于生成一个组件类 var HelloMessage = React.creat

安装 npm install --save redux npm install --save react-redux npm install redux-thunk npm install --save-dev redux-devtools 上面的三个命令分别安装了redux库、React绑定库、redux-thunk中间件和开发者工具 建结构 mkdir actions mkdir reduce

1.引入react-addons-test-utils 2.引入断言器 chai 3.安装mocha 4.运行测试(mocha –compilers js:babel-core/register ) 需要配置mocha 支持es6及jsx,mocha 自动执行test文件夹下的所有测试用例 babel配置 { "presets": [ "es2015",'react' ] } 参考文档：htt

Hello World   众所周知，Hello World大法好。接上一篇 所初始化的AwesomeProject项目来进行Hello World操作。 import React, { Component } from 'react'; import { AppRegistry, Text } from 'react-native'; class HelloWorldApp extends C

什么是React Native？ React Native是Facebook开源的一套用于开发移动端跨平台App的技术框架，其代码托管在GitHub上，目前已有一千多名参与者向它贡献代码。有兴趣的可以去查看源码，GitHub地址为： https://github.com/facebook/react-native Window平台搭建React Native开发环境 需要安装的工具 Note.js

JavaScript的历史 诞生 JavaScript诞生于1995年。起初它的主要目的是处理以前由服务器端负责的一些表单验证。时走在技术革新最前沿的Netscape（网景）公司，决定着手开发一种客户端语言，用来处理这种装简单的验证。当时就职于Netscape公司的布兰登·艾奇开始着手计划将1995年2月发布的LiveScript同时在浏览器和服务器中使用。 Javascript于Java的关系

 翻译自ReactiveCocoa and MVVM, an Introduction.   MVC 任何一个正经开发过一阵子软件的人都熟悉MVC. 它意思是Model View Controller, 是一个在复杂应用设计中组织代码的公认模式. 它也被证实在 iOS 开发中有着第二种含义: Massive View Controller(重量级视图控制器). 它让许多程序员绞尽脑汁如何去使代

MVC 任何一个正经开发过一阵子软件的人都熟悉MVC，它意思是Model View Controller, 是一个在复杂应用设计中组织代码的公认模式. 它也被证实在 iOS 开发中有着第二种含义: Massive View Controller(重量级视图控制器)。它让许多程序员绞尽脑汁如何去使代码被解耦和组织地让人满意. 总的来说, iOS 开发者已经得出结论: 他们需要给视图控制器瘦身, 并进

先看阮一峰的教程，相当易懂:React 入门实例教程 然后配合官网文档 看慕课网视频 React入门 使用 Facebook 的 create-react-app 快速构建 React 开发环境 实战教程（2）React 基础 【React 模仿大众点评 webapp】实战教程 react资源汇总(react-tutorial) 常见问题 React.js 开发常见问题 Q&A webpack-d

前言 最近在看React Native中导航组件Navigation的用法，它是github上的一个插件，说实话，比原生的Navigator组件好用得多，刚开始看原生的导航组件Navigator那真是一个个坑，到现在也有很多东西没解决。前几天突然在Github上找到一个Navigation组件，简单看了下，环境几乎不费力的就搭好了，它的github地址，官网地址。 官网上关于它的用法讲解已经比较详

如果有react 的模板，希望需要通过node 在服务端绘制，可以使用如下简易代码 index.js 代码如下，包含定义react 组件，之后输出绘制结果 var React = require('react'); var ReactDOMServer = require('react-dom/server'); class MyComponent extends React.Component

首先，严格定义上来说，JSX 是 react 提供的一种标签式的组件声明语法。JSX 只是一种js语言的扩展语法糖，在正式环境运行前，需要经过 babel 工具编译为正式的 JS 代码。 在正式介绍JSX 之前，我们有必要理解，react 框架实现了 virtual dom 功能，开发者可通过react的双向绑定、组件、组件嵌套等工具，将页面的构建逻辑交付于react框架即可，而无需执行实际的 D

React Native 音频录制例子来解惑入门 React Native 音频录制例子来解惑入门 前言 React Native工程目录结构 从indexandroidjs开始讲起 说说怎么用开源项目提供的组件 如何测试 总结 前言 本文基于开源Demo：https://github.com/zmxv/react-native-sound，通过这个例子学习怎么开发React Native App

原文 React Router4是一个流行的纯React重写的包。现在的版本中已不需要路由配置，现在一切皆组件。 本文涵盖了开始使用React Router构建网站所需要的一切知识。我们将会为本地运动队制作一个网站。 代码 想看网站最终效果，查看demo 安装 React Router被拆分成三个包：react-router,react-router-dom和react-router-native

HomeController.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace ReactJSExamples.Controllers { public class HomeController :

node 环境搭建 快速安装国内镜像 npm i -g nrm nrm use taobao 简单介绍 ES6 let const let 不可以被重复声明，而 var 可以 箭头函数 等效匿名函数 没有 arguments this 指向了函数所在的上下文环境 函数的返回值 let a = () => {}; console.log(a); // undefined, 误认为返回的是表达式 l

背景介绍 React Router v4 推出已有六个月了，网络上因版本升级带来的哀嚎仿佛就在半年前。我在使用这个版本的 React Router 时，也遇到了一些问题，比如这里所说的代码分割，所以写了这篇博客作为总结，希望能对他人有所帮助。 什么是代码分割（code splitting） 在用户浏览我们的网站时，一种方案是一次性地将所有的 JavaScript 代码都下载下来，可想而知，代码体积

RN 版本：0.50 针对平台：Android 操作环境：Windows 10 React Navigation 版本：1.0.0-beta.20 文章同步自简书：http://www.jianshu.com/p/dece7a09c6bf 前言 Navigator（导航器）是用来进行场景（页面）切换的组件，但是由于它的各种缺陷，从 0.44 开始，就被 fb 移除了，并且推荐大家使用更方便的 Re

最开始只是想综合的初略学习下这几种技术，所以萌生了搭建一个简单的结构的想法；整个结构应该没有什么问题；已经放到了github上，地址：webpack、sass、react、redux的简易demo入门 webpack 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(

React的学习之路还要继续走下去，最近一边在做未完成的项目一边学习React，项目是vue写的，后面还需要有一个后台管理系统计划使用react完成，寒假说长也不长，要抓紧时间了。 有人爱有人恨的语法糖--jsx jsx简介 很多人不喜欢React，很大程度上是因为不喜欢jsx，那么jsx到底是什么呢？首先还是不要忘了React的基本哲学--一切都是js，包括文档结构。所以曾经每天都会见到的htm