React Newsletter #192

The 10 most popular React links of 2019

Hi everyone!

Another year has passed and turns out React is still rad. Here are React Newsletter's top 10 most popular links of the year.

I hope 2020 is the best year of your life.



Best practices for building a large scale react application

While making a Single Page App with React, it is very easy for your code-base to become unorganized. There are many good libraries in the React ecosystem that can be used to manage certain aspects of the app, this article covers some of them in depth. Other than that, it lists some good practices to follow from the beginning of the project if you have scalability in mind

Introducing Base Web, Uber’s New Design System for Building Websites in React

At Uber, they have hundreds of internal web applications used by developers, product managers, and operations teams—essentially everyone at the company. Since all web applications work differently, it puts additional overhead on our employees to learn how to interact with them most effectively. To solve these issues, Uber assembled a dedicated design and engineering team to come up with a universal system, which resulted in the Base Web design system. Open sourced in 2018, Base Web is a React component library implementing the Base design language that acts as a device-agnostic foundation for quickly and easily creating web applications.

14 Beneficial Tips to Write Cleaner Code in React Apps

Every developer wrestles with how to write cleaner code. This article gives 14 practical tips for how to do just that when developing a React app.

6 tips for better React performance

This article walks through 6 tips for improving your React app's performance.

  • Utilize render bail-out techniques
  • Avoid inline objects\r\n+ Avoid anonymous functions
  • Lazy load components that are not instantly needed
  • Tweak CSS instead of forcing a component to mount & unmount
  • Memoize expensive calculations

How to Avoid the “Boolean Trap” When Designing React Components

What's wrong with this code?

<Button primary>Primary</Button>
<Button secondary>Secondary</Button>
<Button danger>Danger</Button>

Read the article and find out.

Why React Hooks?

When React Hooks were released, React was the most popular and most loved front-end framework in the JavaScript ecosystem. In this post, you'll learn why, despite existing praise, the React team dedicated so many resources to creating and releasing Hooks. Along the way, you'll also get a soft introduction to the main aspects of the Hooks API

Forget about component lifecycles and start thinking in effects

React recently introduced a new way to deal with side effects: the useEffect hook. Translating lifecycle methods to useEffect calls can be confusing at first. It’s confusing because we shouldn’t be translating imperative lifecycle methods to declarative useEffect calls in the first place. This article breaks it down.

Why I don’t use React-Router

One man's beef with React Router and why he doesn't use it.

Forget React Router: Modern and clean routing with hooks

A quick experiment about using hooks for routing in a react app turned out to be very flexible and powerful. This post breaks down that experiment and the routing hook that came out of it.

From Redux to Hooks: A Case Study

After several years of using Redux for most of his projects, Sergey decided to try the useReducer/useContext approach instead. Here is what he learned.

made with ❤️ by