Menu

Executive Programs

Workshops

Projects

Blogs

Careers

Find Jobs


For Business / Universities

Corporate Training

Hire from US

Academic Up-skilling


All Courses

Choose a category

Loading...

All Courses

All Courses

logo

React.js

A comprehensive three month course on ReactJs.

12 weeks long course | 100% Online

Learn from leading experts in the industry

Project based learning with 2 industry level projects that learners can showcase on LinkedIn.

Learn Key Tools & Technologies HTML5, CSS3, JavaScript, Visual Studio Code

Book a Free Demo Session

Enter your phone number and book a FREE Demo session on your favourite courses now!
Please enter a valid email
Please enter a valid number

Syllabus

This course is full of best-in-class content by leading faculty and industry experts in the form of videos and projects

Course Overview

  • The course touches every aspect of React.js, which is essential to becoming a successful web developer.
  • This program is a one-stop learning program for learning web development with React.js.
  • Challenges after every week support all the learning and additional instruction to explore React.js from the basics.
  • Every concept has been covered with code first approach.
  • The course provides a few projects from scratch, ensuring end-to-end flow understanding while building web applications.

Course Syllabus

On a daily basis we talk to companies in the likes of Tata Elxsi and Mahindra to fine tune our curriculum.

Week 01 - Introduction to ReactJS

  • Introduction to ReactJS
  • ReactJS vs Other Frameworks or Libraries
  • Sample Hello-World
  • Diffing Algorithm (Virtual DOM)
  • Folder Structure
  • Components
  • Functional Components
  • Class Components

Week 02 - Core Concepts of ReactJS

  • JSX
  • Props
  • State
  • SetState
  • Destructuring Props and State
  • Event Handling

Week 03 - Event Handler Binding and Rendering

  • Binding Event Handlers
  • Methods as Props
  • Conditional Rendering
  • List Rendering
  • Keys

Week 04 - Lists, Styling and Form Handling

  • Lists and Keys
  • Index as Key Anti-pattern
  • Styling Components
  • Basics of Form Handling

Week 05 - React Lifecycle Methods

  • Mounting Lifecycle Methods
  • Updating Lifecycle Methods
  • Unmounting Lifecycle Methods
  • Error Handling Phase Methods

Week 06 - Fragments, Pure Components, Refs

  • Fragments, PureComponents, and Refs
  • Memo
  • Refs with Class Components
  • Forwarding Refs

Week 07 - Higher-Order Components (HOCs) and Error Boundary

  • Portals
  • Error Boundary
  • Higher-Order Components
  • Render Props

Week 08 - Context, HTTP and Hooks Introduction

  • Context
  • HTTP and ReactJS
  • GET Request
  • POST Request
  • Introduction to React Hooks
  • useState Hook

Week 09 - React Hooks (useState & useEffect)

  • useState with previous state
  • useState with object
  • useState with array
  • useEffect Hook
  • useEffect after render
  • Conditionally run effects
  • Run effects only once

Week 10 - useEffect to make API calls and useContext Hook

  • useEffect with Cleanup
  • useEffect with Incorrect Dependency
  • Fetching Data with useEffect
  • useContext Hook

Week 11 - useReducer Hook

  • useReducer Hook
  • useReducer Hook-Simple State & Action
  • useReducer Hook-Complex State & Action
  • Multiple useReducer Hooks
  • useReducer with useContext
  • useReducer with Data Fetching
  • useState vs useReducer

Week 12 - useCallback, useMemo, useRef, and Custom Hooks

  • useCallback Hook
  • useMemo Hook
  • useRef Hook
  • Custom Hooks
  • Sample Custom Hook

Our courses have been designed by industry experts to help students achieve their dream careers

Industry Projects

Our projects are designed by experts in the industry to reflect industry standards. By working through our projects, Learners will gain a practical understanding of what they will take on at a larger-scale in the industry. In total, there are 2 Projects that are available in this program.

Shopping Cart Application

In this project, learners have to create a basic shopping cart application with core functionality where users should list and filter products on the webpage. The app should also have the ability to add products to the shopping cart, and let users update the quantity for purchase. This use case is in line with real applications available these days and focuses on advanced state management with core React.js principles.

Expense Tracking Application

In this project, learners have to create a single-page app to track users' daily expenses using React.js basics. The tracker should have three dimensions. The first step is Receiving and validating user input, the second step is listing out the entered data, and the third step is visualising the data. The project touches on the basics of CRUD operations and touches on using third-party libraries for advanced use cases like visualization.

Our courses have been designed by industry experts to help students achieve their dream careers

Ratings & Reviews by Learners

Skill-Lync has received honest feedback from our learners around the globe.

Google Rating
4.6

ReactJs

Instructors profiles

Our courses are designed by leading academicians and experienced industry professionals.

image

1 industry expert

Our instructors are industry experts along with a passion to teach.

image

10 years in the experience range

Instructors with 10 years extensive industry experience.

image

Areas of expertise

  • JavaScript
  • React Framework

Find React.js in other cities

Pune

Delhi

Hyderabad

Mumbai

Chennai

Bangalore


Similar Courses

Got more questions?

Talk to our Team Directly

Please fill in your number & an expert from our team will call you shortly.

Please enter a valid email
Please enter a valid number
Try our top engineering courses, projects & workshops today!Book a Live Demo