React Rush

Turbocharging React JS Skills: Accelerate Your Frontend Development Mastery

6 Hours video content

10+ Modules

React Coding Problems

Lifetime Access

Offer ends in:

00:

Mins

00:

Secs

What is this course about?

In this course, I’ll guide you through advanced React concepts, giving you a comprehensive understanding of how React works under the hood. Unlike basic courses that focus on building applications from start to finish, I emphasize mastering the core principles and advanced features of React. You'll tackle real-world, industry-inspired challenges that I’ve handpicked to provide practical experience in solving complex issues. I also highlight best coding practices and optimization techniques, ensuring you can write clean, maintainable, and efficient code for scalable, high-performance React applications. At the end of each module, you'll complete problem statements I’ve designed to target specific concepts covered in that module. Enroll now, buckle up, and get ready to master React with me!

What’s so special and different about this course?

Problem statements inspired from real life applications

The course includes problem statements designed based on real-tasks in big project based on the mentor’s experience and complete with solutions with hints to help you tackle complex challenges effectively.

Comprehensive Learning Materials

Benefit from a blend of video content and articles, providing a diverse learning experience that reinforces concepts through multiple formats.

Beyond Basic Projects

Unlike other React courses that focus on basic projects like to-do lists or e-commerce apps, this course dives into deeper, more complex problem-solving scenarios.

Smooth Transition from Vanilla JS to React

The course ensures a proper transition from vanilla JavaScript to React, helping you understand the under-the-hood workings of React, and how it enhances and optimizes your coding practices.

Industry-Level Code Writing

Learn to write code that meets industry standards, with best practices and design patterns to ensure your work is both efficient and maintainable.

Community Access

Join our vibrant community to exchange ideas and learn from fellow learners. Share your questions and receive valuable insights from others. Plus, earn points for your active participation!

Registration for the course is Live

React Rush : Turbocharging React JS Skills

₹999

₹2,599

60% OFF

English

Bonus Includes:

Includes all video content
Access to community
Community discussions
Problem challenges which are given with the course

React Rush : Turbocharging React JS Skills

This course is designed for developers who want to unlock the full potential of React in the broader context of full-stack development.

Special Discount

Get upto 60% Off on this course

Offer Valid till 30th September, and price will be increased

Save upto ₹1500

₹2,599

₹999

Offer ends in:

Limited seats available

7:

Days

00:

Hours

00:

Mins

00:

Secs

Course Curriculum

Module 1: Basics of Javascript

Module 2: Advanced Javascript

More about functions and objects in javascript
Lexical Environment in Javascript
Summary: Lexical Environment
Class in JS, "this" keyword and function binding
Summary: this and bind()
Arrow functions in javascript
Exercise : Advanced Javascript

Module 3: React and Document APIs

DOM Manipulation using Javascript
Event handling in JS
React Intro : Reading Lesson
Document APIs and React Create Element
Functional Components and JSX
React.createElement API
Exercise : Understanding React APIs

Module 4: Diving into React

Understanding React Code Structure
Create React App using CRA
Props and Components
Render and Commit Phase
What are hooks?
State Management in React
Updating Array and Object in state
Form with useState
Custom Form Builder Application
Exercide: Form Builder Foundation

Module 5: SideEffects (of) in React

Effects in React
Local Storage
All about useEffect hook
All about useEffect
useRef in React
useRef hook
useEffect Hand On: Persistence in Form Builder
Exercise : Form Builder with Persistence

Module 6: React Routing and Authentication

Browser Router Documentation
React Router
Authentication
Authentication Basics
Token Storage Methods and Security Considerations
Refresh Token and Access Token
Sign in page for application
Refresh Token usage in application
Optional Readings: JWT and cookies
Exercise : Authentication in React

Module 7: Contexts and Advanced Routing

Global States and Prop drilling
Global States and Contexts
Context API and uses
Auth Provider Migration
RBAC : Role Based Access Control - (preread)
Protected Routes in React
Theme Provider in React
Understanding the Issue with useLayoutEffect and Navigation in React
Exercise : Contexts and Advanced Routing

Module 8 : Flux Design Pattern and Reducers

