#231 — March 24, 2021

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Spectacle 7: A React and JSX-Based Presentation Library — Got a presentation coming up? Build your decks with JSX? A good way to get a feel for it is via the deck on its home page.

Formidable

React State Management Libraries and How to Choose — An overview of the best state management libraries and how to choose the right state management strategy for your app.

Dave Ceddia

What’s the Best Way to Build Your Web Application: Infographic — A visual journey through one of the interesting crossroads developers find themselves at when building a web application: the approach we take to building the UI components. Which way to go: build our own components or buy a third-party UI library?

Progress KendoReact sponsor

Build Fast and Production Ready Apps with React and AWS Amplify — We first touched on this in 202 and 214 but thought that this detailed, well thought out tutorial warranted revisiting the subject.

Yash Garudkar

How to Build an Accordion in React from Scratch Without External Libraries — Sometimes you simply want to incorporate an existing component and not worry too much about what’s going on under the covers. On the other hand, if you really do want to know how it works, you might want to start with a blank slate.

Yogesh Chavan

React Lazy Loading Component with lazy() and Suspense — If bundle size is dragging down your app’s performance, here’s how to use lazy() to dynamically load components as they’re required.

Jogesh Sharma

💻 Jobs

Senior Software Engineering Consultant - [100% Remote]  — Co-founded by Justin Searls, Test Double is an engineering consultancy on a mission to improve the way the world builds software. Work on challenging projects with a collaborative, passionate team. 100% employee owned, contract and full-time roles available.

TestDouble

Find Your Next Job Through Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.

Hired

📘 Tutorials and Stories

Coming to React from Angular — The author’s requirement to become conversant with React, after an extended period of using Angular, provides an opportunity to compare the two. So which does he prefer?

Ian McNally

React Image Loading Optimization Techniques — The first part of a multi-part series which might just be the definitive guide on the subject. Part two has also just been released.

Rik van Velzen

Clean APIs in React with TypeScript — We always like a tutorial which is anchored by an interesting case study. This time, it’s the use of TypeScript within taggr which is enigmatically described as a way to “rediscover your memories while keeping your privacy”.

Alain Perkaz

Serverless Image Transformation & Optimization in React Application — Learn how to resize, crop, add watermark, text overlay, automatically convert to WebP and AVIF format using ImageKit.io

ImageKit.io sponsor

The Advanced Guide to React Context with Hooks — Is Redux state management overkill for your small scale project? This tutorial illustrates how to replace it with Hooks and Context.

Mustafa Alroomi

Seven Best Practices for React Native Applications — For those just getting started in React Native development, these opinions represent a reasonable set of recommendations with which to start.

Mohit

How to Work with Intervals in React Hooks — If state does not appear to be working as you expect when using intervals, this tutorial explains why that is, in a simple and effective way.

Florian Martens

🛠 Code and Tools

supported by Okta

React95 3.7: Windows 95-Style UI Components for React — A fun set of Windows 95 themed UI components for React apps and built with styled-components. The latest release includes a bunch of new themes. Enjoy their very retro homepage.

Artur Bień

React Financial Charts: Candlesticks, Trendlines, and More — Forked off the long inactive React Stockcharts library, this modern update provides all of the financial visualization you could possibly imagine. Examples here.

Reactive Markets

SimpleR State: State Management for Minimalists — While we do recall others making a similar 'this is the simplest thing possible' claim, this library is still worth a look and a viable option.

Arnel Enero

Build Internal Tools Without the Fuss

Retool sponsor

Typed React Form: Type-Checked Form State Manager — Built from the ground up for the combination of React with TypeScript.

Stijn Rogiest

State Designer: Managing State as a Design Problem — While there are many state management solutions, we think this is the first time we’ve encountered it being approached in this way.

Steve Ruiz

⚡️ Quick Bits:

Interesting projects which you may have missed: