React development environment ready

file

Author | Jeskson

Source | Dada front-end bistro

React.js profile:

React JS write web effect, ReactNative write a native app application.

file

React.js is facebook launched in 2013 revenue, is the functional programming, more use, there is a sound document and improve the community.

file

Development environment to build:

Introducing .js file to use React

Scaffolding tool to encode

file

Installation dependencies:

file

import React from 'react';

import ReactDOM from 'react-dom'

import App from './App';

ReactDOM.render(<App />,document.getElementById('root'));

1, React infrastructure project to build a
2, JSX grammar
3, React component-based development
4, inter-component communication React
5, React events
6, React code optimization
7, the components in the style modification React

npx create-react-app my-app

cd my-app

npm start

npx create-react-app todolist

React makes creating interactive UI breeze. Simple design of view for each state of your application, React effectively update and render correctly when the component data changes.

To write declarative UI, you can make your code more reliable, and easy to debug.

Create components have their own state, reconstructed from these more complex UI components.

Component logic written in JavaScript instead stencil, so you can easily transfer data in the application, and such a state separated from the DOM.

No matter what your current technology stack being used, you can introduce React to develop new features at any time, without the need to rewrite existing code.

Simple assembly
React component uses a method called render (), the receive data input and returns the contents to be presented. In an example of such XML is similar wording is referred JSX. The incoming data can be accessed by this.props the render () in the assembly.

React development

https://www.jianshu.com/p/c7506ca83b34

❤️ Do not forget to leave your footprints learning [+ collection point Like Comments +]

Author Info:

[Author]: Jeskson
[original] Public number: Dada front-end bistro.
[Welfare]: No public reply "Information" self-study materials sent to spree (into the group to share what you want to say Ha, I did not see)!
[Reserved] Description: reproduced please indicate the source, thank you! ~

Large front-end development, front-end development positioning technology stack blog, PHP background knowledge, web full stack technology fields, data structures and algorithms, and so easy to understand network theory is presented to the junior partner. Thank you support, courtesy of love! ! !

If this number of local contents do not get bits (for example: to copyright or other problems), please contact us for rectification can be timely and will be processed in the first time.

Please thumbs up! Because you agree / encouragement is the greatest power of my writing!

Welcome attention to Dada 's CSDN!

This is a quality, attitude blog

Front-end technology stack