React Newsletter #273

5 Code smells that React beginners should avoid, React Express guide, and Bulletproof React


This week's issue is sponsored by Clerk

With Clerk, you can add <SignUp/> and <SignIn/> to your React application in minutes. Clerk comes with beautiful, high-conversion UIs, multi-factor authentication, device management, and much more.

👉 Try it out for free


Articles

React's UI State Model vs Vanilla JavaScript DOM State

This article by Arihant Verma is aimed at beginners who have never had the chance to see 'Why React'. It takes a very contrived example to make a point about how React's declarative state model could help keep state sanity when code scales.

5 Code Smells React Beginners Should Avoid

In this article, Jason Lee Hodges shares five oft-violated best practices — or code smells — that he often finds when reviewing pull requests from new React developers. He shares why these mistakes are in fact mistakes and how they can be improved.

React Fragments: A Simple Syntax to Improve Performance

Although Fragments have been around for a while, many React developers avoid using them or employ them without knowing what they are. In this article, Antonello Zanini writes about how every React developer should master them, regardless of their skill level, and dives into the Why, the What, the How, and the When of React Fragments.

Beginner to Intermediate React

This in-depth article is intended for beginners who are familiar with TypeScript and React syntax and idioms. The reader may have created a handful of React components. Experienced programmers can quickly get up to speed by reading the TypeScript and React documentation. The end goal is to provide the reader with a set of tools and guidelines for creating better React components.


Tutorials

React Express

This is an in-depth guide that's meant to serve as a companion to the official Facebook documentation for getting started with React. While the official docs are great, this guide focuses on smaller, interactive examples to illustrate React concepts. Additionally, this guide covers important tools and projects in the React ecosystem, which are outside the scope of the React docs.

How To Use Axios in an Optimized and Scalable Way With React

Axios is a promise-based HTTP client for the browser and node.js. In this article, Nilanth shows you how to utilize all of the advanced Axios features in a scalable and optimized way when building an API-based React app.


Jobs

2x Sr. Frontend Engineers - React | 100% Remote

Close.com is looking for two experienced individuals that have a solid understanding of React and want to help design, implement and launch major user-facing features. They are a 100% globally distributed team of ~45 high-performing, happy people that are dedicated to building a product our customers love.


Projects

Bulletproof React

A simple, scalable, and powerful architecture for building production ready React applications. Created by Alan Alickovic.

Geist UI

A modern and minimalist React UI library, originating from Vercel's design.

react-native-progress

Progress indicators and spinners for React Native using React Native SVG.

React Page Scroller

A simple React component for smooth full-page scrolling.

made with ❤️ by ui.dev