Year End Discount Till 31st December for All Courses.
25 % OFFLearning Outcomes
- Build powerful, fast, user-friendly and reactive web apps
- Provide amazing user experiences by leveraging the power of JavaScript with ease
- Learn all about React Hooks and React Components
- Build amazing single page applications with React JS and Redux
React Js
Curriculum For This Course
- Introduction to React JS Library
- Building Single-Page Applications (SPAs) with React
- Javascript Refresher
- Variables Const, Let
- Functions
- Arrow Functions
- Exports Imports
- Spread & Rest Importer
- Module Introduction
- What Are Components? And Why Is React All About Them?
- React Code Is Written In A "Declarative Way"!
- Introducing JSX
- Building a First Custom Component
- Writing More Complex JSX Code
- Adding Basic CSS Styling
- Passing Data via "props"
- Adding "normal" JavaScript Logic to Components
- The Concept of "Composition" ("children props")
- Organizing Component Files
- An Alternative Function Syntax
- Module Introduction
- Listening to Events & Working with Event Handlers
- How Component Functions Are Executed
- Working with "State"
- A Closer Look at the "useState" Hook
- Adding Form Inputs
- Listening to User Input
- Working with Multiple States
- Using One State Instead (And What's Better)
- Handling Form Submission
- Adding Two-Way Binding
- Child-to-Parent Component Communication (Bottom-up)
- Lifting The State Up
- Module Introduction
- Understanding React Error Messages
- Analyzing Code Flow & Warnings
- Working with Breakpoints
- Using the React DevTools
- Module Introduction
- What are "Side Effects" & Introducing useEffect
- Using the useEffect() Hook
- useEffect & Dependencies
- Using the useEffect Cleanup Function
- Learning the "Rules of Hooks"
- Module Introduction
- Adding a First Class-based Component
- Working with State & Events
- Lifecycle Methods In Action
- Module Introduction
- What is Routing & Why?
- Installing React Router
- Defining & Using Routes
- Working with Links
- Using NavLinks
- Adding Dynamic Routes with Params
- Extracting Route Params
- Using "Switch" and "exact" For Configuring Routes
- Working with Nested Routes
- 404 Not Found Page
- Working with Query Parameters
- Getting Creative With Nested Routes
- Sending & Getting Quote Data via Http
- Module Introduction
- Redux vs React Context
- More Redux Basics
- Creating a Redux Store for React
- Using Redux Data in React Components
- Dispatching Actions From Inside Components
- Redux with Class-based Components
- Working with Multiple State Properties
- Redux Challenges & Introducing Redux Toolkit
- Connecting Redux Toolkit State
- Working with Multiple Slices
- Module Introduction
- Redux & Side Effects (and Asynchronous Code)
- Redux & Async Code
- Using useEffect with Redux
- Handling Http States & Feedback with Redux
- Using an Action Creator Thunk
- Getting Started with Fetching Data
- Exploring the Redux DevTools
- Mobile Development - React Native
- Next JS React Framework
- Node JS & Express
- Competitive Framework Vue or Angular
Course Information
- Session Duration: 2 Months
- Credit Hours: 24
- Student Capacity: 6
- Week Schedule: 3 Days a week
- Class Duration: 90 Min
- Course Teachers: Sir M. Aakif Raza
Upcoming Session Dates
Last Date of Admission:
Sat 11-May-2024
Session
Start Date:
Mon 13-May-2024
Last Date of Admission:
Sat 18-May-2024
Session
Start Date:
Mon 20-May-2024
Frequently Asked Questions
No FAQ's found for this course.Course Gallery
No image found.
Course Price: Rs 18500 /-
or Call to Reserve at
Upcoming Session
- Last Date of Admission Sat 11-May-2024
- Session Start Date Mon 13-May-2024
- Course Level Intermediate to Advanced
- Course Pre-Requisite Javascript Course or Equivalent
- Course Length 2 Months
