Siddharth Kshetrapal

Articles & Tutorials

Re-invent all the wheels! (sid.studio)
May 10, 2019
My favorite way of wrapping my head around such questions is to try to implement the thing myself. So, I built a mostly-useless css-in-js library.
Compound.Components and Context (sid.studio)
Feb 15, 2019
Today, let’s talk about forms. You have probably read a bunch of articles about state management in forms, this isn’t one of them. Instead, I’d like to talk about the design and API of forms.
Rethinking the component model with Hooks (sid.studio)
Feb 08, 2019
If you’re a fan of React, you might have already heard that the release with Hooks (v16.8) is here. I’ve been playing with the alpha version for a few weeks now and I really like it. The adoption hasn’t been all rainbows and unicorns though.
Beware of the Apropcalypse! (sid.studio)
Jan 18, 2019
Today, let’s talk about the Avatar component.
Order of props matters! (sid.studio)
Jan 11, 2019
Let’s start with a simple React component which renders an anchor tag.
Give names to behaviors not interactions (sid.studio)
Dec 28, 2018
We have this Switch component that accepts a prop, let’s call it something for now.
Don't create conflicting props (sid.studio)
Dec 21, 2018
When it comes to React components, props are the API that developers consume. A good API should be obvious, something the developer can guess. You want to make it easier for the developer to implement their feature and move on.
Let me teach you React Hooks! (sid.studio)
Dec 07, 2018
To show you the value of hooks, I first have to show you how my workshops usually go.

Video Guides & Talks

Refactoring React (youtube.com)
Apr 24, 2019
Learn which component pattern will make your codebase better in which use case.
Refactoring React (youtube.com)
Oct 12, 2018
Some refactoring tips to take your React code from good to great
    Prop validations for React (youtube.com)
    May 22, 2018
    You might think you know everything about prop-types, watch the the 3rd use-case ;)
    The perfect folder structure for React (youtube.com)
    May 21, 2018
    Bikeshedding on the perfect folder structure this week!
    Getting the most out of your storybook setup (youtube.com)
    Apr 13, 2018
    Find out what's the best folder structure and the required setup for it. Bonus: Use the same code for generating jest snapshots!
    Build your own babel presets (youtube.com)
    Apr 07, 2018
    Asking folks to keep with your config is can be hard, presets are the solution.
    We Need To Talk About Our Frontend Workflow (youtube.com)
    Mar 20, 2018
    Building high quality interfaces that are consistent across products is hard. Fear not, Design Systems with React is the solution!
    Tiny bites: React's key prop (youtube.com)
    Nov 17, 2017
    The key prop looks simple but can be tricky somtimes!
    Busting css-in-js myths (youtube.com)
    Aug 31, 2017
    I talk about latest happenings from the javascript/frontend world

    Courses & Video Series

    Learn React Hooks by building a game (react.games)
    Mar 15, 2019
    The best way to learn a new tech is to build something with it. So, let's build a freaking game!