Refactoring popular Components patterns with Hooks ALPHA

React hooks let you use all React features without writing classes making your code easier to read and maintain

While hooks are still experimental, get a headstart on your teammates and learn how to refactor the popular component patterns you have in your codebase

Buy this mini course

or watch a preview first


🕹 5 refactoring screencasts
🕹 The entire source code, with code comments and tests!


#1 Refactoring stateful class to function component
#2 HOC: Higher order components
#3 Custom hooks
#4 Provider pattern with Context API
#5 Clean up side effects


Siddharth builds design systems with React for Auth0
past: frontend architect at Practo
built bundlesize, cost-of-modules and a bunch of open source projects
3.5 M downloads on npm · 7.6 K stars on github
regular speaker at javascript conferences
🇮🇳 JSChannel · JSFoo 🇵🇱 CodeEurope 🇬🇧 ReactFest 🇸🇪 ConFront 🇳🇱 React Amsterdam
teaches React on youtube, co-organiser React Bangalore meetup
"My friend Siddharth is definitely someone I recommend learning from. He works on cool projects, makes interesting, useful, and unique educational material, and is an all around fun person."

Kent C. Dodds, PayPal Engineering, TC39,, FrontendMasters
"I wish I had learned React from Sid"

Max Stoiber, cofounder, built styled-components

Buy this mini course