Scribd
Upload
147 views

React JS - Learning Topics

The document outlines learning topics for React JS including an introduction to core React concepts like components, props, state, and JSX; how to implement routing with React Router; integrating Redux for state management; using React Hooks; and best practices for debugging, development tools, and making HTTP requests. The topics are broken down into sections covering the fundamentals of React, templating with JSX, components, events, routing, Redux, hooks, and other useful development techniques with over 40 hours of content.

Uploaded by

Anshul MV
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
147 views

React JS - Learning Topics

The document outlines learning topics for React JS including an introduction to core React concepts like components, props, state, and JSX; how to implement routing with React Router; integrating Redux for state management; using React Hooks; and best practices for debugging, development tools, and making HTTP requests. The topics are broken down into sections covering the fundamentals of React, templating with JSX, components, events, routing, Redux, hooks, and other useful development techniques with over 40 hours of content.

Uploaded by

Anshul MV
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

React JS – Learning topics

Topics 1: Reactjs (40 hours)


Introduction Introduction to ReactJS
o What is ReactJS
o Why ReactJS
What is ES6
A word on bable
Block scope, let & const
Template literals
Arrow functions
Spread and Rest operators
Object literal improvements
Destructuring
Classes
Inheritance
Static properties and methods
Promises
Iterators and Iterables
Generators
Modules
Set and Map
Templating JSX Working with React.createElement
Expressions
Using logical operators
Specifying attributes
Specifying children
Introduction to
Significance of component architecture
Components
Types of components
o Functional
o Class based
o Pure
Component Composition
Component Lifecycle
Working with State and Props
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 defaultProps
Event Handling in ReactJS Understanding React event system
Understanding Synthetic event
Passing arguments to event handlers
Routing with React Router Setting 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 RedirectComponent
Using Prompt component to get consent of user for navigation
Path less Route to handle failed matches
React Redux What is redux
Why redux
Redux principles
Install and setup redux
Creating actions, reducer and store
Understand high order component
React Hooks Why React hooks
Start Using React Hooks with useState, useEffect, and useRef
Using More Hooks: useContext, useReducer, useCallback, and useMemo
Custom React hooks
Others Coding best practices in React JS and design patterns
Debugging and fixing errors
Suggested tools for effective development
Leveraging webpack features for react development
Making http calls using axios

You might also like