Tutorial: https://hulufei.gitbooks.io/react-tutorial/content/jsx-in-depth.html…

前言 本文为观看Cousera的Michigan<Internet History, Technology and Security>教程的个人学习笔记,包括了每个week的概要和个人感想,供个人温故.week 1为中文,之后就用英文写了,不为其他,只是觉得看英文视频用英文总结,这样更自然些. week1 二战时期出现了许多伟大的发明,改变了和平时代我们的生活方式. 战争时期的交流需要,出现了无线电等. 战争中由于信息加密和解密的需求,出现了机器,而加密与解密是机器发展的核心. 无数的人投身于…

一.需求 1.分析:用react开发一个类似bootstrap4中的card组件http://v4-alpha.getbootstrap.com/components/card/,界面类似如下: 2.确定发目标: 3.确定开发顺序 4.开发流程介绍 测试采用TDD 二.代码 1.Card.js var React = require('react/addons'); var Card = React.createClass({ getInitialState: function() { retu…

We can access web pages in our React Native application using the WebView component. We will connect the links in our repository component to their Github web page when a user click on them. Navigate to WebView component: openPage(url){ this.props.na…

setRouteWillLeaveHook provides a method for us to intercept a route change before leaving the current route. Route Hook with Context to works with, So if we want to handle the route hook for Home Componet, we nee to add Context for Home Component: cl…

The Redirect component in react-router does exactly what it sounds like. It allows us to redirect from from one route to another. import React from 'react'; import {hashHistory, Route, Redirect, Router, Link} from 'react-router'; const Home = () => <…

Define query param in Link, accept path and query : const Links = () => <nav > <Link to={{path: '/', query: {message: 'Yo'}}}>Home</Link> </nav>; Use Query param by props.location.query: const Container = (props) => <div&g…

In this lesson we'll learn how to render multiple component children from a single route. Define a named component by "components": <Route path="/other" components={ {header: Other, body: OtherBody}}></Route> 'header' and '…

A router library is no good if we have to hardcode every single route in our application. In this lesson we look at how to access variables in our routes and pass them into our components. Define a route param by using ":message", () make it opt…

IndexRoute allows us to define a default child component to be rendered at a specific route when no other sub-route is available. When Home page display, we also make About component as default Route to dsiplay, only when use click Contact link, then…