Migrating from multiple useState to useReducer
Beginner's Guide to useReducer Hook
Flux Design Pattern
Flux Design Pattern using React APIs
Understanding the Use of Reducers in React: A Beginner's Guide
Exercise : Reducers in React

Module 9: React Virtual DOM

React Virtual DOM Intro
React Virtual DOM and Diffing Algorithm
Understanding React's Virtual DOM and Diffing Algorithm
React and Myths
React is not Fast ⚡: its just smart at handling things

Module 10: Performance Optimization Part 1

Unnecessary Re-renders and Memoisation
Optimising performance with memoized components in react
Props change minimisation
useMemo and useCallback for memoisation
useMemo and useCallback hooks for memoisation
Auto-Batching in React
Exercise : Optimise Form builder application
Server State Introduction
Understanding Server States
React Query: useQuery
Advantages of using Tanstack Query
React Query: useMutation and Optimistic Updates
Exercise : Todo Application. Really 😂 ?!

Module 11: Performance Optimization Part 2

Rendering Large Lists
Rendering Large Lists in React
Pagination as an optimisation strategy
Infinite Pagination Problem Discussion
Exercise : Infinite Pagination support
List Virtualization
Virtualised list and react-virtualised
Dynamic Loading in JS
Dynamic Loading
WebPack and Code Splitting
Webpack and Bundling
Code splitting in React
Exercise : Code splitting support in our app

Who is this course for?

Individuals looking to enhance their React skills prior to embarking on significant projects, whether as freelancers or within corporate environments.

Technology enthusiasts aiming to develop Minimum Viable Products (MVPs) or other products and seeking guidance on effective coding practices, including useful tips and tricks.

Those familiar with React but lacking confidence in applying their knowledge to new projects independently.

Backend engineers interested in transitioning to frontend development or desiring to gain foundational knowledge in frontend technologies.

In this course you will learn

Thinking in React

Formulating Structure from Problems

Develop the ability to analyze and formulate the structure of an application when faced with a problem, ensuring a logical and scalable architecture.

Identifying and Creating Components

Master the skill of identifying reusable components, creating them effectively, and understanding how they interact within the application to promote modularity and reusability.

Industry-Level Coding Practices

Write clean, maintainable, and optimized code that meets industry standards, with a focus on best practices and performance optimization techniques.

In-Depth React Concepts

Develop a thorough understanding of advanced React concepts, including hooks, the context API, state management, and the underlying principles of how React works.

Meet your mentor

Hello, I'm Shaantanu Kulkarni

Hello, I'm Shaantanu Kulkarni, a software engineer at Sprinklr, working as a product engineer with the frontend team. I have extensive experience in building products in fast-paced environments. I graduated from IIIT-H with honors in Robotics from the Robotics Research Center at IIIT-H. Over the past three years, I have been developing full-stack applications and have helped a couple of startups build their MVP. I had also worked with I-HUB at IIIT-H and maintained two major applications , one of which had hosted real-time All India Level challenge in which people across various institutes had participated.

Coming to React, in my opinion, many frontend engineers see their role as merely translating UI designs from Figma into code. I want to break this myth and showcase the endless possibilities and depth of frontend development. Through this course, I aim to share the valuable insights and tips I've gathered during my journey, particularly focusing on React.js. Join me as we explore the vast horizon of frontend engineering together.

Why learn from us?

Real-Life Application

Problem Solving

Each module ends with problem statements and solutions, encouraging the use of learned knowledge.

Community Access

We encourage community learning and hence provide access to a community of learners and mentors.

Frequently Asked Questions

I have doubts around the course. How can I get in touch?

For any course or purchase related issues, please email us at shaantanu2018@gmail.com | we.algorythm@gmail.com

How long do I have the access of this course?

You will have lifetime access to course recordings

Will I be able to interact with my peers?

Yes, of course. There will be an online community that you'll all become a part of after buying the course.

How do I access the course after purchasing it?

You should be able to access the course dashboard once you purchase it. Check your email for more information.

How do I access the coding exercise after purchasing it?

Once you purchase the course, you will have to share your github email-id or username with the Algorythm team and we will provide you the access.