RELATED RECENT PLACEMENTS
DHIRAJ KADAM
Tech Mahindra
MIT Group of Institutions Aurangabad
Mukesh Kanna S
Tech Mahindra
Panimalar Engineering College
SATHIYA MOORTHY A
Tech Mahindra
Apollo Engineering College
G Harish Jairaj
IIT Madras
Velammal Engineering College
Gorle Balaram
Relaince Jio
Sri Venkateswara College Of Engineering & Technology
Prakash Shukla
Escorts
Kamla Nehru Institute of Technology, Sultanpur (U.P.)
Gunashekar Srinivas
Equilibrium Solutions
Vellore Institute of Technology - VIT Chennai
Durga Varaprasad
Tata Elxsi
Osmania University Hyderabad
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.
Flexible Pricing
Talk to our career counsellors to get flexible payment options.
INR 45,000
Inclusive of all charges
Become job ready with our comprehensive industry focused curriculum for freshers & early career professionals
1 Year Accessto Skill-Lync’s Learning Management System (LMS)
Personalized Pageto showcase Projects & Certifications
Live Individual & Group Sessionsto resolve queries, Discuss Progress and Study Plans.
Personalized & Hands-OnSupport over Mail, Telephone for Query Resolution & Overall Learner Progress.
Job-Oriented Industry Relevant Curriculumavailable at your fingertips curated by Global Industry Experts along with Live Sessions.
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.