Setup React Project using create-react-app tool. Understand the flow.
-
Write Hello world using plain HTML.
-
Write Hello world using JavaScript.
-
connect react using cdn.
-
Write Hello world using react.
-
add some attributes.
-
understand react-element.
-
make complex dom tree using react (nested html structure).
- bundlers - (webpack, parcel, vite)
- Scripts
- JSX
- JSX - Features
- Babel
- Components & it's type
- Props
- JavaScript inside JSX
- Dummy data rendering
- Explore Map function
- config driven UI
- Make Folder structure
- default export / named export
- onClick Handlers
- Hooks in React
- useState()
- React Features (VDOM)
- Reconciliation
- React Fragment
- Monolith Architecture
- Microservice Architecture
- Separation of concern / Single responsibility principle
- useEffect Hook
- API call in react.
- search functionality
- conditional rendering