RELATED RECENT PLACEMENTS
Omkar Dinkar
Akkodis
Top Engineering College in Nashik - MET Institute of Engineering, Bhujbal Knowledge City
Pushkar Sonwane
Akkodis
Deogiri Institute Of Technology & Manegement
Pravin Magar
Technorithmengg
Dr. D. Y. Patil Institute of Technology
Shruti Jadhav
Speed Engineering Solutions
Sandip University
Shubham Nashirkar
UPR Engineering Pvt Ltd
Shri Datta Meghe Polytechnic
Ritik Rathi
Cyient
Prof.Ram Meghe Institute of Technology & Research
Meghraj Patil
Tech Mahindra
Sinhgad College of Engineering, Pune
Akshay Pawar
Equilibrium Solutions
MET's Institute Of Engineering, Nashik, Maharashtra, India
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.
Instructors profiles
Our courses are designed by leading academicians and experienced industry professionals.
1 industry expert
Our instructors are industry experts along with a passion to teach.
10 years in the experience range
Instructors with 10 years extensive industry experience.
Areas of expertise
- JavaScript
- React Framework
Similar Courses
Got more questions?
Talk to our Team Directly
Please fill in your number & an expert from our team will call you shortly.