---
title: "The top React articles of 2023"
publication: "React Status"
issue: 367
published_at: "2023-12-20"
canonical_url: "https://react.statuscode.com/issues/367"
---

Plus a demo of strategies against state tearing, a handy way to look at typed documentation, and AI generated React components for everyone. |        

#​367 — December 20, 2023 

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

🎄 Before we take a week off for Christmas, we usually do a 'best of 2023' issue to revisit the most popular items of the year. This year, we're doing things a little differently and splitting up the roundup between this issue and next :-) We'll be back on January 3 and wish you a happy holiday season!
__
_Peter Cooper and the Cooperpress team_ 

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/learn/typescript/?utm_source=email&utm_medium=reactstatus&utm_content=typescript)  React Status  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/jnaalcd9nwxsf3ukymuh.jpg)](https://v0.dev/)  

[v0: The AI-Powered Component Creator Opens Up](https://v0.dev/) — I thought the generative AI powered v0 looked fascinating [on its release](https://vercel.com/blog/announcing-v0-generative-ui), but like many of you, I was stuck in a waitlist to _use_ it. Now Vercel has dropped the waitlist, making it available to all users. It works well, though we might not be using it for the _React Status_ signup form just yet.. 😆 _(see above)_ 

Vercel Labs   [![\](https://copm.s3.amazonaws.com/1a9a3e75.png)](https://frontendmasters.com/learn/typescript/?utm_source=email&utm_medium=reactstatus&utm_content=typescript) 

[New TypeScript Courses: Take the Learning Path](https://frontendmasters.com/learn/typescript/?utm_source=email&utm_medium=reactstatus&utm_content=typescript) — Join Mike North (Tech Lead at Stripe) for this series of brand new TypeScript courses. You'll get hands-on practice covering both the fundamentals and advanced features like utility types and advanced generics. Learn best practices to configure and evolve your TS codebase! 

Frontend Masters sponsor   

[TS Docs: Reference Type Documentation for npm Packages](https://tsdocs.dev/) — Browse reference TypeScript documentation for any package or version of a library. For example, take a package like [Redux](https://tsdocs.dev/docs/redux/5.0.0) or [Three.js](https://tsdocs.dev/docs/three/0.159.0), then you can use the menus on the left to navigate the various type aliases, functions, classes, and more. 

Shubham Kanodia   

[Tearable Dots: A State Tearing Demo](https://tearabledots.com/) — An interesting live demo of ‘state tearing’ ([explained more here](https://interbolt.org/blog/react-ui-tearing/)), a problem that can be solved in a few ways in React, with several such strategies on display here. 

Colin Campbell   

**IN BRIEF:** 

- 📅 Diego Oliveira has made [a helpful list of React conferences in 2024](https://thoughtbot.com/blog/upcoming-react-and-react-native-conferences-for-2024).
- Shopify created a cool globe visualization of the sales they made over the Black Friday period and Paul Scanlon demonstrates [how to create something similar of your own](https://thenewstack.io/recreating-shopifys-bfcm-globe-using-react-globe-gl/).   

[Puck: A Self-Hosted Drag-and-Drop Editor for React](https://github.com/measuredco/puck) — Sitting somewhere between an old-school WYSIWYG-powered CMS and a headless one, Puck enables content teams to author content using real React components. Want to see a demo? [Of course](https://demo.puckeditor.com/edit). 

Measured   

[You Don't Need Storybook to Make a Component Playground](https://www.bekk.christmas/post/2023/12/you-don-t-need-storybook-to-make-a-playground) — _“By combining React Live and some string concatenation, you can create a solution that you have full control over.”_ 

Marcus Haaland   

[React Fights You Can Have with Your Team](https://www.bekk.christmas/post/2023/13/react-fights-you-can-have-with-your-team) — See if you and your fellow developers are on the same page when it comes to a few React related opinions – that's the Christmas spirit! 

Caroline Odden   

Blog Post: [Fetch Waterfall in React](https://blog.sentry.io/fetch-waterfall-in-react/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy24q4-jtbd&utm_content=newsletter-jtbdblog-read) — How not to make the biggest data fetching mistake that every beginner makes in React. Read our best practices. 

Sentry sponsor   

[React Native Push Notifications with Firebase Cloud Messaging](https://thoughtbot.com/blog/react-native-push-notifications-with-firebase-cloud-messaging) 
Diego Oliveira and Frida Casas   

**RELEASES:** 

- [Arborist 3.4](https://github.com/brimdata/react-arborist) – Complete tree view component.
- [Vaul 0.8](https://github.com/emilkowalski/vaul) – Unstyled drawer component.
- [ka-table 8.6](https://github.com/komarovalexander/ka-table) – Lightweight table component.  

🏆 Top React Articles of 2023 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cm8tvcox1lmxhjisslgx.jpg)](https://www.robinwieruch.de/react-libraries/)  

1: [React Libraries for 2023](https://www.robinwieruch.de/react-libraries/) — The React ecosystem is so large that there's often a problem of being spoiled for choice, so opinionated guides to different solutions tend to do well, like this annual list from Robin Wieruch. Fingers crossed we get a 2024 edition soon? 😉 

Robin Wieruch   

2: [Rethinking React Best Practices](https://frontendmastery.com/posts/rethinking-react-best-practices/) — From a late 2023 perspective, it's clear 'React' has evolved from being a library to representing a broader ecosystem of ideas and frameworks, so best practices have changed too. The shift towards a hybrid client-server approach is explored here, along with how Relay and Server Components can address scaling challenges. 

Rem (Frontend Mastery)   

3: [Using TypeScript with React](https://react.dev/learn/typescript) — People were starting to comment that the official React docs didn't provide any information on using React with TypeScript, so earlier this year Mark Erikson [filed an issue](https://github.com/reactjs/react.dev/issues/5960), and, [thanks to Orta Therox](https://github.com/reactjs/react.dev/pull/6120), these docs appeared. 

React.js Docs      

📰 Classifieds   

💪 Feel the power of more than 420,000 teammates and work [#LikeABosch](https://www.bosch.com/careers/why-bosch/culture-and-benefits/?utm_campaignid=react&utm_source=cooperpress&utm_medium=cpc&utm_campaign=wlab&utm_term=classifieds&utm_content=recognition). It’s our people who make us remarkable. Let’s celebrate together. [Learn more](https://www.bosch.com/careers/why-bosch/culture-and-benefits/?utm_campaignid=react&utm_source=cooperpress&utm_medium=cpc&utm_campaign=wlab&utm_term=classifieds&utm_content=recognition). 

--- 

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

4: [Things You Forgot (or Never Knew) Because of React](https://joshcollinsworth.com/blog/antiquated-react) — Easily one of the 'classics' of the year and it provoked such a huge array of responses, too. 

Josh Collinsworth   

5: [What is Vite and Why Use It Over _Create React App_?](https://luketheweb.dev/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app) — _Create React App_ was long considered 'the' way to create new React apps, but [Vite](https://vitejs.dev/) has continued to swell in popularity in 2023 due to its ease of use and performance. This helpful post only sped up that process. 

Luke Twomey   

6: [How React 18 Improves Application Performance](https://vercel.com/blog/how-react-18-improves-application-performance) — If you’ve not kept up with how things have developed in React with regards to concurrent rendering, transitions, Suspense, or React Server Components, this remains a good primer to get up to speed on how they can improve performance, though it may well begin to age soon. 

Lydia Hallie (Vercel)   

7: [Dan Abramov's Deep Dive into React Server Components](https://github.com/reactwg/server-components/discussions/5) — Having faced a barrage of questions about Server Components in early 2023, Dan set out to teach everything from the ground up by _reimplementing_ a basic form of RSC from scratch. It’s not aimed at day-to-day React developers, but those who want to get under the hood of the model behind RSCs. 

Dan Abramov   

8: [The Interactive Guide to Rendering in React](https://ui.dev/why-react-renders) — This interactive guide explores why, when, and how React renders, and illustrates it with a series of short and well thought out video animations that remain just as relevant today. 

Tyler McGinnis    

We'll see you again in two weeks on January 3! 👋         

Curated by Peter Cooper and Terence C. Gannon. 

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