--- title: "Getting ready for React Conf next week" publication: "React Status" issue: 384 published_at: "2024-05-08" canonical_url: "https://react.statuscode.com/issues/384" --- Plus a Mantine update, joining elements with arrows, and more updates and news. | #​384 — May 8, 2024 [Read on the Web](https://react.statuscode.com/issues/384) ✍️ [Last week](https://react.statuscode.com/issues/383) 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](https://react.statuscode.com/issues/383) :-) Unsurprisingly, this week is a bit quieter.. __ _Peter Cooper, your editor_ Together with [![SurveyJS logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_1000,h_410/e_make_transparent/co_white,e_outline:20/yrja59qflovcjwojxypq.png)](https://surveyjs.io/?utm_source=react.statuscode&utm_medium=email) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/fyjzxndj4sfk02qvh6lk.jpg)](https://github.com/enaqx/awesome-react) [Awesome React: The Essential React Libraries and Resources](https://github.com/enaqx/awesome-react) — 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](https://github.com/brillout/awesome-react-components) is another great list if you want even more. [Next Week's _React Conf 2024_ Agenda is Live](https://conf.react.dev/agenda) — The schedule for [React Conf 2024](https://conf.react.dev/), 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](https://ti.to/reactconf/2024/with/free-livestream-access) and watch from wherever you are. React Conf [![\](https://copm.s3.amazonaws.com/1f0371b0.png)](https://surveyjs.io/?utm_source=react.statuscode&utm_medium=email) [React Form Libraries for Seamless Form Creation Right in Your App](https://surveyjs.io/?utm_source=react.statuscode&utm_medium=email) — 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](https://tailwindcss.com/blog/headless-ui-v2) — From the Tailwind folks, [Headless UI](https://headlessui.com/) 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](https://docusaurus.io/blog/releases/3.3) — Docusaurus is such an elegant site generator and [so wildly popular](https://docusaurus.io/showcase) 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:** - 🤔 Baldur Bjarnason wrote a thought-provoking and somewhat political piece on how technologies like [React, Electron and LLMs enable labor arbitrage](https://www.baldurbjarnason.com/2024/react-electron-llms-labour-arbitrage/) by standardizing the development process. - Adobe has landed [a significant update for its React Spectrum project](https://react-spectrum.adobe.com/releases/2024-05-01.html) with an all new [submenu component](https://react-spectrum.adobe.com/blog/creating-a-pointer-friendly-submenu-experience.html), a suite of new color picker components, and a new TreeView component. - 🤖 Vercel has unveiled [Vercel AI SDK 3.1](https://vercel.com/blog/vercel-ai-sdk-3-1-modelfusion-joins-the-team), bringing _ModelFusion_ on to their team to round out Vercel AI as being a complete TypeScript framework for building AI apps. [Using React Shepherd to Build a Site Tour](https://blog.logrocket.com/using-react-shepherd-build-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](https://notebook.lachlanjc.com/2024-04-17_10_features_nextjs_15_could_launch) Lachlan Campbell 📺 [A Decade: React’s Rhapsody of Life](https://www.youtube.com/watch?v=Fr5byuGZtnY) – Reflections on the history of React. Matheus Albuquerque 📄 [A React Developer's Guide to Learning SolidJS](https://www.stashpad.com/blog/react-developer-guide-to-solid-js) Tristan Dyer 📄 [Getting the Current URL in Next.js Server Components](https://www.propelauth.com/post/getting-url-in-next-server-components) Andrew Israel 📄 [Lazy Loaded Video Component in React](https://dev.to/mattlewandowski93/lazy-loaded-video-component-in-react-22dp) Matt Lewandowski 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/z4qww4bwvntlnv3ms2jg.jpg)](https://github.com/pierpo/react-archer) [React Archer: Draw Arrows Between Elements in React](https://github.com/pierpo/react-archer) — 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.](https://pierpo.github.io/react-archer/) Pierre Poupin [Awesome Reveal: Trigger Reveal Animations When Elements Appear in the Viewport](https://react-awesome-reveal.morello.dev/) — Uses the Intersection Observer API to implement ‘reveal animations’ when elements come into the viewport. There’s [a playground CodeSandbox](https://codesandbox.io/p/sandbox/react-awesome-reveal-typescript-177uom?file=%2Fsrc%2FApp.tsx) if you want to experiment. [GitHub repo.](https://github.com/morellodev/react-awesome-reveal) Dennis Morello 📰 Classifieds 🗝️ [Userfront](https://userfront.com/?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=classified_listing&utm_content=transformational) is an auth & identity platform that transforms your business to serve free, freemium and enterprise customers. [Try it for free](https://userfront.com/?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=classified_listing&utm_content=transformational). --- 😎 [5 easy ways to implement “dark mode” in React Native](https://buttercms.com/blog/implement-dark-mode-react-native/). Appearance, React navigation, Styled components, Emotion native & React paper. [Mantine v7.9.0: The Extensive React Components Library](https://mantine.dev/changelog/7-9-0/) — 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](https://mantine.dev/styles/emotion/) package to assist in Mantine 6 to 7 migrations (as Mantine used to use [Emotion](https://emotion.sh/docs/introduction), prior to v7). Vitaly Rtishchev et al. [React Icons 5.2: Easily Bring Popular Icons Into Your React Projects](https://github.com/react-icons/react-icons) — Use imports to bring in only the icons your project needs from sets like Font Awesome, Typicons, GitHub’s [Octicons](https://octicons.github.com/), and more. Kamijin Fanta ⚙️ [FastUI](https://github.com/pydantic/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](https://github.com/oblador/react-native-vector-icons) – Customizable, styleable scaling icons for React Native apps. Joel Arvidsson - 🗓 [React Native Big Calendar 4.12.0](https://github.com/acro5piano/react-native-big-calendar) – Outlook / Google Calendar style day/month/week planners. ([Demos.](https://react-native-big-calendar.vercel.app/?path=/story/showcase-desktop--day-mode)) - [Ionic 8.1](https://ionic.io/blog/announcing-ionic-8-1) – Cross-platform UI toolkit for building native-quality apps. - [TanStack Query 5.35](https://github.com/TanStack/query) – Async state management and data fetching. - [styled-jsx 5.1.3](https://github.com/vercel/styled-jsx) – Component-friendly CSS support for JSX. - [react-json-view-lite 1.4](https://github.com/AnyRoad/react-json-view-lite) – Render JSON in a tree view. 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