#​384 — May 8, 2024

Read on the Web

✍️ Last week was a big week for React with the release of the first React 19 beta, as well as React 18.3, so if you missed last week's issue be sure to catch up and check it out :-) Unsurprisingly, this week is a bit quieter..
__
Peter Cooper, your editor

Together with  SurveyJS logo
React Status

Awesome React: The Essential React Libraries and Resources — A well maintained collection of resources relating to the React ecosystem. Starting life as a list of several hundred items, it has since been pared down to fewer than 200 by removing all outdated projects and focusing on the essentials.

Nick Raienko

💡 Awesome React Components is another great list if you want even more.

Next Week's React Conf 2024 Agenda is Live — The schedule for React Conf 2024, taking place next week in Nevada, is now live. There are no tickets left to attend in person, but you can register for the free livestream and watch from wherever you are.

React Conf

React Form Libraries for Seamless Form Creation Right in Your App — Simplify data collection in your React app with SurveyJS UI components. Create and style dynamic JSON-based forms using a self-hosted form builder that features a CSS theme editor and GUI for conditional rules. Maintain full control over your respondents' data.

SurveyJS sponsor

Headless UI v2.0 for React — From the Tailwind folks, Headless UI is a suite of unstyled, accessible UI React (and Vue!) components, designed to integrate beautifully with Tailwind CSS.

Wathan and Reinink

Docusaurus 3.3: Getting Ready for React 19 — Docusaurus is such an elegant site generator and so wildly popular that I can’t help but recommend it. v3.3 gets things ready for React 19, makes it easier to manipulate sitemaps, and more.

Sébastien Lorber

IN BRIEF:

Using React Shepherd to Build a Site Tour — Familiarize your users with your app by programatically guiding them through its most salient features.

Onuorah Bonaventure (LogRocket)

📄 10 Features Next.js 15 Could Launch Lachlan Campbell

📺 A Decade: React’s Rhapsody of Life – Reflections on the history of React. Matheus Albuquerque

📄 A React Developer's Guide to Learning SolidJS Tristan Dyer

📄 Getting the Current URL in Next.js Server Components Andrew Israel

📄 Lazy Loaded Video Component in React Matt Lewandowski

🛠  Code, Tools & Libraries

React Archer: Draw Arrows Between Elements in React — They scale and move along with the elements they’re joining, too. The latest version adds support for clickable/selectable arrows. There are nine examples to check out.

Pierre Poupin

Awesome Reveal: Trigger Reveal Animations When Elements Appear in the Viewport — Uses the Intersection Observer API to implement ‘reveal animations’ when elements come into the viewport. There’s a playground CodeSandbox if you want to experiment. GitHub repo.

Dennis Morello

📰 Classifieds

🗝️ Userfront is an auth & identity platform that transforms your business to serve free, freemium and enterprise customers. Try it for free.


😎 5 easy ways to implement “dark mode” in React Native. Appearance, React navigation, Styled components, Emotion native & React paper.

Mantine v7.9.0: The Extensive React Components Library — All hooks have been updated to support React 18.3 in preparation for React 19. There are new use-field and use-matches hooks, an improvement to the bar chart component, and a new @mantine/emotion package to assist in Mantine 6 to 7 migrations (as Mantine used to use Emotion, prior to v7).

Vitaly Rtishchev et al.

React Icons 5.2: Easily Bring Popular Icons Into Your React Projects — Use imports to bring in only the icons your project needs from sets like Font Awesome, Typicons, GitHub’s Octicons, and more.

Kamijin Fanta

⚙️ FastUI – Targeted at Python developers as a way to build React apps but without JavaScript and using declarative Python instead. Pydantic Services Inc.

⚙️ React Native Vector Icons – Customizable, styleable scaling icons for React Native apps. Joel Arvidsson