--- title: "Promises, promises.." publication: "React Status" issue: 310 published_at: "2022-10-19" canonical_url: "https://react.statuscode.com/issues/310" --- Plus a React to htmx migration story, Storybook goes all in on Vite, and the React Native team seeks your feedback. | #​310 — October 19, 2022 [Read on the Web](https://react.statuscode.com/issues/310) 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/remix/?utm_source=reactstatus&utm_medium=email&utm_content=remix) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/k4mtpwqhtagheowl61xg.jpg)](https://github.com/reactjs/rfcs/pull/229) [Discussing First Class Support for Promises in Client _and_ Server-Side Components](https://github.com/reactjs/rfcs/pull/229) — There’s a lot going on here! At the core of the discussion is [a proposal for adding first class support for reading the result of a promise using Suspense](https://github.com/acdlite/rfcs/blob/first-class-promises/text/0000-first-class-support-for-promises.md) which ultimately leads to official support for using Suspense for data fetching. At the heart of this idea on the _client_ side is a new, _conditional_ [hook called `use`.](https://github.com/acdlite/rfcs/blob/first-class-promises/text/0000-first-class-support-for-promises.md#conditionally-suspending-on-data) If you want to see the thrashing out and development of a new React idea _live_, this is the one to watch.. The React Community 💡 If, like me, you learn better from examples, [here are code examples](https://github.com/acdlite/rfcs/blob/first-class-promises/text/0000-first-class-support-for-promises.md#basic-examples) of simple server-side and client-side components using the idea under discussion. [![\](https://copm.s3.amazonaws.com/f8dc1d9c.jpg)](https://frontendmasters.com/courses/remix/?utm_source=reactstatus&utm_medium=email&utm_content=remix) [The Remix Fundamentals](https://frontendmasters.com/courses/remix/?utm_source=reactstatus&utm_medium=email&utm_content=remix) — Join Kent C. Dodds for this detailed video course and get up to speed on all things Remix — the full stack web framework. This course covers nested routing, mutations, progressive enhancement, prefetching, error handling, and much more. Frontend Masters sponsor [_Storybook_ Baking in First Class Support for Vite](https://storybook.js.org/blog/first-class-vite-support-in-storybook/) — Storybook, a popular UI component ‘workshop’ tool, is re-architecting itself around first-class [Vite](https://vitejs.dev/) support with zero config setup, no Webpack required, faster startup, and instant reloads. Improved pnpm support is next on the roadmap. v7.0 is now available in a ‘late alpha’ stage – installation instructions are included in the post. Ian VanSchooten (Storybook) [A Real World React to htmx Migration Story](https://htmx.org/essays/a-real-world-react-to-htmx-port/) — [htmx](https://htmx.org/) is a library that essentially 'turbo charges' HTML by letting you use numerous JavaScript and Web API features by way of custom HTML attributes. It offers a _very_ different approach to React, but a Python-based team found it worked better for them and it’s a neat case study as long as you appreciate the context they’re coming from. David Guillot [Lessons Learned in Moving to Recoil.js](https://kitemaker.co/blog/lessons-learned-from-moving-to-recoil) — [Kitemaker](https://kitemaker.co) recently moved to [Recoil](https://recoiljs.org) (a state management library from Facebook, but _not_ the React team) to help remove unnecessary re-renders in their React app: this is what they learned along the way. Kevin Simons (Kitemaker Blog) **IN BRIEF:** - ❓ The React Native team is [seeking your feedback](https://github.com/react-native-community/discussions-and-proposals/discussions/528) on how to improve the project's developer experience. - Microsoft is [previewing support for SSR and ISR with Next.js](https://techcommunity.microsoft.com/t5/apps-on-azure-blog/extending-next-js-support-in-azure-static-web-apps/ba-p/3627975) on its _Azure Static Web Apps_ platform. [Creating a World-Class Code Playground with Sandpack](https://www.joshwcomeau.com/react/next-level-playground/) — A couple of months ago we featured the release of CodeSandbox’s Sandpack, a toolkit for creating your own ‘live code editor’ components. Josh Comeau shows off how to actually use it to good effect to boost your blog posts, courses, etc. Josh W Comeau [How to Use Google Sheets as a Database from React](https://thenewstack.io/how-to-use-google-sheets-as-a-database-with-react-and-ssr/) — Google’s _Sheets_ isn’t going to power the world’s next big social network by any means, but there are some interesting advantages to be had by using it for smaller apps. This post demonstrates a way to hook things up by way of a serverless function. Paul Scanlon [Live Event: Visual Workflow Automation, Now with Code](https://retool.com/events/workflows-developer-preview/?utm_source=sponsor&utm_medium=newsletter&utm_campaign=cooperpress) Retool sponsor ▶[Tic Tac Toe in React with HTML and CSS](https://www.youtube.com/watch?v=xmafw9OpNhs) — For those newer to React a simple, clear application objective implemented from start to finish. _(21 minutes.)_ Chris Power ▶[A Next.js Crash Course](https://www.youtube.com/watch?v=uU80SSxn9_c) — There are a lot of such videos, but this is a well recorded and up to date one so it might help you get the lay of the Next.js land if you’re just starting out with it. _(2 hours 30 minutes)_ Anson Foong [How to Create a React Dropdown](https://www.robinwieruch.de/react-dropdown/) — There's also a precusory write-up for [creating a ‘select’ component](https://www.robinwieruch.de/react-select/). Robin Wieruch 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/kqlccfwnh7t7hadpeujp.jpg)](https://github.com/Simonwep/selection) [Selection: A Library to Enable Visual DOM Element Selection](https://github.com/Simonwep/selection) — For example, if you want users to be able to drag a box around various elements they want to select. Touch device friendly. Has wrappers for use with React, Preact and Vue too. ([Live demo.](https://simonwep.github.io/selection/)) Simon Reinisch [Offline Support for React Native is Here! Try V5 of Stream's Chat SDK](https://getstream.io/blog/react-native-sdk-v5/?utm_source=ReactStatus&utm_medium=Promoted_Newsletter&utm_content=Developer&utm_campaign=ReactStatus_October2022_ReactNativeBlogSDK_klmh22) Stream sponsor [TamoTam: An Open Source, Social 'Offline Events' Mobile App](https://github.com/tamotam-com/tamotam-app) — A reader has submitted this project which is both a social project he’s working on, but also an example of building a React Native app on both Android and iOS along with tying together a variety of patterns and dependencies. Daniel Danielecki [react-modal-sheet](https://github.com/Temzasse/react-modal-sheet) — Flexible, ‘buttery smooth’ bottom sheet component built with [Framer Motion](https://www.framer.com/motion/). Teemu Taskula [use-modal-hook](https://github.com/alexanderkhivrych/use-modal-hook) — A hook for controlling modal components. - [React Icons 4.6](https://github.com/react-icons/react-icons) ↳ Bring popular icons into React apps with SVG. - [React Styleguidist 13.0](https://react-styleguidist.js.org/) ↳ Isolated React component dev environment. - [SVGR 6.5](https://github.com/gregberge/svgr) ↳ Turn SVGs into React components. - [Jotai 1.8.6](https://github.com/pmndrs/jotai) ↳ Flexible state management approach. - [React Virtuoso 3.1.1](https://github.com/petyosi/react-virtuoso) ↳ Powerful virtual list component. - [Reapop 4.2](https://louisbarranqueiro.github.io/reapop/) ↳ Customizable toast-like notifications. - [React-Select 5.5](https://react-select.com/home) ↳ Elegant, featureful `select` component. - [Preact 10.11.2](https://github.com/preactjs/preact) Jobs [React Developer at Cisco (Remote in Europe)](https://jobs.cisco.com/jobs/ProjectDetail/Frontend-developer-Engineer/1376507?ref=joblist.app) — Join the Cyber Vision team where we develop a leading cyber-security solution tailored for industrial customers and help us build our future versions. Cisco [Find React Jobs with Hired](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) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired This issue was curated by Terence C. Gannon and Peter Cooper and edited by the Cooperpress team. 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