#213 — November 4, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

New, Core 'Redux Fundamentals' Tutorial — A complete rewrite of the official Redux introductory tutorial that succinctly covers both how Redux works and how to use it. Say goodbye to outdated terms and references and hello to modern practices and code sandbox demos along the way. Very easy to skim even if Redux isn’t of immediate use to you.

Redux Core Team

Guidelines for Choosing React Libraries — There are a lot of React libraries out there (see our Code & Tools section each week!) so how do you pick which ones to use in your app? This article provides some guidelines for choosing.

Max Rozen

How to Build an Ecommerce Operational Dashboard in React 📊 — Learn how to build an operational dashboard with React for an ecommerce store, starting from the design and planning and then going into implementation. We’ll use charts and components from KendoReact so it will be fast and easy. Go to blog.

Progress KendoReact sponsor

react-simple-maps: Declarative, SVG-Based Maps — With three years and numerous releases passing since we first covered this library, we felt it warranted another look. If you need to express yourself geographically but don’t need the detail, complexity and visual clutter of a full-blown map, it could be just the ticket. Check out the examples.

z creative labs

Best Practices with React Hooks — Both the strength and the weakness of Hooks is their flexibility. There are many ways to employ them but here are some opinionated suggestions as to the best way.

Nathan Sebhastian

Simorgh: The BBC Does React, Too? — Yes, and they’re creating their own infrastructure as they build towards fully progressive web apps. It’s based on their Psammead React component library. Full marks for the interesting names they have chosen.

"The BBC websites are being rebuilt from the bottom up as ReactJS based Single Page Applications, that will (eventually) also be fully fledged Progressive Web Apps."

BBC

💻 Jobs

JavaScript/TypeScript Architect + Developer Advocate, London UK — It’s time to build your masterpiece – can you design a platform and a framework used by the NHS, HMRC, Valve, and Microsoft?

CareersJS

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

Vettery

🧑‍💻 Interested in running a job listing in React Status? There's more info here.

🛠 Tutorials, Articles & Stories

Getting Started with Next.jsNext.js (we announced the release of version 10 last week) is a React-based framework focused on providing a good developer experience for building complete, production-bound apps covering both backend and frontend.

Adebiyi Adedotun

Things I Don’t Like About Vue.js (as a React Engineer) — There are plenty of articles about why Vue is better than React. This article turns the tables on that and critiques Vue from the perspective of someone experienced with our favourite framework.

Harry Wolff

Solving Sudoku Puzzles with React — Although it would seem to defeat the purpose of doing a Sudoku (a popular form of number puzzle) in the first place, the methodology is an interesting and popular programming challenge which was kicked off by Peter Norvig’s classic Python essay of a decade ago.

J.P. Solano

Building Chat With React? Stream Chat Has You Covered — This tutorial shows you how to quickly build chat leveraging Stream's Chat API and the Stream Chat React components.

Stream sponsor

A First Look at Remix.run — A look at a new framework (note: it costs money) from Michael Jackson and Ryan Florence (of React Router, UNPKG and Reach UI fame).

Nader Dabit

Anima 4.0: Go Straight From Design to React in the Design Handoff — Lets you cherry-pick elements straight from a design and get fully written React components that just work. (Be aware Anima is a commercial service and costs money, however, but may be of interest if you're searching for such tools.)

Geoff Graham

When (and When Not) to Reach for Redux
Mark Erikson

Upgrading to React 17 and Webpack 5
Marlom Karim

🛠 Code and Tools

react-easy-crop 3.3: A Component to Crop Images with Easy Interactions — Lots of demos to enjoy here.

Valentin Hervieu

React-Ace: Incorporate the High Performance Code Editor Into Your React App — The Ace code editor has been around for many years, but you can use it in React component form also.

James Hrisho

Introducing Obsidian: GraphQL, Built for Deno (and React) — Obsidian claims to be Deno’s first native GraphQL caching client and server module. It’s made up of a router built on top of Oak and a React component client for your front-end.

Travis Frank

Simplify Contactless and Chip Card Payments with 💙 React + Terminal API

Square sponsor

Firetable: Firebase Meets Spreadsheets — The capable Firestore database from Firebase and the Google Cloud Platform gets a spreadsheet-ish front end. It’s everything you need to build your own Airtable clone perhaps?

Antler

Adobe XD for Visual Studio Code — The Adobe XD design system now extends into the Visual Studio world for enhanced developer collaboration.

Adobe

Hippy: Tencent's Cross Platform Development Platform — It has been used to build applications with millions of users across iOS, Web and Android. But don’t feel bad if you've never heard of it, you’re not alone.

Tencent

⚡️ Quick bits:

Three great little problem solvers where the name of the library says it all: