How to Reduce Code Duplication? | React.js | Advanced JavaScript | Devtools Tech смотреть онлайн

In this video we are going to discuss a particular case related to reducing code duplication in our React Apps by abstracting out logic using custom hooks. We are going to build reusable Wrapper component that handles commonly repeating cases like rendering a loader and error states.

Checkout code: https://codesandbox.io/s/remove-duplication-await-component-4jyu6?file=/src/App.js

00:00 Introduction
01:44 Problem Statement
03:48 usePromise Blueprint
07:09 Extending usePromise
11:50 Await Component
16:20 Custom Loader & Error Components
19:34 Outro

https://devtools.tech/?ref=dtyt

You can support our channel via:

https://rzp.io/l/support-devtools-tech
https://yomeshgupta.gumroad.com/l/code-devtools-support
https://www.buymeacoffee.com/yomeshgupta

**************************************************************
Devtools Tech is a YouTube channel which was started as a collaborative effort among like-minded engineers to provide high quality programming tutorials for free. We firmly believe in knowledge sharing and easy access to quality content for everyone. Hence, this channel is an effort to give back to the community and a step towards our belief -- "We rise by lifting others".

Interview questions: https://code.devtools.tech/questions/all?ref=dtyt-ql
Interview resources: https://code.devtools.tech/resources/all?ref=dtyt-rl

Team Members:
Yomesh Gupta
Portfolio: https://yomeshgupta.com
LinkedIn: https://www.linkedin.com/in/yomeshgupta/
Twitter: https://twitter.com/yomeshgupta

Saloni Kathuria
LinkedIn: https://www.linkedin.com/in/salonikathuria/
Twitter: https://twitter.com/saloni_kathuria
Medium: https://medium.com/@kathuria.saloni2

Puneet Ahuja
Portfolio: https://puneetahuja.in/
LinkedIn: https://www.linkedin.com/in/devpuneetahuja/
Twitter: https://twitter.com/punsahuja

#javascript #reactperformance #reactjs #customhooks **************************************************************