Copy
Stay up to date with the latest news on React.
View this email in your browser

The React Newsletter

Hi <<First Name>>,
 
How to use React’s concurrent mode
React’s new concurrent mode allows your interface to be rendered while data fetching is in progress, providing an improved render lifecycle and a simple way to achieve parallel data fetching for multiple components.

This article introduces you to the idea behind React’s concurrent mode as well as some of its usage and benefits. React’s concurrent mode is an innovative set of features designed to improve the handling of asynchronous rendering. These improvements make for a better end-user experience.

One of the perennial issues that has dogged web clients since time immemorial is dealing with rendering of asynchronous updates. The React team continues its tradition of introducing ambitious solutions into the framework by adding concurrent mode support to the React 16.x release line.

Read more
 
7 Ways to Debug Jest Tests in Terminal
Welcome, you probably searched how to debug your test with Jest. I am glad you found this blog post because you are about to learn 7 ways to debug Jest tests inside your terminal. Everybody knows that you can do it easily with an IDE like VSCode or WebStorm, but what if you are not using them? How do you go about debugging them? Spoiler alert - it is not with console.log().

Read more
 
10 Next.js Tips You Might Not Know!
Next.js can do a lot for you — which means there's features you probably haven't used! This video covers ten tips you might not know about Next.js.

Watch video
 
React State Management Cheat Sheet

The quest for the ideal React state management is one of the most discussed topics in the React community. If you look around, you will often come across the following question: How do I manage my state in React?[1]

Contents
  1. What is State Management?
  2. What does state mean in React?
  3. Is there an official / recommended state management solution like other frameworks in React?
  4. So how does one choose the appropriate state management solution?
  5. useState
  6. useReducer
  7. Context API + State hooks
  8. Server-State (react-query, Apollo, swr).
  9. Redux et al.
  10. Conclusion

Especially devs who previously worked with other frameworks like Angular or Vue ask themselves how to manage their state in React. Often the question comes about an official solution for state management.[2]

Another question devs have been asking since the introduction of the Context API and Hooks API in React 16.8 is deciding between Redux or the Context API with useState/useReducer to manage its global state.[3]

I would like to answer both questions in the following. For this purpose, I did some research in the community and got the opinion of many experienced React developers.


Read more
 
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.
Create a generic table with React and Typescript
When I first started out with Typescript I found it very difficult to create the correct types when making generic components. In this article we will create a generic Table component that can be used with any set of objects.

Read more
 
What Is the Jamstack in 2021?
2020 was a terrible year for a lot of things but it was a pretty good year for the Jamstack. We not only saw a lot of startups in the Jamstack space getting massive funding, but also big companies jumping in as well. For example, Microsoft launched Azure Static Web Apps and, more recently, Cloudflare launched Cloudflare pages. As I argued in the recent issue of Jamstacked, I think we will look back on this year as the year the Jamstack went mainstream.

Read more
 
React video courses
Because I need to pay my bills 😉
 
Copyright © 2021 ABL - The Problem Solver, All rights reserved.


unsubscribe from this list    update subscription preferences 

Email Marketing Powered by Mailchimp