Anti-patterns to avoid in React

March 2, 2022 By Mark Otto 0

▶  Ten React Anti-Patterns to Avoid — A well presented eight minute video that quickly goes through a variety of approaches to reconsider (or at least think twice about before putting into action).

Fireship

Redux Toolkit 1.8.0 Released — If you’re down with Redux for managing state, the “official, opinionated, batteries-included toolset for efficient Redux development” is what you need 🙂 Among other things, this release adds new ‘listener’ middleware (think useEffect but for Redux store updates).

Mark Erikson and the Redux Team

How to Improve Designer-Developer Collaboration? — Ah, the infamous designer-developer handoff. Learn how Figma UI Kits can reduce friction between designers and developers by providing a single source of truth that all parties can reference and see how you can use them.

Progress Kendo React

▶  Kent C. Dodds’s (Classic) Beginner’s Guide to React Course — The folks at Egghead, a place that offers various online courses, is releasing some of their ‘classic’ courses on YouTube, and the first one is a React course from Kent C. Dodds. It’s 2.5 hours long, uses React 16, and dates from early 2020, so it’s not out of date 🙂

Kent C Dodds (Egghead)

Find React Jobs with 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

Hosting a React App with OpenFaaSOpenFaaS is an open source serverless function platform that sits on top of Kubernetes and it’s possible to host React-based apps in such a way. This post touches on all the main points, including cost.

Alex Ellis

How Many Re-Renders Is Too Many? — We have featured a number of this author’s articles which make beneficial use of animation to clearly understand React rendering behaviour. This time he zeros in on a single, simple question: when is the right time to start optimizing?

Alex Sidorenko

🛠 Code and Tools

⚡️ Quick Bits:

rc-select — A very comprehensive implementation of the venerable select component.