This repository contains a step-by-step tutorial and code snippet to learn reactjs.

1. Install NodeJS and NPM
2. Install IDE of your choice. We recommand Visual Studio Code
3. Install React from terminal

• Install reactjs library : npm install -g create-react-app
• Check reactjs installation: create-react-app -version
• Create reactjs project: create-react-app <projectname>

• 17.0.1
• see package.json file of a project for detail.

• npm start
• browse http://localhost:3000/

• link of tutorial series: https://tinyurl.com/y9rqjzj2

1. ReactJS Environment Setup : #4
2. Hello World, Program structure, babel, jsx: #5 (code: tut1)
3. JSX (javascript extension) in React JS #6
4. How to Render Multiple Elements inside ReactDOM.render(): #7, #8, #9 (code: tut2)
5. JavaScript Expressions, template literals in JSX: #10, #11, #12 (code: tut3)
6. JSX Attributes, JSX and CSS Style : #13, #14 (code: tut4)
7. Internal CSS & Inline CSS Styling: #16 (code: tut5)
8. Simple Greeting Website: #17
9. ReactJS Component: #18 (code: tut6)
10. React Project into Components: #19 (code: tut7)
11. ES6 Modules Import Export : #20, #21 (code: tut8)
12. React JS Props (Netflix App), map, fat arrow: #22 , #23, #24 (code: tut9)
13. Debugging & Error Handling : #25
14. useState in Hook in React JS: #30, #45 (Code: tut10)
15. Handling Events in ReactJS: #33 (Code: tut11)
16. Reactjs Forms: #34, #35 (code: tut12)
17. Spread Operator, "..." three dots do in ReactJS : #38 , #39
18. React and other UI framework (e.g., Material UI): #42, #43 , #45
19. React component through npm: #44
20. Context API , createContext(), useContext() : #51, #52 (code: tut14)
21. useEffect() after rendering the page: #54 (1), #54 (2) (code: tut15)
22. React router (client-side rendering), useParams Hooks : #56, #57, #60, #61 (code: tut16)
23. Live Search Filter using Hooks & Router: #62
24. Create React 404 Error Page Not Found using React Router: #64

• Building a Todo List App Project: https://tinyurl.com/ycm42a7b (code: tut13)