The React Newsletter

Hi <<First Name>>,

How to get started testing React applications

If you don’t have experience writing tests, getting started can be daunting. Especially if you’re trying to test code that interacts with a framework/library like it is when you’re testing a React application.

In this article, we’ll go over the usual tools to test a React application, how to get unstuck when we don’t know how to test a piece of code, and also a basic testing methodology that allows us to get started right away. In the end, there will be an exercise to put into practice what we’ve covered.

Cypress Tutorial

Tired of having users email you that your web application is broken? Using Cypress.io, the JavaScript End to End Testing Framework, as a quality control tool will help a lot in preventing those emails. Yet Cypress.io, good as it is, is not a silver bullet.

In this upcoming video course Maurice de Beijer will teach you all about using Cypress.io. You will learn how easy it is to get started and create your first useful tests. You will also learn how to make tests for data driven applications more reliable and even faster. He will show you how to test applications using 3rd party authentications services. And you will learn how to include all that as part of your continuous integration build. Hellping you prevent errors from ever deploying.

Want to learn more? Go to https://www.cypress-tutorial.net/ and subscribe to hear about the updates and the course launch. Don’t worry, I am not going to spam you. And you can unsubscribe at any time.

Performance Optimization in React Context

A lot of people use React context as some kinds of build-in redux. Jack is one of them. Jack combined all global state to get a big object to get a ‘single source of data’ and put it into a provider. Then he went to a child component, call useContext and pick properties from the context. Everything seems worked fine until one day he found the app is too slow to use.

Read more

Recoil at React Europe 2020

Recoil is an experimental state-management library for React.

Watch video

A Critique of React Hooks

I want to preface this critique by saying I think that hooks are not all bad. If I were starting a new react project today I would still use them despite all these flaws. However, that doesn't make them immune to criticism. Given their design, I think there are a number of factors limiting their longevity and I won't be surprised if Facebook comes out with The Next Greatest Thing™ to address some of their shortcomings.

Read more

How to Migrate a React App to TypeScript

When I first started learning TypeScript, one of the suggestions I often heard was, “convert one of your existing projects! It’s the best way to learn!” Soon after, a friend from Twitter offered to do just that — show me how to migrate a React app to TypeScript.

The purpose of this article is to be that friend for you and help you migrate your own project to TypeScript. For context, I will be using pieces from a personal project which I migrated while going through this process myself.

I Watched All 27 React Europe Talks So You Don’t Have To

Ok, you still might want to watch the talks—they were quite good! But we’re all busy people, so I thought you all might appreciate my notes from all twenty-seven React Europe talks.

The notes should help you quickly get a sense of what each talk covered, so you can decide if you want to watch the full video or not.

React video courses

Because I need to pay my bills 😉