--- title: "A linting tool for React performance" publication: "React Status" issue: 376 published_at: "2024-03-06" canonical_url: "https://react.statuscode.com/issues/376" --- Plus Vercel's latest AI SDK, Expo in 100 seconds, and a new user onboarding library. | #​376 — March 6, 2024 [Read on the Web](https://react.statuscode.com/issues/376) 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/tailwind-css/?utm_source=email&utm_medium=reactstatus&utm_content=tailwindcss) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/wn2qrnorgz8kelgw2als.jpg)](https://million.dev/blog/lint) [Million Lint Now in Public Beta](https://million.dev/blog/lint) — [Million](https://million.dev/)’s mission is to make React apps faster and the new VS Code extension _Million Lint_ takes a new approach: imagine something like ESLint, but for suggesting _performance_ improvements. `npx @million/lint@latest` in any React app will get you started. Aiden Bai ["react-strict-dom" – Why It's So Great?](https://szymonrybczak.dev/blog/react-strict-dom) — Meta’s [react-strict-dom](https://github.com/facebook/react-strict-dom) is an experimental integration of React DOM and StyleX to standardize the development of styled React components, both web and native. Szymon digs into it a little here. Szymon Rybczak [![\](https://copm.s3.amazonaws.com/c3ea8e7c.png)](https://frontendmasters.com/courses/tailwind-css/?utm_source=email&utm_medium=reactstatus&utm_content=tailwindcss) [Tailwind CSS: Write Efficient, Utility-First CSS](https://frontendmasters.com/courses/tailwind-css/?utm_source=email&utm_medium=reactstatus&utm_content=tailwindcss) — Join Steve Kinney for this detailed video course exploring Tailwind CSS. You'll build real-world components like modals, forms, and page layouts — becoming proficient in creating stunning, responsive, and maintainable UI. Frontend Masters sponsor [Vercel Unveils Vercel AI SDK 3.0](https://vercel.com/blog/ai-sdk-3-generative-ui) — You may recall that Vercel launched [a tool called v0](https://v0.dev/) last year that uses AI to create React components from natural language descriptions. As part of their latest suite of AI SDKs, they’ve open sourced the tech behind v0 and opened a way to integrate AI into your React apps in a streaming fashion via React Server Components. Palmer, Ding, Leiter, et al. (Vercel) [React Unforget: An Experimental Alternative to _React Compiler_?](https://react-unforget.vercel.app/) — The React team [teased more](https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024#react-compiler) about the potential of the _React Compiler_ (a.k.a. 'Forget') in their recent update, but Mohamad was really keen to get playing with the concepts ASAP: _“With React Forget’s release timeline unclear, I’ve launched a community-driven version to keep innovation alive. I believe React Unforget can be to React Compiler what Preact is to React.”_ Mohamad Mohebifar ▶[Expo Explained in 100 Seconds](https://www.youtube.com/watch?v=vFW_TxKLyrE) — If you’ve never quite grasped what [Expo](https://expo.dev/) brings to the React Native table, Fireship quickly summarizes it here (in short, think of Expo as a higher layer of structure and tooling for building RN apps, along with libraries and components). Fireship [Build a Real-Life, AI-Powered Project with Next.js and Strapi](https://strapi.io/blog/epic-next-js-14-tutorial-learn-next-js-by-building-a-real-life-project-part-1-2) — A walkthrough of building a Next.js app that summarizes YouTube videos using AI and uses the [Strapi](https://strapi.io) open-source, headless CMS. Paul Bratslavsky (Strapi) ▶[Creating Epic Web Experiences Using Remix with Kent C. Dodds](https://www.youtube.com/watch?v=DCzHkH6Q67Q) — Insights from Kent as to why he believes Remix stands out as a premier framework as well as other subjects such as his process for creating his widely attended courses. Tejas Kumar podcast [Instant Search Params with React Server Components](https://buildui.com/posts/instant-search-params-with-react-server-components) Sam Selikoff [Testing Next.js App Router API Routes](https://blog.arcjet.com/testing-next-js-app-router-api-routes/) David Mytton 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/owqgoagf6vvoityfpqvu.jpg)](https://kciter.so/react-barcode/) [React Barcode 1.5: A Component to Render Barcodes](https://kciter.so/react-barcode/) — A React wrapper for [JSBarcode](https://github.com/lindell/JsBarcode), a library that can generate barcodes in numerous formats like EAN_, CODE128, ITF, and MSI_. [GitHub repo.](https://github.com/kciter/react-barcode) Lee Sun-Hyoup [ONBOARDING_LIB: A Headless Onboarding Library](https://onboarding-lib.vercel.app/) — An onboarding library for React apps, to make it easier to build accessible, customizable and persisted onboarding flows. The docs site itself is an example of such a flow. Neftic Oy [React Native SVG 15: SVG Library for React Native](https://github.com/software-mansion/react-native-svg) — There’s also a compatibility layer to let it work with regular React on the Web too. [v15](https://github.com/software-mansion/react-native-svg/releases/tag/v15.0.0) notably introduces visionOS support. Software Mansion 📰 Classifieds 🧩 Busy? Build your MVPs 8.6x faster. [Pick UI templates or use React components](https://www.uxpin.com/merge/developers?utm_source=launch-campaign&utm_medium=partner&utm_campaign=reactstatus_merge_ai_03_34) by MUI, Tailwind, and more. Copy the clean code – and done! --- ❓ What’s so great about Drizzle? What is it? How does it work? Get an intro to the TypeScript ORM in: [Learn Drizzle in 13 mins](https://www.youtube.com/watch?v=hIYNOiZXQ7Y&utm_source=cooperpress&utm_medium=newsletter&utm_campaign=reactstatus&utm_content=classified). [UVCanvas: Render Shaded Canvases from React](https://uvcanvas.com/) — You really need to look at some of the examples to get the idea, but they range from [clean and simple](https://uvcanvas.com/docs/components/lumiflex) to things like [look like macOS screensavers](https://uvcanvas.com/docs/components/novatrix) and [lava-lamp-esque experiences.](https://uvcanvas.com/docs/components/tranquiluxe) Latent Cat [rc-tree-select: A Tree-Based Selection Component](https://github.com/react-component/tree-select) — The [live demos](https://tree-select.react-component.vercel.app/) give me retro Windows vibes. Alipay - [Downshift 8.4](https://github.com/downshift-js/downshift) – Primitives for building accessible autocomplete, combobox and select dropdown components. - [ReacType 20.0](https://github.com/open-source-labs/ReacType/releases/tag/v20.0.0) – Visual prototyping tool for React developers. - [React Custom Scroll 7.0](https://www.npmjs.com/package/react-custom-scroll) – Customizable native scrolling. - [visx 3.9](https://airbnb.io/visx/) – Airbnb's React-based visualization primitives. - [BlockNote 0.12](https://github.com/TypeCellOS/BlockNote/releases/tag/v0.12.0) – 'Notion-style' block-based editor. - [React-Dart 7.1](https://github.com/Workiva/react-dart) – Dart wrapper for React. 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