The React Newsletter: Your One-Stop Shop for All Things React!

Welcome to the React Newsletter!

This newsletter contains the best-curated content for React Developers, so you can stay up-to-date on all things React. We'll cover new features, tools, tutorials, and more, so you can stay ahead of the curve and be the best React Developer you can be. Thanks for subscribing, and we hope you enjoy it!

WFH Developer Talent Collective (sponsor)

What if instead of spending countless hours scouring the internet or going through job boards, REMOTE job opportunities came to you?

Our members get exclusive access to top employers that are hiring remotely.

You can apply in minutes when you sign up with LinkedIn (2+ years of experience required).

Developers in eligible regions can find the sign-up link at ReactJobs.us

This Week's Top React Content

The 7 Best React Component Libraries to Use in 2022

By Amr Tawfik

In this article, I will be sharing with you 7 awesome #React UI libraries that you should check out. Tremor is a low-level, opinionated UI component library to build dashboards. It offers components, s...

Is React Worth Learning? 7 Reasons to Learn React

By Dev Support

When you’re learning to become a front-end web developer, there comes a time when you’ll want to gain experience building web apps using a popular library or framework. But there are many front-end we... #reactjs

Ruck vs. Aleph.js for building React apps in Deno

By Alec Brunelle

Let's explore the similarities and differences between Ruck and Aleph.js to determine which framework to use when building #React apps in Deno.

How to Create Forms in React using react-hook-form

Creating forms in #React is a complex task. It involves handling all the input states and their changes and validating that input when the form gets submitted. For simple forms, things are generally ma...

Create a React Native app using Ignite boilerplate

By Wern Ancheta

Ignite makes it easy to follow best practices in developing #React Native apps. It saves a lot of time when creating new projects.

How to Seamlessly Support Web3 Connectivity Options in React.js

By Sean Lawless

Create your own Code Editor in React

By Kyle Le

However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don’t usually have a small bundle size. #react -simple-code-editor is a...

How Does the useDeferredValue Hook Work in React?

React now has concurrency support with the release of version 18. There are numerous features now that help to make better use of system resources and boost app performance. One such feature is the us... #reactjs

Must Have Skills For React Native Developer

By Anshul Aggarwal

As technology is expanding, so are the developers. With a count of more than 26.8 million developers in the world and many more to come,… Read More. #reactjs

Using methods like zIndex in React Native to stack elements

By Kingsley Ubah

In #React Native, you can use zIndex, position, Flatlist, and other methods to stack and position elements. Let's explore some examples.

The React Mega-Tutorial, Chapter 11: Automated Testing

By Miguel Grinberg

Up to now, all the testing done on the application you've built was manual. Manual testing as you develop your application is useful, but as the application grows the required testing effort grows as ... #reactjs

React 18: What Is New and How Will It Benefit Developers?

By Quokka Labs

React 18 got new features in the older component picker released in #React 17. React 18 has been released with many new optimizations, less code writing, fixes, new features, and more.

Rethinking React Native Architecture: Part I

By GeekyAnts

Let’s begin the new era of #React Native. Learn about the fundamentals of the new architecture of JSI, Fabric, Codegen, and Turbo Modules.

How to Change Background Color in React on Mouse Click (Dynamically)

By Ghost

So you tried to do a simple thing in #React . But it isn’t so easy. In this tutorial I’ll show you full source code for how to dynamically…

Minimum Viable Product Rollout with ReactJS and Serverless Architecture

By Chinmay Ajit Joshi

Recently, I joined a new organisation, Supahands! As my first assignment, I was supposed to assess a few front-end frameworks for one of… #reactjs

5 Tips to Optimize React Frontend Performance

By Piumi Liyana Gunawardhana

React Hooks Resource Selections From Big Tech Companies

Here are some top #React hooks resources in the community if you are migrating to React Class Components to React Functional Components

Reviewing React Native console logs: Best practices

By Atharva Deosthale

When it comes to debugging, console logs are really insightful, helping you examine the real-time data that an app is using at any point of execution. #reactjs

A love letter to React

Create Cursor Animation in React with Framer Motion

By Kyle Le

For the first animation to work, we need to track the mouse position like I mentioned before: . When hover on elements, the cursor will have a spring animation #reactjs

How to Destructure Object Properties Using array.map() in React

By Caleb Olojo

One of the methods frontend developers use the most in JavaScript is the Array.prototype.map() method. From having to render a list of items in the DOM to looping through a series of blog posts – and ... #reactjs

Getting Started with Bun.js and Create a React app

By Shanika Wickramasinghe

Getting Started with Bun.js on Windows 10 and Create a #React App . Then open the file using nano app.js and type the below lines to create and see a basic HTTP server request and response from bun.

React.js Or React Native: Which one is better for 2023?

By Ahmad Ali

In JavaScript, #React has become one of the most popular choices for building user interfaces. However, when choosing between React.js and…

How to Deploy a React Monorepo to Netlify Using Lerna and GitHub Actions

By Agustinus Theodorus

A step-by-step guide on how to deploy a simple #React App Monorepo to Netlify using Lerna and GitHub Actions

How to Fix Your React App after Upgrading to Version 18

By Yuval Bar Levi

The reason behind making such a breaking change is, that the previous assumption — that all components may have “children” prop of type ReactNode — is not a valid one, because: . The breaking change i... #reactjs

7 Awesome React GitHub Repositories You Should Know

By Adarsh gupta

If you want more free repositories to learn #React , check out this post. It’s designed to teach you everything you need to start building web applications in React right away.

How to Toggle an Element in React using React Hooks

By Deji Adesoga

When building a web application, toggling an element is one of the key features you are likely to come across and may need to implement in your project. There are various ways you can toggle an elemen... #reactjs

ClojureScript and React Native in 2022

By Joshua Miller

These improvements then make the Vouch.io workflow demonstrated in this talk by David Nolen possible: Build dumb components in pure Javascript and JSX, test and design them in Storybook, and then cons... #reactjs

How to Use Keyboard Event Handler in React TypeScript

Ideally, events are handled through mouse clicks and by pressing keyboard buttons. In this guide, we will learn how to handle events through Keyboard in #React and TypeScript application. In this artic...

End-to-end testing in React Native

By Tarik

Write cross-platform end-to-end tests in Javascript #reactjs

6 Top React Component Libraries to Use in 2023

By Arslan Ijaz

These libraries will help you build fast, efficient, and user-friendly applications. #reactjs

A designer’s guide to React

By Filip Grkinic

What it is, why it is so popular, and what it means for us as designers #reactjs

Build a React App Using DALL-E API

By Lorenzo Zarantonello

Use DALL·E OpenAI and #React to create unique images

WebSockets in React Apps

By Leonardo Maldonado

WebSocket is a protocol for creating two-way communication between a client and a server. See how it eases the process of sending and receiving data in real-time #React apps.

Our newsletter is all about helping React Developers stay up-to-date with the best content and resources. We hope you've enjoyed it and found it useful. Until next time, keep Reacting!