The React Newsletter

Hi <<First Name>>,

Make Your Test Fail

Have you ever seen a test go green and be surprised? You expect it to fail, but it somehow passes and you don't know why. When that happens, do you:

Thank the testing gods for their blessing and move on?
Figure out what's going on?

If you answered #1 then you're not alone! But I want to tell you why it's important that you figure out what's going on because it's very possible that you've written a test that cannot fail.

11 Useful Online Tools for Frontend Developers

The internet is full of awesome tools that make our lives easier as frontend developers. In this post, I’ll give a quick review of 12 tools I use frequently in my dev work.

Read more

React Typescript Tutorial

Learn how to start using Typescript in your React code. I go over props, hooks, and render props.

Watch video

How To Create Maps With React And Leaflet

Grasping information from a CSV or a JSON file isn’t only complicated, but is also tedious. Representing the same data in the form of visual aid is simpler. In this article, we’re going to represent the locations of the non-medical fire incidents to which the SF Fire Department responded on a map.

Read more

How to build a design system out of React components

One of the most exciting developments in design for me in the past few years was the launch of the GOV.UK design system. Of course, the real power of a design system comes from the community of designers who maintain it, but GOV.UK does so much right that it made me want to raise the bar on my own projects.

I wanted to make something that was:

easily reused in any website or app by installing it as an npm package
gives you a documented, public demo site on the web, friendly to non-developers
lets you conveniently test the components

Here’s how I made it.

7 tricks to work with Styled Components

Recently I have been working on a project that is implemented on Styled Components and I have found it interesting to gather in a small article all the tricks or tips that I have been “discovering” to work with them.

For those who don’t sound like them, the Styled Components allow us to translate the definition of the styles of our application to components instead of working on CSS style sheets. Therefore, they provide a new way of approaching the architecture of our application with which I have felt quite comfortable working so I encourage you to try it if you have not already done so. At the end of this article I will leave you a list of links that you can go to if you want to go deeper into this library beyond what I have here.

So, without entertaining ourselves, let’s see those tricks!

React video courses

Because I need to pay my bills 😉