--- title: "Dan Abramov takes React back to the future" publication: "React Status" issue: 339 published_at: "2023-05-17" canonical_url: "https://react.statuscode.com/issues/339" --- Plus lots of component library releases, a React with TypeScript tutorial series, alternatives to Vercel, and Lisa Simpson makes an appearance. | #​339 — May 17, 2023 [Read on the Web](https://react.statuscode.com/issues/339) Together with [![Storyblok\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_500,h_100/e_make_transparent/co_white,e_outline:7/pi39lhmxzhcqyja90jku.png)](https://www.storyblok.com/a/try-storyblok-for-free-v2-jl?utm_source=react_status&utm_medium=email&utm_campaign=DGM_SIG_CP_LEA&utm_content=reactstatus_newsletter_MAY23) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ou7porlepmnjflmskpim.jpg)](https://www.youtube.com/watch?v=zMf_xeGPn6s) ▶[_React from Another Dimension_ with Dan Abramov](https://www.youtube.com/watch?v=zMf_xeGPn6s) — At Remix Conf 2023, Meta’s Dan Abramov (of both React and Redux fame) gave an illuminating talk about server-side components and server actions, by way of thinking about what React _might_ have been like if the modern JavaScript ecosystem had blown up 15 years earlier than it did, complete with some Windows XP vibes. _(42 minutes.)_ Dan Abramov on YouTube [Introducing Legend-State 1.0: Build Faster Apps Faster](https://legendapp.com/open-source/legend-state-v1/) — _Another_ state management solution? Yes, indeed. After a year of effort, Legend State 1.0 is here and claims to be the fastest option _“on just about every metric”_ and they have [the benchmarks to prove it.](https://github.com/LegendApp/legend-state#2-%EF%B8%8F-the-fastest-react-state-library) Whatever the case, this thorough intro is worth a look. [GitHub repo.](https://github.com/LegendApp/legend-state) Moo․do [![\](https://copm.s3.amazonaws.com/12dbd2ae.png)](https://www.storyblok.com/a/try-storyblok-for-free-v2-jl?utm_source=react_status&utm_medium=email&utm_campaign=DGM_SIG_CP_LEA&utm_content=reactstatus_newsletter_MAY23) [Cut Development Time in Half](https://www.storyblok.com/a/try-storyblok-for-free-v2-jl?utm_source=react_status&utm_medium=email&utm_campaign=DGM_SIG_CP_LEA&utm_content=reactstatus_newsletter_MAY23) — Spend more time building and less on maintenance with Storyblok CMS: All your assets in one place, reusable components, and a simple visual editor so marketing/design/other teams can do things without bugging you. Storyblok sponsor [Considering Alternatives to Vercel](https://javascript.plainenglish.io/dodging-the-vercel-storage-tax-there-are-better-open-source-alternatives-ef04e537b598) — As Vercel’s platform becomes more popular and adds new features like their [new storage options](https://vercel.com/blog/vercel-storage), more folks run up against the reality of pay-as-you-go pricing and start to balance it up against the DX benefits. Prithwish looks at some of the alternative routes. Prithwish Nath [React Server Components, Next.js App Router and Examples](https://addyosmani.com/blog/react-server-components-app-router/) — Addy Osmani’s overview of the state of React Server Components, the Next.js App Router implementation, other implementations, the move towards hybrid rendering, plus some RSC related links. Addy Osmani [React with TypeScript Tutorial](https://www.totaltypescript.com/tutorials/react-with-typescript) — Familiar with React, but not yet had the chance to incorporate TypeScript? This tutorial takes you through the steps to do it in what the author believes is the correct way. _(Note: Starts off openly accessible but email-walled for later portions.)_ Matt Pocock 📅 [JSDayIE 2023: The First JavaScript Conference in Ireland Is Back!](https://www.jsday.ie) — Join us on September 26th in Dublin to experience everything the Irish JavaScript community and Ireland have to offer. JSDayIE sponsor [Using Apollo Client with Next.js 13](https://www.apollographql.com/blog/announcement/frontend/using-apollo-client-with-next-js-13-releasing-an-official-library-to-support-the-app-router/) — Looking at the release of an official (if experimental for now) library to support the App Router approach. Patrick Arminio (Apollo GraphQL) [Creating a 'Spotlight' Effect with React and CSS](https://www.julienthibeaut.xyz/blog/create-modern-spotlight-effect-with-react-css) — Adding just a touch of interactivity to cards and other UI elements. Julien Thibeaut 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/oy05s6jnz6r2jsnwu97m.jpg)](https://ant.design/) [Ant Design 5.5: An Extensive React Component Library](https://ant.design/) — [v5.5](https://github.com/ant-design/ant-design/releases/tag/5.5.0) includes lots of minor enhancements as well as an all new color picker component. Curiously they bill themselves as _“The world’s second most popular React UI framework”_ which got us thinking about [▶️ Garfunkel, Messina, Oates, and Lisa.](https://www.youtube.com/watch?v=FOWYE3iYmoI) Ant Design [Scrollytelling: A Library to Create Scroll Animations with React and GSAP](https://github.com/basementstudio/scrollytelling) — Powered by GSAP’s ScrollTrigger plugin and includes some abstractions to make it work better with React. Try the [example.](https://scrollytelling.basement.studio/) basement․studio [React Authentication, Simplified](https://userfront.com/tutorials/react-authentication?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=brief_link&utm_content=react_authentication) Userfront sponsor [DivMagic: Copy Code From any Page as Tailwind CSS Components](https://divmagic.com/) — A Chrome or Firefox extension to convert elements directly into Tailwind CSS (including colors). Your experiences with it may vary but it’s an interesting idea. You can see it in action [▶️ in this one-minute screencast.](https://www.youtube.com/watch?v=QxPAsDSOIrI) DivMagic [react-flip-toolkit 7.1: A React FLIP Animation Helper Library](https://github.com/aholachek/react-flip-toolkit) — Designed for creating advanced, configurable ‘[FLIP](https://aerotwist.com/blog/flip-your-animations/)-style’ layout transitions. Alex Holachek - [MUI X 6.4](https://github.com/mui/mui-x/releases/tag/v6.4.0) ↳ Advanced components for complex use-cases. - [PrimeReact 9.4](https://github.com/primefaces/primereact) ↳ Extensive UI component library. - [react-native-image-crop-picker 0.40](https://github.com/ivpusic/react-native-image-crop-picker) ↳ iOS/Android image picker. - [react-native-image-colors 2.0](https://github.com/osamaqarem/react-native-image-colors/releases/tag/v2.0.0) ↳ Fetch prominent colors from an image. - [Tremor 2.6.2](https://github.com/tremorlabs/tremor) ↳ Dashboard creation framework. - [React Tooltip 5.13](https://github.com/ReactTooltip/react-tooltip) Jobs [Fullstack Engineer at Everfund.com](https://everfund.notion.site/Fullstack-Engineer-Everfund-com-59115d2975b84fdd97c03d1b8a5a578e) — Push code, change lives! Help us become the center for good causes on the modern web with our dev tools. Everfund [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) — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now. 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