---
title: "Understanding React concurrency"
publication: "React Status"
issue: 340
published_at: "2023-05-24"
canonical_url: "https://react.statuscode.com/issues/340"
---

Plus a whole React-based stack prepared for you, React on TVs, and why you might not need React Query. |        

#​340 — May 24, 2023 

[Read on the Web](https://react.statuscode.com/issues/340)  

Together with [![Frontend Masters logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_300,h_70/e_make_transparent/co_white,e_outline:5/nk0tfdvalivacz8rw7rt.png)](https://frontendmasters.com/courses/fullstack-v3/?utm_source=email&utm_medium=reactstatus&utm_content=fullstackv3)  React Status  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/luoneoh4virya7r6i1ft.jpg)](https://www.epicweb.dev/epic-stack)  

[The Epic Stack: An Entire Opinionated Stack in One](https://www.epicweb.dev/epic-stack) — A new opinionated ‘project starter’ and stack to help you or your team leapfrog analysis paralysis when figuring out what tools and libraries to use in your next, fresh project. And opinionated it certainly is, [choosing to go with](https://github.com/epicweb-dev/epic-stack#readme) Remix, Prisma, Tailwind, Fly, SQLite, and more all out of the box. You’re encouraged to fork and remix it, if you want, and Kent gave [▶️ a 20-minute talk at RemixConf](https://www.youtube.com/watch?v=yMK5SVRASxM) to really sell the idea. 

Kent C. Dodds   [![\](https://copm.s3.amazonaws.com/1c12900e.png)](https://frontendmasters.com/courses/fullstack-v3/?utm_source=email&utm_medium=reactstatus&utm_content=fullstackv3) 

[Full Stack for Front-End Engineers with Jem Young (Netflix)](https://frontendmasters.com/courses/fullstack-v3/?utm_source=email&utm_medium=reactstatus&utm_content=fullstackv3) — Learn what it means to become a well-rounded full-stack engineer with this hands-on video course. You’ll dive into servers, work with the command line, understand networking and security, set up continuous integration and deployment, manage databases, build containers, and more. 

Frontend Masters sponsor   

[Understanding React Concurrency](https://www.bbss.dev/posts/react-concurrency/) — It’s not mandatory to understand the details of React’s ‘concurrent features’ (what you [may have once](https://github.com/reactwg/react-18/discussions/64) called ‘concurrent mode’) but having the basic ideas in your head could help you solve performance problems and bugs down the line. 

Slava Knyazev   

**IN BRIEF:** 

- Next.js has a handy new documentation page explaining [the file and folder structure of a typical Next.js app](https://nextjs.org/docs/getting-started/project-structure) with further links to documentation about each part.
- It's hardly surprising, but [Meta found their app became smaller and faster](https://developers.facebook.com/blog/post/2023/05/17/messenger-desktop-faster-and-smaller-by-moving-to-react-native-from-electron/) when they switched from using Electron to React Native for Messenger for macOS and Windows.
- Does React have a role to play in Spotify's TV app? [Yes, as it turns out.](https://engineering.atspotify.com/2023/05/tv-spatial-navigation/)   

[You Might Not Need React Query](https://tkdodo.eu/blog/you-might-not-need-react-query) — React Query is a great library, but like any tool, you should choose it for the right problem. Certainly an interesting entry in a fantasticly extensive [series of posts all about using React Query](https://tkdodo.eu/blog/practical-react-query) ;-) 

TkDodo   

▶[Why React is Here to Stay](https://www.youtube.com/watch?v=ADKvP8Xn4g8) — A rebuttal of sorts to Adam Elmore’s video from two weeks ago: [▶️ I’m Done with React](https://www.youtube.com/watch?v=Zt8mO_Aqzw8). 

Joscha Neske   

[Automate Component Testing with Chromatic—Powered by Storybook](http://chromatic.com/storybook?utm_source=react_status&utm_medium=sponsorship&utm_campaign=q2_2023) — Verify visual changes and component logic on each commit. Get started with a $500 credit using code`REACTSTATUS`. 

Chromatic sponsor   

[How We Built the Storybook Day 3D Animation](https://varun.ca/storybook-day/) — Have you ever seen an impressive animation and wondered ‘so how’d they actually do that?’ This tutorial takes the [Storybook Day](https://storybook.js.org/day) animation and breaks it down step-by-step, each with sample code. One for the [React Three Fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction) crowd. 

Varun Vachhar   

[How to Create a Custom Debounce Hook](https://www.telerik.com/blogs/how-to-create-custom-debounce-hook-react) 
John Au-Yeung   

[Creating a Shine Effect on a Card with Tailwind CSS](https://www.julienthibeaut.xyz/blog/create-shine-effect-on-card-with-tailwind-css) 
Julien Thibeaut  

🛠 Code and Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/zi9ptkwigsiuon9g4jjw.jpg)](https://www.blocknotejs.org/)  

[BlockNote: A 'Notion-Like' Block-Based Text Editor](https://www.blocknotejs.org/) — Flexible and presents an extensive API so you can integrate it with whatever you want to do. You can drag and drop blocks, add real-time collaboration, add customizable ‘slash command’ menus, and more. Builds on top of ProseMirror and TipTap. 

TypeCell   

[React Authentication, Simplified](https://userfront.com/tutorials/react-authentication?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=brief_link&utm_content=react_authentication) 

Userfront sponsor   

[Pastel 2.0: A Framework for Building Ink Apps](https://github.com/vadimdemedes/pastel) — [Ink](https://github.com/vadimdemedes/ink) brings the power of React and components to building command line apps, and Pastel provides more structure on top of that. Indeed, it calls itself a _“Next.js-like framework for CLIs.”_ 

Vadim Demedes   

[Quick SQLite: A Fast React Native SQLite Library Built using JSI](https://github.com/margelo/react-native-quick-sqlite) — Embeds the latest version of SQLite and provides a low-level JSI-backed API to execute SQL queries. 

Margelo   

- [ReacType 16.0](https://github.com/open-source-labs/ReacType/releases/tag/v16.0.0)
 ↳ Prototyping tool that can export React code.
- [Sonner 0.4](https://github.com/emilkowalski/sonner)
 ↳ Opinionated toast notifications component.
- [ka-table 8.2](https://github.com/komarovalexander/ka-table)
 ↳ Table component with sorting, filtering, etc.
- [Virtuoso 4.3.8](https://github.com/petyosi/react-virtuoso) – Powerful virtual list component.
- [PrimeReact 9.5](https://github.com/primefaces/primereact)
 ↳ Comprehensive React component suite.
- [Preact 10.15](https://github.com/preactjs/preact) – Fast 3KB React alternative.
- [Yet Another React Lightbox 3.9](https://github.com/igordanchenko/yet-another-react-lightbox) ([Examples.](https://yet-another-react-lightbox.com/examples))
- [TypeScript 5.1 RC](https://devblogs.microsoft.com/typescript/announcing-typescript-5-1-rc/)    

Jobs  

[Fullstack Engineer at Everfund.com](https://everfund.notion.site/Fullstack-Engineer-Everfund-com-59115d2975b84fdd97c03d1b8a5a578e) — Push code, change lives! Help us become the center for good causes on the modern web with our dev tools. 
Everfund   

[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) — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now. 
Hired           

This issue was curated by Terence C. Gannon and Peter Cooper 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
