Siddharth Kshetrapal

Building a podcast app to test a new library I'm working on.

Learn which component pattern will make your codebase better in which use case.

Quick talk from JSFoo 2018

Some refactoring tips to take your React code from good to great

You might think you know everything about prop-types, watch the the 3rd use-case ;)

Bikeshedding on the perfect folder structure this week!

Find out what's the best folder structure and the required setup for it. Bonus: Use the same code for generating jest snapshots!

Asking folks to keep with your config is can be hard, presets are the solution.

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.

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.

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.

Today, let’s talk about the Avatar component.

Let’s start with a simple React component which renders an anchor tag.

We have this Switch component that accepts a prop, let’s call it something for now.

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.

To show you the value of hooks, I first have to show you how my workshops usually go.

The best way to learn a new tech is to build something with it. So, let's build a freaking game!