react-tutorial

react-tutorial copied to clipboard

# 参考文档 [React-router英文文档](https://reacttraining.com/react-router/web/guides/quick-start) [初探 React Router 4.0](http://blog.csdn.net/sinat_17775997/article/details/69218382) [React-router中文文档](https://reacttraining.cn/native) # 安装 ```javascript npm install react-dom npm install react-router-dom ``` DEMO如下 ```javascript var React = require('react'); var ReactDom = require('react-dom'); import {BrowserRouter...

Wscats

# 参考文档 - [React ES5、ES6+ 常見用法對照表](https://github.com/kdchang/reactjs101/tree/master/Appendix01) - [React/React Native 的ES5 ES6写法对照表](http://bbs.reactnative.cn/topic/15/react-react-native-的es5-es6写法对照表)

Wscats

[React-bootstrap官方文档](https://react-bootstrap.github.io/getting-started.html) # 安装 ```javascript npm install --save react react-dom npm install --save react-bootstrap ``` # 引入样式 在主页引入CSS样式 ```html ``` # 使用组件 ```javascript import Button from 'react-bootstrap/lib/Button'; //或者 import { Button...

Wscats

[create-react-app](https://github.com/facebookincubator/create-react-app)

Wscats

# 安装 首先需要项目中安装**events**包 ```bash npm install events --save ```  在src下新建一个util目录里面建一个`events.js` ```js import { EventEmitter } from 'events'; export default new EventEmitter(); ```  # 使用 原理是使用`events`模块的自定义事件机制 > 在**componentDidMount**事件中,如果组件挂载完成,再订阅事件;在组件卸载的时候,在**componentWillUnmount**事件中取消事件的订阅; >...

Wscats

# JSX JSX是React的核心组成部分，它使用XML标记的方式去直接声明界面，界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言,一种定义带属性树结构（DOM结构）的语法，它的目的不是要在浏览器或者引擎中实现，它的目的是通过各种编译器将这些标记编译成标准的JS语言。 虽然你可以完全不使用JSX语法，只使用JS语法，但还是推荐使用JSX，可以定义包含属性的树状结构的语法，类似HTML标签那样的使用，而且更便于代码的阅读。 使用JSX语法后，你必须要引入babel的JSX解析器，把JSX转化成JS语法，这个工作会由babel自动完成。同时引入babel后，你就可以使用新的es6语法，babel会帮你把es6语法转化成es5语法，兼容更多的浏览器。 ```jsx import React from 'react'; class PageB extends React.Component { constructor(props) { super(props); // 设置 initial state this.state = { }; } componentDidMount() { }...

Wscats

# atom-beautify 快速格式化代码，支持多种语言 ```javascript ctrl+alt+b ``` # language-javascript-jsx 让`jsx`格式的代码有高亮效果

Wscats

 新版本的react的prop-type已经单独成包了，所以要先安装prop-types模块 ```javascript npm install prop-types --save-dev ```  然后在组件中引入**PropTypes**模块 ```javascript import React from 'react'; import PropTypes from 'prop-types'; ``` ```javascript class Skill extends React.Component { //code constructor(props) { super(props);...

Wscats

[React创建组件的三种方式及其区别](http://www.cnblogs.com/wonyun/p/5930333.html)

Wscats

Removes [tough-cookie](https://github.com/salesforce/tough-cookie). It's no longer used after updating ancestor dependency [node-sass](https://github.com/sass/node-sass). These dependencies need to be updated together. Removes `tough-cookie` Updates `node-sass` from 7.0.0 to 9.0.0 Release notes Sourced from...

dependabot[bot]