Easy way to IT Job

React Js Course Syllabus

4.80
(7898)

Our React Js Course Syllabus comes with not only an up-to-date syllabus, but also with a great curriculum which will nourish the learning experience completely. The React Js Course Syllabus includes both theoretical and practical training as well, which will make students understand the concepts in all contexts easily. In addition to that, they will also learn about all the interesting concepts like anatomy of React projects, Fragments, Pure, React Key Prop and more. The React JS Course Syllabus allows students to learn every major, and new concept in React Js according to recent trends, so you will never be outdated in the realm of Web development.

Download our React Js course syllabus PDF from the best React Js Training Institute in Chennai.

DURATION
Real-Time Location Services
2 Months
JOB READY
Syllabus
CERTIFIED
Courses

Let's take the first step to becoming an expert in React Js

Click Here to Get Started

100% Placement
Assurance

What Learning at SLA gives you

  • Technology Training
  • Aptitude Training
  • Learn to Code (Codeathon)
  • Real Time Projects
  • Learn to Crack Interviews
  • Panel Mock Interview
  • Unlimited Interviews
  • Life Long Placement Support

Breakdown of React Js Course Fee and Batches

Hands On Training
3-5 Real Time Projects
60-100 Practical Assignments
3+ Assessments / Mock Interviews
April 2024
Week days
(Mon-Fri)
Online/Offline

2 Hours Real Time Interactive Technical Training 

1 Hour Aptitude 

1 Hour Communication & Soft Skills

(Suitable for Fresh Jobseekers / Non IT to IT transition)

Course Fee
April 2024
Week ends
(Sat-Sun)
Online/Offline

4 Hours Real Time Interactive Technical Training

(Suitable for working IT Professionals)

Course Fee

Save up to 20% in your Course Fee on our Job Seeker Course Series

Learn More

Syllabus for The React Js Course

Download Syllabus
Introduction to React

1

  • 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
Templating using JSX

2

  • Working with React. createElement
  • Expressions
  • Using logical operators
  • Specifying attributes
  • Specifying children
  • Fragments
About Components

3

  • Significance of component architecture
  • Types of components
  • Functional
  • Class based
  • Pure
  • Component Composition
Working with state and props

4

  • 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
Rendering lists

5

  • Using react key prop
  • Using map function to iterate on arrays to generate elements
Event handling in React

6

  • Understanding React event system
  • Understanding Synthetic event
  • Passing arguments to event handlers
Understanding component lifecycle and  handling errors

7

  • Understand the lifecycle methods
  • Handle errors using error boundaries
Working with forms</str

8

  • Controlled components
  • Uncontrolled components
  • Understand the significance to default Value prop
  • Using react ref prop to get access to DOM element
Context

9

  • What is context
  • When to use context
  • Create Context
  • Context.Provider
  • Context.Consumer
  • Reading context in class
Code-Splitting

10

  • What is code splitting
  • Why do you need code splitting
  • React.lazy
  • Suspense
  • Route-based code splitting
ooks

11

  • What are hooks
  • Why do you need hooks
  • Different types of hooks
  • Using state and effect hooks
  • Rules of hooks
Routing with react router

12

  • 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 Redirect Component
  • Using Prompt component to get consent of user for navigation
  • Path less Route to handle failed matches
Just Redux

13

  • What is redux
  • Why redux
  • Redux principles
  • Install and setup redux
  • Creating actions, reducer and store
Immutable.js

14

  • What is Immutable.js?
  • Immutable collections
  • Lists
  • Maps
  • Sets
React Redux

15

  • What is React Redux
  • Why React Redux
  • Install and setup
  • Presentational vs Container components
  • Understand high order component
  • Understanding mapStateToProps and mapDispatchtToProps usage
Redux middleware

16

  • Why redux middleware
  • Available redux middleware choices
  • What is redux saga
  • Install and setup redux saga
  • Working with Saga helpers
  • Sagas vs promises
Unit Testing

17

  • Understand the significance of unit testing
  • Understand unit testing jargon and tools
  • Unit testing react components with Jest
  • Unit testing react components with enzyme
Webpack Primer

18

  • What is webpack
  • Why webpack
  • Install and setup webpack
  • Working with webpack configuration file
  • Working with loaders
  • Working with plugins
  • Setting up Hot Module Replacement
Isomorphic React

19

  • What is server-side rendering (SSR)?
  • Why SSR
  • Working with render To String and render To StaticM arkup methods

Want more details about the React Js Syllabus?

Fill out the form, and our counsellors will get in touch with you at your preferred time. You can have all your queries answered. Once you decide that SLA is the perfect fit for your training needs, our counselors will guide you through the process every step of the way.

Course Schedules

PDF Course Syllabus

Course Fees

CRM System Testing

or any other questions...

The SLA way to Become
a React Js Expert

Enrollment

Technology Training

Coding Practices
Realtime Projects

Placement Training

Aptitude Training
Interview Skills
CRM System Testing

Panel Mock
Interview

Unlimited
Interviews

Interview
Feedback

100%
IT Career

Google Reviews

Rating
4.8
1,053 Google reviews

Hari Krishnan

I am from Mechanical background. I have no command over programming before joining SLA Such a wonderful place to learn and achieve your goals.Having wonderful…
Click here for Full Review

Ganesan Vasu

I'm from non-IT background, but always wanted to be in IT, SLA make my dream true and I don't know how many will see this…
Click here for Full Review

Aswin Pandiyan

It's my genuine review i searched many institutes to do software testing course and finally landed in SLA. My counselor Bala backed me and my…
Click here for Full Review

Venkatesh

I joined SLA for python course one year back, and i got selected as software developer with decent salary, with after one year of experience,…
Click here for Full Review

Discover What Our Students Have To Say

See More Reviews

Our counselors will share the Syllabus PDF with you via Email / Whatsapp

Just a minute!

If you have any questions that you did not find answers for, our counsellors are here to answer them. You can get all your queries answered before deciding to join SLA and move your career forward.

We are excited to get started with you

Give us your information and we will arange for a free call (at your convenience) with one of our counsellors. You can get all your queries answered before deciding to join SLA and move your career forward.