import React from 'react';import ReactDOM from 'react-dom';// 定义一个组件class Team extends React.Component{ render(){ return <div> <h2>成员列表</h2> {

react.js框架Reduxhttps://github.com/reactjs/redux安装：npm install redux react-redux#基于react，我们在前面已经安装过了Redux参考文档： http://redux.js.org/Redux核心概念：Store我们可以简单的理解为就是用来存储 各个组件的State或你自己定义的独立的state，对state进行统一读

1、我们把前面Home组件改动一下，用来展示新闻列表import React from 'react';import axios from "axios";export default class Home extends React.Component{ // 构造 constructor(props) { super(props); //

官网地址： https://github.com/ReactTraining/react-router示例文档： https://reacttraining.com/react-router/web/example/basic1、安装npm install react-router react-router-dom#做web开发 只需安装这2个2、完成路由小案列，我们要实现一个简单的tab切换

回顾新闻点赞案列： http://blog.youkuaiyun.com/github_26672553/article/details/76619122父子组件<h2>文章标题：{this.state.news.title}</h2>我们可以把 新闻标题 部分HTML抽取处理，定义为一个专门的组件。// 新闻标题组件class Title extends React.Component{ rend

新闻点赞案列1、后端准备数据 返回如下json数据：{"id":101,"created":"2016-10-29","title":"探索之路","desc":"是手机团队的探索之路","clickNum":99}2、我们在react里定义个新闻组件import React from 'react';import ReactDOM from 'react-dom';import axios

前面我们完成了模拟用户登录的功能：获取文本框的值、手动路由跳转 http://blog.youkuaiyun.com/github_26672553/article/details/76908308现在我们要来完善用户登录：判断用户是否登录(同样是在本地模拟) 我们需要实现：当我们直接访问『新盘排行』页 判断用户是否登录，如果没有登录就跳转去登录页面。1、新建一个类，用户登录权限类auth.js：exp

1、先写一个用户登录界面 login.js：import React from 'react';export default class Login extends React.Component{ render(){ return <div> <h2>用户登录</h2> <p><span>用户名：</span><input

react.js路由-初步前面我们已经了解了react.js其中一种路由方式。这种方式是利用 html5的`window.history`，对浏览器历史记录的读取。`history.back()` 和在浏览器点击后退按钮相同；`history.forward()`和在浏览器中点击前进按钮相同。另外h5时段开始支持`pushState()`和`replaceState()`方法，并且当回退/前进是

配置webpack-dev-server我们前面已经使用过webpac了，webpack-dev-server的区别就是：不必每次改完代码就手动编译一次。开发环境使用。官网地址： https://github.com/webpack/webpack-dev-server安装：npm install webpack-dev-server --save-dev安装完成添加配置段: devServ

1、初始化项目mkdir react-procd react-pronpm init创建一个空目录，cd到该目录下，然后执行初始化项目命令。 会生成一个package.json文件。2、安装react核心库官方文档： https://facebook.github.io/react/docs/installation.htmlnpm install --save react react-do

Redux和React组件的异步交互http://blog.youkuaiyun.com/github_26672553/article/details/77716004 前面一篇我们完成了一个简单的点赞功能。 页面点击事件处理函数中，我们是通过dispatch()方法，目的是要修改state。 addClick(){ //修改state sto