--- title: "The React Conf 2024 talks" publication: "React Status" issue: 395 published_at: "2024-07-31" canonical_url: "https://react.statuscode.com/issues/395" --- Plus Storybook doubles down on testing, and John Resig talks React. | #​395 — July 31, 2024 [Read on the Web](https://react.statuscode.com/issues/395) 🏖️ A quick note to say that we're taking the next two weeks off for a summer break. We'll be back with our next issue on Wednesday, August 21. __ _Peter Cooper, your editor_ Together with [![WorkOS\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_514,h_98/e_make_transparent/co_white,e_outline:9/tdfxwgk852ui9leli4wm.png)](https://workos.com/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=q22024) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/qznc1dhfsjtkdkvewoe9.jpg)](https://conf.react.dev/talks) [The React Conf 2024 Talks](https://conf.react.dev/talks) — It was possible to catch up with the talks from May’s [React Conf](https://conf.react.dev/) via the livestream recordings, but now the talks have been split up and shared in an easier to digest form. Well worth a look if you haven’t looked through the event till now. React Conf 📘 [Faire’s Transition to Next.js](https://craft.faire.com/boosting-performance-faires-transition-to-nextjs-3967f092caaf) — As described by one of their Senior Software Developers, how the online wholesale marketplace [Faire](https://www.faire.com) navigated the challenging migration (involving a million lines of code) from a mature SPA to server-side Next.js. Luke Bjerring (Faire) [![\](https://copm.s3.amazonaws.com/ce649a07.png)](https://workos.com/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=q22024) [WorkOS: Start Selling to Enterprises with Just a Few Lines of Code](https://workos.com/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=q22024) — WorkOS is a modern identity platform for B2B SaaS. It provides flexible and easy-to-use APIs to integrate SSO, SCIM, and RBAC in minutes. WorkOS is used by hundreds of high-growth startups including Perplexity, Vercel, Drata, & Webflow. WorkOS sponsor **IN BRIEF:** - ❤️ In the recently released _Stack Overflow_ survey results, [React came in as the #1 'web framework and technology'](https://survey.stackoverflow.co/2024/technology/#2-web-frameworks-and-technologies). - [TypeScript 5.6 is now in beta.](https://devblogs.microsoft.com/typescript/announcing-typescript-5-6-beta/) - 🕹️ If you've been intrigued by the [ReactJam](https://reactjam.com/) gamejam, Tony Cabaye has [a neat intro to creating a game with React](https://tonai.github.io/blog/posts/farlanders-1/) that could give you some ideas. - Emacs user? Ovi Stoica has [a guide to setting up Emacs as a modern React dev editor](https://www.ovistoica.com/blog/2024-7-05-modern-emacs-typescript-web-tsx-config) you might find helpful. [Data Fetching with Server Actions in Next.js](https://www.robinwieruch.de/next-server-actions-fetch-data/) — Can you? Should you? If not, why not? Robin doesn’t think the feature is quite there yet. Robin Wieruch [Flags as Code in Next.js using Vercel's Flags SDK](https://vercel.com/blog/flags-as-code-in-next-js) — Vercel recently introduced an SDK for using feature flags in Vercel-hosted Next.js and SvelteKit-based apps. It’s agnostic, sitting in between your app and the source of such flags. Here’s how it works. Dominik Ferber (Vercel) [A Workshop on Building React Hooks](https://www.epicreact.dev/tutorials/build-react-hooks) — A new online video course from Kent C. Dodds that’s free (but signup-walled once past the introductions). The focus is on rebuilding `useState` and `useEffect` from scratch. Kent C. Dodds ▶[What React Devs Need to Know about React Native: A Conversation](https://www.youtube.com/live/iB7sc-fzpWw) — This popular subject provides fodder for an interesting and enlightening discussion between Expo engineer [Keith Kurak](https://x.com/llamaluvr) and developer [Kadi Karman](https://x.com/kadikraman). Expo 📄 [Flexible Network Data Preloading in Large SPAs](https://mmazzarolo.com/blog/2024-07-29-data-preloading-script/) Matteo Mazzarolo 🔈 [Why the Creator of jQuery Uses React and TypeScript](https://syntax.fm/show/800/why-the-jquery-creator-uses-react-and-typescript-john-resig) Syntax․fm 📄 [React Owner Components](https://reacttraining.com/blog/react-owner-components) – Owners vs parents and why it matters. Brad Westfall 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/pghhiaeshyi4gdbcjr97.jpg)](https://storybook.js.org/blog/storybook-8-2/) [Storybook 8.2: The Popular Component Workshop](https://storybook.js.org/blog/storybook-8-2/) — This release focuses on _testing_ with new test hooks for parity with other popular testing tools, portable stories for reuse in other testing and docs tools, and more. Storybook also has [an all new docs site](https://storybook.js.org/) with ‘getting started’ guides for specific frameworks like [Next.js](https://storybook.js.org/docs/get-started/frameworks/nextjs), [Angular](https://storybook.js.org/docs/get-started/frameworks/angular) and [SvelteKit.](https://storybook.js.org/docs/get-started/frameworks/sveltekit) Michael Shilman (Storybook) [react-movable: Drag and Drop for Lists and Tables](https://github.com/tajo/react-movable) — Vertical drag and drop for lists and tables with no additional markup needed. Accessible and touch device friendly. [Demos here.](https://react-movable.pages.dev/?story=list--basic) Vojtech Miksu 📰 Classifieds [Automatically creates & maintains E2E UI tests](https://www.meticulous.ai?utm_source=react_status&utm_campaign=july31st). Zero flakes. Backed by YC, CTO of GitHub, CPO of Adobe, CEO of Vercel. --- 🦑 [React Rally](https://ti.to/react-rally/react-rally-2024/discount/ReactStatus) is back! Aug 12-14 Park City UT, workshops, learning, and networking. Use discount code [ReactStatus](https://ti.to/react-rally/react-rally-2024/discount/ReactStatus) for 25% off. [Vaul: A Simple Drawer Component](https://vaul.emilkowal.ski/) — Try the demo on the homepage. It’s simple, clean, and fast, while also being incredibly flexible as [these examples](https://github.com/emilkowalski/vaul?tab=readme-ov-file#examples) show. Emil Kowalski [react-range: Accessible Range Input with a Slider](https://github.com/tajo/react-range) — Accessible and customizable. [Numerous examples here.](https://react-range.pages.dev/?story=range--basic) Vojtech Miksu - [React Virtuoso 4.8](https://virtuoso.dev/) – Complete React virtualization rendering list/table/grid family of components. Now with horizontal list support. - [react-native-picker-select 9.2](https://github.com/lawnstarter/react-native-picker-select) – Emulates the native `