• React js is frontend library of javascripts
• Components-Based

• Flexibility -- the React code is easier to maintain and is flexible due to its modular structure.
• Performance -- The core of the framework offers a virtual DOM program and server-side rendering
• Reusable Components -- It saves time for developers as they don’t have to write various codes for the same features

• Callback Functions in JavaScript, map(), filter(), setTimeout()
• Promises in JavaScript, Pending, Resolved, Rejected
• Destructuring Arrays and Objects in JavaScript
• Object destructuring
• Rest and Spread Operators in JavaScript, {...}
• ES6 -ES10
• Optional chaining in JavaScript
• Fetch API & Errors in JavaScript
• Async/Await in JavaScript

• macOS, Ubuntu
• VS Code, Atom, etc. (any whatever you want)
• Node v.16+
• npm

• Atom keymap
• Eslint
• Prettier Codeformatter
• Gitlens
• Path Intellisense
• ES7+ React/Redux/React-Native snippets
• HTML CSS Support
• Simple React Snippets
• vscode-icons

This example below is only my designed, you can adjust them whatever you want.

https://codesandbox.io/s/react-folder-stucture-diro5w

You can write html tag in javascripts const element = <h1>Hello, {name}</h1>;

https://medium.com/niawjr/react-the-series-ep1-intro-to-jsx-a2e4b924864a

• It's allows you to use state and other React features without writing a class

• useEffect()
• useState()

• useContext()
• useReducer()
• useTransition (v.18)
• useDeferredValue (v.18)

const data = getData = () => <div>show data </div>

const data = getData = (props) => <div>show data {props} </div>

• Vercel
• Jenkins deployment for VPS

https://codesandbox.io/s/react-basic-components-j17om4

This example all included

• useState
• Components based
• Props
• Destructing data
• Spread operators
• Reusable components (Input)
• Event handler