This site runs best with JavaScript enabled.
Looking for something specific? Search for a blogpost here.

What is JSX?

I think a critical part of understanding how to use React effectively is understanding JavaScript and JavaScript expressions. So I'm going to show you a few examples of JSX and it's compiled version to help give you an idea of how this all works. As soon as you can compile JSX in your head, you can…

Read →

Test Isolation with React

Read to the end, I've got some cool things in the "things not to miss" section The inspiration for this newsletter comes from seeing React tests that look like this: So I want to talk about the importance of test isolation and guide you to a better way to write your tests to improve the reliability…

Read →

JavaScript default parameters

Today I thought I'd take you through one of the examples from my es6 workshop . Consider the following code: It's fairly simple, but there are potential bugs (read about Falsy on MDN ) and some annoying boilerplate. Luckily for us, ES6 introduced new syntax into JavaScript that we can use to…

Read →

Dealing with FOMO

🚨 Announcements 🚨 Advanced React Online and Live! Join me in my online workshop this week! Get your questions answered in real-time and have time to work through exercises to up your React game. DevTips with Kent  — I'm taking a break this week because I'm on vacation with my family. Feel free…

Read →

🏎 downshift 2.0.0 released 🎉

Even better accessibility, React Native and ReasonReact support, even simpler API, improved docs, new examples site, Flow and TypeScript support, and a new online community ⚛️ I'm excited to let the world know that downshift 2.0.0 has been released! So I'm going to do it now: Hey world! downshift…

Read →

When to use Control Props or State Reducers

You’ve probably used components or elements that implement the control props pattern. For example: Read more about the concept of control props in the react docs . You may not have had much experience with the idea of a state reducer . In contrast to control props, built-in react elements don’t…

Read →

Write your own code transform for fun and profit

If you haven't heard, babel-plugin-macros "enables zero-config, importable babel plugins." A few months ago, I published a blog post about it on the official babel blog: "Zero-config code transformation with babel-plugin-macros" . Since then, there have been a few exciting developments: You can…

Read →