React Newsletter #277

Next.js 11.1, Building desktop apps with Electron and React, and React Portals


This week’s issue is sponsored by KendoReact.

KendoReact is the only UI component library you need. Use its 90+ feature-rich components, built with React for React, to create web apps much faster. Enjoy working with a complete, professionally built suite—everything from buttons and dropdowns to fast and performant data grid, scheduler and editor. Easy to integrate, customizable and fully accessible.

👉 Start your free KendoReact trial


News

Next.js releases v11.1

Highlights from this release include:

  • Experimental support for ES Modules
  • Next.js starting to adopt SWC (a super fast, Rust-based compiler that will replace Babel and Terser)
  • Significantly better performance when pre-rendering, fetching content from a Headless CMS, and more

Articles

React Design Patterns: Generating User-configured UI Using The Visitor Pattern

In this article, Andrew Hansen write about how to build a React app that generates a UI based on user-provided configuration, using the Visitor Pattern but implemented with React components.

How to use async functions in useEffect

Pierre Ouannes writes about how useEffect is usually the place where data fetching happens in React, but how it's not always as straightforward as you might think. He goes through some incorrect approaches, why they're incorrect, and the right way to use asynchronous functions with useEffect.


Tutorials

Building a desktop application using Electron and React

You don't see a ton of new Electron apps these days, but in this tutorial Matteo provides a step-by-step walk-through explaining how to create a desktop application using Create React App (CRA) and Electron.

Build an end-to-end E-Commerce App with React + Redux + Appbase.io

In this in-depth (but beginner friendly) tutorial series, Kuldeep Saxena will teach you how to build a feature-rich, scalable e-commerce app using React and Redux.

Create React App without create-react-app

In this tutorial, Riddhi Agrawal walks you through how to set up your own basic React app (just like create-react-app) using only Node.js and VS Code.


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

Rooks

A collection of 60+ flexible, well-documented React Hooks.

react-markdown 7.0

A markdown component for React that just released v7 with a few breaking changes.

Little State Machine

A custom React hook for persistent state management.


Videos

React Portals and Models

In this 15-minute video, you'll learn about React Portals and how you can leverage them to build your own Model component.

Build TicTacToe with React, TypeScript & NextJS

In this 25-minute video, Tom will show you how to build a TicTacToe game with React, TypeScript & NextJS. It's pretty beginner-friendly and will help you understand how these technologies work together to build a simple app.

made with ❤️ by ui.dev