Siddharth Kshetrapal

Video Guides & Talks

Livestream: Day 2, Building a podcast app with React UI (
Mar 12, 2020
Building a podcast app to test a new library I'm working on.
    Refactoring React (
    Apr 24, 2019
    Learn which component pattern will make your codebase better in which use case.
    Refactoring React (
    Oct 12, 2018
    Some refactoring tips to take your React code from good to great
      Prop validations for React (
      May 22, 2018
      You might think you know everything about prop-types, watch the the 3rd use-case ;)
      The perfect folder structure for React (
      May 21, 2018
      Bikeshedding on the perfect folder structure this week!
      Getting the most out of your storybook setup (
      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 (
      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 (
      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 (
      Nov 17, 2017
      The key prop looks simple but can be tricky somtimes!
      Busting css-in-js myths (
      Aug 31, 2017
      I talk about latest happenings from the javascript/frontend world

      Articles & Tutorials

      Re-invent all the wheels! (
      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 (
      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 (
      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! (
      Jan 18, 2019
      Today, let’s talk about the Avatar component.
      Order of props matters! (
      Jan 11, 2019
      Let’s start with a simple React component which renders an anchor tag.
      Give names to behaviors not interactions (
      Dec 28, 2018
      We have this Switch component that accepts a prop, let’s call it something for now.
      Don't create conflicting props (
      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! (
      Dec 07, 2018
      To show you the value of hooks, I first have to show you how my workshops usually go.

      Courses & Video Series

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