Top React - August 2022

Hello!

This newsletter will cover five good practices to scale your React projects easily, why the useEffect hook runs twice in React, how to map a nested array in React, and 11 common mistakes to avoid when using React. We hope you find these articles helpful and informative!

5 Good practices to scale your React projects easily

For most React developers, it's easy to just get our hands on writing new lines of code. However, we sometimes missed keeping them organized and planned for future use as the project scales...

Why is My useEffect Hook Running Twice in React?

As part of React Strict Mode, certain lifecycle functions will be ran twice, such as functions passed to , useMemo, or useReducer , or the whole body of a functional component, which might include you...

How to Map a Nested Array in React

A nested array is essentially an array of arrays, you can visualise them as a table, or a 2D grid. To map a nested array, you can use either a combination of the flat and map array functions, or a map...

11 Mistakes to Avoid When Using React in 2022

Some common mistakes in React development you should avoid.

React — Memory Leaks and how to avoid them

In this article, we will focus on how to avoid memory leaks on a DOM Event Listener, but the process is pretty similar for a WebSocket Subscription. Basically, when we add an Event Listener in React

React re-renders guide: preventing unnecessary re-renders

3 New API’s In React 18 Every React Developer Should Know

Advanced React Hooks: Everything About the UseEffect

As a Front-End Engineer, 4 React Traps You Should Know About

We hope you enjoyed this newsletter and found the content useful. As always, if you have any questions or feedback, feel free to reach out!

Until next time,

The React Jobs Team