Types of Component:

• Components Lifecycle methods
• Component update lifecycle (props)
• Component update lifecycle (for state)
• Pure Component vs. Should Component memo()
• Fragment
• HOC (Higher order Component)
• Controlled vs. uncontrolled components

Design:

• CSS
• Different ways of styling react component
• Bootstrap
• React-bootstrap
• Material UI

Routing:

• Routes & Router Module
• React-router vs. react-router-dom
• Working with Multiple Components.
• Navigation with Router Links
• Switching between pages
• Routes with Value Passing
• Parameterised Route
• Lazy loading

Create Form & Validation:

• Creating a custom Dynamic input component
• Adding Dropdown Component
• Handling user Input
• Handling Form submission
• Adding custom validation
• Adding custom validation
• Adding validation to check user input.
• Outputting validation Error Messages

HTTP Request:

• Introduction & How HTTP Request work in SPA.
• Sending GET/ POST/ PUT/DELETE Requests.
• Using the Returned data.
• Handling Errors Locally
• Adding interceptors to Execute code globally

Authentication and Route protection in React Application:

• Creating a Sign-Up Page & Route

React Hook:

• React user State hook
• Used State Hook with object and array
• Useeffect Hook and its usage
• Adding Two-way binding
• Conditionally run effects
• Use effect with incorrect dependency
• Fetching Data using use Effect
• use Context Hook and its usage
• use Reducer Hook and its usage
• Multiple use Reducer
• ushered Hook
• Event Handling
• Binding Event Handlers

REDUX:

• Introduction to the module
• Architecture
• Setting up reducer and store
• Displaying actions and adding subscription
• Connecting React to redux
• Dispatching actions from within the component
• Passing and Retrieving data with action
• Updating state and arrays immutably
• Combining multiple Reducers
• Understanding state Types
• Data Binding
• Using Reduxthunk

Project

• Front-end developer
• ReactJS developer
• UI software developer