React Design Patterns - The Practical Guide

Focused View

CodeLicks Academy

3:34:55

74 View

1. Introduction

1. Requirements.mp4

00:47

2. What are design patterns.mp4

02:17

2. Layout Components

1. Introduction.mp4

02:10

2. Screen Splitter.mp4

07:46

3. Screen Splitter Enhancement.mp4

06:56

4. Lists.mp4

14:07

5. Lists Types.mp4

07:12

6. Modals.mp4

09:41

3. Container Components

1. Introduction.mp4

01:47

2. Server Setup.mp4

03:44

3. Loader Component for CurrentUser Data.mp4

08:53

4. Loader Component for User Data.mp4

03:06

5. Loader Component for Resource Data.mp4

05:08

6. Data Source Component.mp4

06:38

7. Local Storage Data Loader Component.mp4

03:14

4. Controlled and Uncontrolled Components

1. Introduction.mp4

02:36

2. Uncontrolled Components.mp4

06:38

3. Controlled Components.mp4

06:39

4. Controlled Modals.mp4

07:12

5. Uncontrolled Flows.mp4

09:27

6. Collecting Data.mp4

06:43

7. Controlled Flows.mp4

07:55

5. Higher Order Components - HOCs

1. Introduction.mp4

01:58

2. Checking Props with HOC.mp4

06:56

3. Data Loading with HOC.mp4

05:57

4. Updating Data with HOC.mp4

10:04

5. Building Forms with HOC.mp4

06:48

6. Enhancing HOC Pattern.mp4

12:02

6. Custom Hooks

1. Introduction.mp4

01:43

2. Fetching a user with Custom Hook.mp4

04:49

3. Fetching users with Custom Hook.mp4

02:20

4. Fetching a Resource with Custom Hook.mp4

03:23

5. a More Generic Custom Hook.mp4

06:23

7. Functional Programming in React

1. Introduction.mp4

02:36

2. Recursive Components.mp4

07:26

3. Compositions.mp4

05:07

4. Partial Components.mp4

05:16

8. Next Steps

1. Next Steps.mp4

01:31

Description

Go from junior/intermediate to senior level by learning how experts write reusable React components using design pattern

What You'll Learn?

Master React Design Patterns
Implement Reusable Components
Harness the Power of Higher-Order Components (HOCs)
Understand Controlled and Uncontrolled Components
Embrace Functional Programming Concepts
Understand and Use Custom Hooks
Build Container Components For Sharing Common Logic of Data Loading

Who is this for?

React developers looking to level up their skills

Software engineers and web developers interested in learning React

What You Need to Know?

Basic knowledge in React

More details

Description

If you are a junior or intermediate React developer looking to figure out how to write REALLY reusable and maintainable React components then you have come to the right place!
In this course, I will teach you the most practical React design patterns I learned the hard way during my life career working on several React projects, from spaghetti code bases to enterprise projects.
The most special point about the material of this course, is that I give a series of real-world concrete examples for every pattern and not just a dummy code that you can find on blogs or even with chatGPT! No, you will truly leverage the knowledge I am promising here.
I did make sure that you are going to get the CONCEPT behind every pattern, WHY you should consider using it and HOW to start implementing it in your codes right away.
I went through lots of interviews at the early stage of my career as a frontend developer and really struggled with interview questions for senior roles.
Most of the interviewers were not looking for only definitions or concepts. They tried to test my practical knowledge to see if I really know when and how to use the right design pattern for every challenge. Then when I started interviewing candidates, I followed the same manner. And now, I am teaching you what I gained to help you level up!
This course is as short as you even can finish it in a weekend but do not misunderstand this! It is short because it is straight to the point with real-world practical examples.
We have simulated a full-stack application just to demonstrate the data fetching as it is the most common logic you will encounter in React applications.
I event touched on custom hooks and advanced topics such as recursive components. Most of the patterns in this course are unique to it and you can not find them on any other course.
You just need to look at the course chapters and do a search to see if they are covered AND with the same details!
So long story short, if you truly want to save your self a long run of try/error learning path trying to write react components like a pro, then give this course a try.
You can always ask for a refund if you regret it.

Some of the patterns we are covering in this course:
Lay out components including split screen pattern, lists and list items and modals
Container patterns for loading and passing data
Controlled and Uncontrolled components, their differences and purposes
HOCs and the ways they can save your life
Custom hooks and how to make the most out of them
Functional programming and some advanced patterns

Who this course is for:
React developers looking to level up their skills
Software engineers and web developers interested in learning React

User Reviews

Rating

average 0

Total votes0

Focused display

Welcome to CodeLicks Academy! We are a team of software engineers with a passion for sharing knowledge and helping others understand complex concepts. We have extensive experience in the industry, having worked on a variety of projects ranging from small startups to large systems. We also have a deep understanding of software engineering and data engineering concepts, and love to apply these principles to real-world problems.In addition to technical skills, we have a strong background in teaching and have always had a love for sharing knowledge. Our team members have taught in both formal and informal settings, and have a knack for breaking down complex ideas into simple, easy-to-understand concepts. We believe that anyone can learn how to code and talk to computers at fast pace, so we are dedicated to helping people achieve their goals by providing short but informative video courses on variety of topics as code licks! Whether you're a beginner looking to get started in software/data engineering, or an experienced professional looking to enhance your skills, we are here to help you reach your goals. With our combination of technical skills and teaching experience, we are confident that we can help you take your skills to the next level.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.