---
title: "Anti-patterns to avoid in React"
publication: "React Status"
issue: 278
published_at: "2022-03-02"
canonical_url: "https://react.statuscode.com/issues/278"
---

Plus a big Redux Toolkit release, a HN clone, and some 'scrollytelling'. |        

#​278 — March 2, 2022 

[Read on the Web](https://react.statuscode.com/issues/278)   React Status ⚛️ Your weekly React news digest, _every Wednesday_.  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/oalb6u0vhpzmlxkwbndm.jpg)](https://www.youtube.com/watch?v=b0IZo2Aho9Y)  

▶[Ten React Anti-Patterns to Avoid](https://www.youtube.com/watch?v=b0IZo2Aho9Y) — 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](https://github.com/reduxjs/redux-toolkit/releases/tag/v1.8.0) — 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   [![\](https://copm.s3.amazonaws.com/27dd10de.png)](https://ad.doubleclick.net/ddm/clk/521638422;329799502;o) 

[How to Improve Designer-Developer Collaboration?](https://ad.doubleclick.net/ddm/clk/521638422;329799502;o) — 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 sponsor   

▶[Kent C. Dodds's (Classic) Beginner's Guide to React Course](https://www.youtube.com/watch?v=7_x4AuqHxlg) — 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)   

[Implementing Tetris Using React in 200 Lines of Code](https://blog.ag-grid.com/tetris-to-learn-react/) — The popularity of [Tetris](https://en.wikipedia.org/wiki/Tetris) just never seems to fade. The exercise of recreating it with so little code is instructive and novel. 

Niall Crosby    

Jobs  

[Senior Frontend Engineer (TypeScript) — Remote / NYC](https://boards.greenhouse.io/ramp/jobs/5646274002?t=4ba426bf2us) — We're the leading spend management platform for businesses. Small cross-functional front-end operations using React and TypeScript. 
Ramp   

[React Frontend Role for Clay, a Digital Rolodex Backed by Forerunner and GC](https://apply.workable.com/clayearth/j/DADAED9519/) — This role will ensure that Clay's web and desktop apps are best in class. We have a React app that leverages Redux and RxJS. 
Clay   

[Find React Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. 
Hired      

['SolidJS Feels Like What I Always Wanted React to Be'](https://typeofnan.dev/solid-js-feels-like-what-i-always-wanted-react-to-be/) — An unsurprisingly opinionated piece. [SolidJS](https://www.solidjs.com/) is a particularly efficient reactive UI library and we’ve [seen direct comparisons before](https://ogzhanolguncu.com/blog/react-vs-solid) but this piece goes into more specifics. 

Nick Scialli   

[Hosting a React App with OpenFaaS](https://www.openfaas.com/blog/react-app/) — [OpenFaaS](https://www.openfaas.com/) 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?](https://alexsidorenko.com/blog/react-how-many-rerenders/) — 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   

[Implementing the Game of Life with React, Hooks and Chakra-UI](https://creotip.io/posts/building-game-of-life-with-react-hooks-chakra-ui) 
Ruslan Elishaev  

🛠 Code and Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/cmw1utjaiqnj14nfetoi.jpg)](https://github.com/clintonwoo/hackernews-remix-react)  

[hackernews-remix-react: A Hacker News Clone Using React and Remix](https://github.com/clintonwoo/hackernews-remix-react) — This project provides a relatable, high profile example which employs React, Remix and other tools. The value of this exercise is enhanced if compared to other approaches such as Vercel’s creation of a similar clone using [Next.js 12’s experimental React Server Components support](https://github.com/vercel/next-react-server-components). 

Clinton D'Annolfo   

[An Introduction to Reagent: A Minimalistic React for ClojureScript](https://reagent-project.github.io/) — A project that provides a way to write efficient React components using (almost) nothing but plain ClojureScript (essentially a Lisp dialect that compiles to JavaScript) functions. 

Dan Holmsand et al.   

[Free Activity Feeds & Chat APIs for Qualifying Teams. Activate Today](https://getstream.io/maker-account/?utm_source=ReactStatus&utm_medium=Newsletter_Content_Ad&utm_content=Developer&utm_campaign=ReactStatus_Mar2022_MakerAccount) 

Stream sponsor   

[react-native-owl: Visual Regression Testing for React Native](https://github.com/FormidableLabs/react-native-owl) — Apply the concepts of [regression testing](https://en.wikipedia.org/wiki/Regression_testing) to visual elements using this “API for capturing and comparing screenshots”. 

Formidable   

[react-scrollama: Scrollytelling Made Simple Using Intersection Observer](https://github.com/jsonkao/react-scrollama) — [Scrollytelling](https://medium.com/nightingale/from-storytelling-to-scrollytelling-a-short-introduction-and-beyond-fbda32066964)—that is scrolling + storytelling—is an increasingly popular communications tool based on interspersing visualisations and narrative. 

Jason Kao    

## ⚡️ Quick Bits:   

[rc-select](https://github.com/react-component/select) — A _very_ comprehensive implementation of the venerable select component.   

[flowchart-fun](https://github.com/tone-row/flowchart-fun) — Generate flowcharts and diagrams from text. Seriously, [give it a try!](https://flowchart.fun)           

This issue was curated by Terence C. Gannon and edited by the Cooperpress team. 

A **[Cooperpress](https://cooperpress.com/)** publication. 

[Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom