Refactoring a React component - Design Patterns

VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"

In this video I will show you a couple of great React developer design patterns in React. These are great patterns to use to build scalable React applications and will help you write better React code, and will teach you how to refactor components in a way that is clear to understand and work with, and that allow you to add as much complexity as you want to your React application!

[kennardsugirotok]

Please do more of these refactoring. Really helps especially for beginners like me

[vktwxwr]

Your videos are truly remarkable! I've been on the hunt for quality content like yours for months and finally stumbled upon the right place. My gratitude for your excellent videos

[ry]

Need more of this . Really helps when you knows the react framwork but don't know how to apply them in actual practical scenarios .

[excelnutcracker]

I'm new to react and TIL, a whole component re-render when a piece of state change. I never knew why would you want to put the modal open state inside and think like 'I can prevent all of this component to render'. Great and clear explanation!

[jaortiiss]

This could be a real scenario of a PR session. A senior dev explaining concepts to a junior one in a real life project. Pure GOLD.

[NaDennIsGut]

i love your style. just straight to the point and fast delivery of information. please do more refactorings :) subscribed

[joaomarcelofurtadoromero]

Gold content, would love to see more refactoring

I really like your approach "hooking" the logic when needed.

One little thing I would add is using constants in a separated file of same name, for example:

const CACHE_INTERVAL = 100 * 60 * 60
const PAGE_VIEW_ANALYTICS_ID = "page_view"

And reuse them and even if someday you need to rename / change values, you do it in only one place: 🙂

...
GcTime: CACHE_INTERVAL,
staleTime: STALE_INTERVAL
...

trackEvent(PAGE_VIEW_ANALYTICS_ID, ...

[bleakCode]

I really find your videos enjoyable to watch and knowledageable. Keep going!

[belkocik]

I love these kinds of videos that you explain Design Patterns in React :) Woud love some stuff from React Native too if you can.

[chrismixlist]

your videos provide information with great value 👌

[BSK_Rick]

awesome video man! I will share it with my co-workers

[sondernfy]

Love this! Would be nice if you also included the equivalent (or closest approximation) to these in JavaScript as well so we could have a direct comparison. Awesome video

[amdbest]

Loved the video, refactoring is actually what we need to learn

[nickwoodward]

Only a third through it, but this video is fire. Please do more of these!

[HerlonCosta]

Amazing explanation, thank you so much!

[irfansaeedkhan]

where were you all this time, i was searching for this practical videos for a long time, thank you so much

[cruzlee]

Great! Thank you for sharing. It's useful for me.

[gmjitendra]

great video, thanks. would appreciate if you also include testing along.

[saqibmuhammad]

Hats off Bro Really learning lot of new Stuff🥰🥰😍😍