alankilalank / react-basic Goto Github PK

This project was bootstrapped with Create React App.

1. Clone this repository
2. cd into directory
3. Run npm install or yarn install in terminal/command prompt
4. Run npm run start or yarn start to start app in the development mode
5. Open http://localhost:3000 to view it in the browser.

Note: All this point are based on my own opinion from some reference!

1. Reusable Component

React implement Composition Model Patterns

• Composition vs Inheritance
• React Composition Patterns

2. Virtual DOM

• Virtual DOM and Internals
• Virtual DOM in ReactJS

3. One-way data flow (one-way binding)

In React, data flows in one direction, from Parent to Child. This helps components to be simple and predictable.

• Thinking in React

4. Create React element easier with JSX

JSX is just a nice syntactic sugar over function calls that create DOM elements. JSX produces React "element"

JSX elements => React.createElement()

• Introducing JSX
• JSX In Depth

5. Explicit Mutation

• what explicit mutation
• You're Missing The Point of React
• Immutability In React

6. Great Developer Tools

• Create React App
• React Devtools

7. Just Javascript :)

Start learning React = Learning Javascript in the right way

• Webpack
• Babel
• React
• Redux
• React-Router

Yeap, just React, focus on React itself. (understanding ES6 features is + )

Every section is separated with a branch. feel free to check out the different branches on this repository.