What is React?, Why React?, React version history, React 16 vs React 15, Just React – Hello World, Using create-react-app, Anatomy of react project, Running the app, Debugging first react app
Example ProgramsWorking with React. Create Element, Expressions, Using logical operators, Specifying attributes, Specifying children, Fragments
Example ProgramsSignificance of component architecture, Types of components, Functional, Class based, Pure, Component Composition
Example ProgramsWhat 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 defaultProps
Example ProgramsUsing react key prop, Using map function to iterate on arrays to generate elements
Example ProgramsUnderstanding React event system, Understanding Synthetic event, Passing arguments to event handlers
Example ProgramsUnderstand the lifecycle methods, Handle errors using error boundaries
Example ProgramsControlled components, Uncontrolled components, Understand the significance to default Value prop, Using react ref prop to get access to DOM element
Example ProgramsWhat is context, When to use context, Create Context, Context.Provider, Context.Consumer, Reading context in class
Example ProgramsWhat is code splitting, Why do you need code splitting, React.lazy, Suspense, Route-based code splitting
Example ProgramsWhat are hooks, Why do you need hooks, Different types of hooks, Using state and effect hooks, Rules of hooks
Example ProgramsSetting up react router, Understand routing in single page applications, Working with BrowserRouter and HashRouter components, Configuring route with Route component, Using Switch component to define routing rules, Making routes dynamic using route params, Working with nested routes, Navigating to pages using Link and NavLink component, Redirect routes using Redirect Component, Using Prompt component to get consent of user for navigation, Path less Route to handle failed matches
Example ProgramsWhat is redux, Why redux, Redux principles, Install and setup redux, Creating actions, reducer and store
Example ProgramsWhat is Immutable.js?, Immutable collections, Lists, Maps, Sets
Example ProgramsWhat is React Redux, Why React Redux, Install and setup, Presentational vs Container components, Understand high order component, Understanding mapStateToProps and mapDispatchtToProps usage
Example ProgramsWhat is server-side rendering (SSR)?, Why SSR, Working with render To String and render To StaticM arkup methods
Example Programs