React & Redux Hero: Build secured , scalable Web App !!
- Description
- Curriculum
- FAQ
- Reviews
Unlock the full potential of ReactJS and Redux with this comprehensive and hands-on course. Designed for intermediate to advanced developers, this course goes beyond the basics to equip you with the skills to build scalable, efficient, and secure React applications. We will be following a clear and organized path dealing with real-world use cases and developing solutions to handle them
The following are the key items that will be the point of focus in this course.
-
Coding Patterns for Efficiency: Discover powerful coding patterns and techniques that streamline your development workflow. Explore the latest advancements in React, including hooks, context, and functional components, to write cleaner, more efficient code.
-
Performance Optimizations: Learn how to optimize your React applications for speed and responsiveness. Delve into performance bottlenecks, use memoization techniques and implement lazy loading to create blazing-fast user experiences.
-
Authentication Implementation: Master the implementation of user authentication in React applications. Understand the intricacies of OAuth, JWT, and session-based authentication, and learn how to integrate them seamlessly into your projects.
-
Security Best Practices: Elevate your React applications to the highest standards of security. Explore common vulnerabilities and implement robust security measures, such as input validation, secure communication practices, and protecting against Cross-Site Scripting (XSS) and Cross-Site Request Forgery (CSRF) attacks.
Why Choose “Mastering React”?
-
Practical Hands-On Projects: Apply your knowledge through hands-on projects that simulate real-world scenarios, ensuring you gain practical experience.
-
Expert-Led Instruction: Benefit from the expertise of industry professionals who guide you through the intricacies of advanced React concepts and best practices.
-
Career-Ready Skills: Gain the skills and confidence to tackle complex React projects, making you stand out in the competitive field of web development.
-
Lifetime Access: Enjoy lifetime access to course materials, updates, and a supportive community of learners to keep your skills sharp and up-to-date.
Sample reviews of my other courses
— Write stuff here
-
12
Design Principle - State management -
13
Redux Getting Started
-
14
Adding Redux store and creating Redux Slices
-
15
Adding todo to Redux store , Redux devtools
-
16
Add , Remove and Toggle Todos
-
17
Using selectors in Redux , editing Todos
-
18
Redux Forms , The basics
-
19
Redux and React form setup
-
20
Manage Signin via Redux form
-
21
Css fixes on Signin
-
22
Form validation , error handling
-
23
Signup form link to Redux form
-
24
Design Principle - Code Consistency
-
25
Auth refactoring based on Code Consistency principle
-
26
Property Listing page starter
-
27
Making the AppBar UI
-
28
Adding category bar
-
29
Adding property card component
-
30
Adding FAB button to Property Listing
-
31
Adding Language Selector
-
32
Design Principle - Scalability and Code Infrastructure
-
33
Modals Infrasturcture theory
-
34
Modals infrastructure implementation - Part 1
-
35
Modals infrastructure implementation - Part 2
-
36
Adding Add Property UI Fields
-
37
Adding Translations infra
-
38
Switching between languages
-
39
Placeholders in translations
-
40
Error Boundary using Class components
-
41
Using Error boundary library
-
48
RTK Query introduction
-
49
RTK query setup - Sign in
-
50
Using RTK query in Sing in component
-
51
Fixing backend - Cannot connect to DB
-
52
Fixing errors when sending request to backend
-
53
Solving CORS issues
-
54
Hooking RTK query to Redux store
-
55
Transforming server response , UI State handling
-
56
Update to the Sign in logic on Backend
-
57
Handling Sign in errors
-
58
Understanding how JWT flow works
-
59
JWT Signin implementation on Server
-
60
Refresh tokens
-
61
Adding refresh token to Sign in
-
62
Validating the JWT token
-
63
Adding route polices ( Middlewares )
-
64
Capture User ID from JWT token
-
65
Refresh token endpoint
-
66
Restricting reuse of Refresh token
-
67
Notification infra on React
-
68
Adding Auth details to Redux User Slice
-
69
Adding auth headers to Create property
-
70
Fetching Property list on Frontend
-
71
Reducer Path , rendering properties via API
-
72
UI fixes on Property Listing
-
73
Adding redux persist to save state
-
74
RTK Caching
-
75
RTK Caching in action on Todo
-
76
Conditional RTK Query , Editing toods
-
77
Automatic fetch of RTK queries
-
78
RTK Cache tags
-
79
Invalidating cache by Todo ID
-
80
Bug fix for updating Todos
-
81
Pre-fetching queries using RTK
-
82
Optimistic Update using RTK Cache
-
83
Fixing ID while doing Optimistic Update
-
84
Adding cache tags to Property app
-
85
Redux persist blacklist
-
86
UI Fixes , Redux persist fix
-
87
Refresh token implementation in RTK
-
88
Handling refresh token failure
-
89
Navigating the user on Reauth failure
-
90
Implementing Mutex for preventing multiple API calls
