React Design Patterns Tutorial for Beginners 2022

Welcome to my Channel...!

In this video we are going to see the basics of React Design Patterns . These are the fundamentals of React Design Patterns and essential trainings. we will see more and more in upcoming videos.

Share your thoughts about this video in the comment section and if you have any doubts post it in comment section.

Thank You...!

→→→→→Visit Our Channel For More Videos←←←←←

🏹LIKE
🏹SHARE
🏹SUBSCRIBE

Where There is a Will There is a Way 💘

//Chapters and time splits

00:00:00-00:00:40 Take your React skills to the next level
00:00:41-00:01:32 What you should know
00:01:33-00:04:00 What are design patterns?
00:04:01-00:05:55 What are layout components?
00:05:56-00:13:22 Split-screen components
00:13:23-00:19:32 Split-screen component improvements
00:19:33-00:30:16 Lists and list items
00:30:17-00:36:42 Create different list types
00:36:43-00:44:28 Modal components
00:44:29-00:46:09 What are container components?
00:46:10-00:49:35 Server instructions
00:49:36-00:57:18 CurrentUserLoader component
00:57:19-01:02:52 UserLoader component
01:02:53-01:08:42 ResourceLoader component
01:08:43-01:13:55 DataSource component
01:13:56-01:16:28 Loading data from localStorage
01:16:29-01:19:07 Controlled vs uncontrolled components
01:19:08-01:25:07 Uncontrolled forms
01:25:08-01:33:30 Controlled forms
01:33:31-01:41:16 Controlled modals
01:41:17-01:49:54 Uncontrolled onboarding flows
01:49:55-01:54:51 Collecting onboarding data
01:54:52-02:01:16 Controlled onboarding flows
02:01:17-02:03:08 What are higher-order components?
02:03:09-02:08:37 Printing props with HOCs
02:08:38-02:13:12 Loading props with HOCs
02:13:13-02:21:34 Modifying data with HOCs
02:21:35-02:29:01 Creating forms with HOCs
02:29:02-02:38:16 Higher-order component improvements
02:38:17-02:40:07 What are custom Hooks?
02:40:08-02:45:20 useCurrentUser Hook
02:45:21-02:48:36 useUser Hook
02:48:37-02:53:12 useResource Hook
02:53:13-02:59:41 useDataSource Hook
02:59:42-03:03:09 What is functional programming?
03:03:10-03:09:32 Recursive components
03:09:33-03:14:39 Component composition
03:14:40-03:18:16 Partially applied components

[nickwoodward]

Great video. If you're new, you're going to smash it, if not, you deserve more subs!

Quick question if you don't mind: Is there any benefit to using props to pass the components to the Splitscreen, or can you just use {children}?

[Shelly-kxwz]

The most underrated react tutorial.🙌 This video helped me so much

[ShravanKumar-bddp]

Great video. Please do brief videos on
Custom form with proper validation,
Creating reusable components,
Proper state management with redux, context and usestate.
Best redux state structure,
Server side pagination.
Load content on scroll.
Best practices in react,
React authentication and authorisation.
React 3rd party integrations.

[yaqubadesola]

Very helpful tutorial but can't find an exercise file

[somyaranjandas]

Rock star video, really appreciated your work we need part-2 of this series

[antoniors]

In terms of the Container components, isn't it easier to just create custom hooks?

[maksa]

You have deserved yourself a sub! Such a great content

[havefun]

This is not for beginners I think, at least it's from a totally perspective for me to know something new of React. Cool

[eelguneezmemmedov]

Please Make the second video about react design pattern . And Also please can u make a video about Typescript design pattern?

[mD-mpbb]

Daaamn this video is really underrated