React utilizes JavaScript syntax, most often referred to JavaScript ES6 and beyond (ES7,
ES8, ES9).
• Classes
• Object Functions
• Array methods
• Arrow Functions
• Block Scope
• Default Values and rest/speared operators
• Destructuring
• Template Strings

• Introduction to React JS
• Smart DOM Updates
• The React Element Tree
• Tree Reconciliation
• JSX
• The React UI Workflow
• Understanding Components
• Create-react-app
• React Developer Tools
• Structuring the Application
• React’s Entry Point
• The Top Level Component

• Four ways to create React Components
• CreateClass Component
• Class Component
• Function Component
• Arrow Function Component
• Functional Component Benefits
• When to use Class vs. Functional Components
• Container vs. Presentational Components

• Expressions
• Using Logical Operators
• Specifying attributes
• Specifying Children
• Fragments
• Applying CSS vis className and styles.

• What is state and it significance
• Read state and set state
• Passing data to component using props
• Validating props using propTypes
• Supplying default values to props using default props
• Stateful and stateless components
• Implementing child to parent communication using callbacks.

• Using react key prop
• Using map function to iterate on arrays to generate elements

• Understanding React Event system
• Understanding React Synthetic Event
• Passing arguments to event handlers

• Understanding React Event system
• Understanding React Synthetic Event
• Passing arguments to event handlers

• Controlled Components
• Uncontrolled Components
• Significance of default value prop
• Using React ref property to get access to DOM element
• Using different form controls

• What and when to use Context
• Creating context
• Context.Provider
• Context.Consumer

• What is code splitting
• Why do we need code splitting
• React.lazy and Suspense
• Route based code splitting

• What are hooks
• Different types of hooks
• Using State and effect hooks
• Rules of hooks
• User defined hooks

• Significance of Routing
• Understanding routing and SPA
• Working with BrowserRouter and HashRouter Components
• Configuring routes
• Using switch component to define routing rules
• Dynamic routes using route params
• Nested routes
• Navigating to pages using Link and NavLink Component
• Redirecting routes

• Introduction to Redux
• Three core Redux principles
• Redux Flow Overview
• Actions, Stores and Reducers
• Immutability and Handling Immutability
• Connecting React to Redux
• mapStateToProps
• mapDispatchToProps
• Redux Dev Tools
• Async in Redux
• Mock API
• Middleware and Async Library Options
• Thunk introduction
• Async status and Error Handling

• Testing Frameworks and Libraries
• Jest
• React Testing Library

• Automating a business Process using React JS  Tool

FAQs and Interview Preparation