--- title: "Server Actions fly the nest" publication: "React Status" issue: 359 published_at: "2023-10-25" canonical_url: "https://react.statuscode.com/issues/359" --- Plus some choice parts of the React docs, magical motion, and Storybook 7.5. | #​359 — October 25, 2023 [Read on the Web](https://react.statuscode.com/issues/359) Together with [![Zoho\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_1280,h_546/e_make_transparent/co_white,e_outline:12/llvfvz1zj9yz21siepd8.jpg)](https://zoho.to/rsc) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/a03hxzdae6p7p2qhwzng.jpg)](https://twitter.com/reactjs/status/1716573234160967762) 🐦/𝕏 [`'use server'` / Server Actions Now in React Canary](https://twitter.com/reactjs/status/1716573234160967762) — No blog post – just a Twitter/X thread – but the React team has announced Server Actions (_and_ [Client Actions](https://twitter.com/reactjs/status/1716573569193476467)) are available in the latest [React Canary release](https://react.dev/blog/2023/05/03/react-canaries). Providing a way to run functions created alongside your components on the _server-side_, they’re now ready for adoption by libraries and frameworks, with the team seeking feedback before they arrive in a stable release. There’s also [some basic docs.](https://react.dev/reference/react/use-server) React Team on X / Twitter [The 9 Best Recommendations in the New React Docs](https://blog.testdouble.com/posts/2023-10-16-react-docs-recommendations/) — The latest React docs include all sorts of recommendations on how to best write React code and Josh picks out several of his favorites covering areas like data fetching, extracting shared code into functions, and where to define components. Josh Justice [![\](https://copm.s3.amazonaws.com/223bd17e.jpeg)](https://zoho.to/rsc) [Serverless, AI & ML, Backend, DevOps All on One Platform](https://zoho.to/rsc) — Catalyst by Zoho is the simplest pro-code development platform that can meet all of your custom development needs. Build ML pipelines, create AI-powered chatbots, migrate legacy applications, and so much more. Sign up for a free trial now! Catalyst by Zoho sponsor [React Magic Motion: Automagical Animation for Components](https://www.react-magic-motion.com/) — Built on top of [Framer Motion](https://www.framer.com/motion/) so you get all of its features, but with opinionated, default transitions for child components. Less effort on your part and Just Works™. [GitHub repo.](https://github.com/etesam913/react-magic-motion) Etesam Ansari _IN BRIEF:_ - 📅 [Next.js Conf 2023](https://nextjs.org/conf) takes place online _tomorrow_. [Here's the speaker lineup.](https://nextjs.org/conf/speakers) They [launched Next.js 13](https://nextjs.org/blog/next-13) last time, so it's worth keeping an eye on. - It's not _quite_ there, but the React-powered [Docusaurus](https://docusaurus.io/) documentation site builder is _almost_ at v3.0 with [v3.0-rc0 now released.](https://github.com/facebook/docusaurus/releases/tag/v3.0.0-rc.0) If you're a user, you can already begin [thinking about the forthcoming upgrade.](https://docusaurus.io/docs/next/migration/v3) - ▶️ Got several hours spare? Jack Herrington streamed [the entirety of last week's React Advanced London 2023 event](https://www.youtube.com/watch?v=hn_L56ypX1A) on his YouTube channel. Luckily there are timecodes pointing you to the individual talks.. 😉 🔁 [The Tao of React: Design, Architecture & Best Practices](https://alexkondov.com/tao-of-react/) — A classic post on the topic of ‘best practices’ that’s so perennially popular in the React world. This was our most visited link in 2021, but is [🐦 still recommended by the author](https://twitter.com/alexanderkondov/status/1716781594550169946) if you’re looking for some common sense practices to apply. Alex Kondov [Adding Screen Capture Functionality to a React Native App](https://blog.logrocket.com/adding-screen-capture-functionality-react-native/) — Explore how and why you might use the `react-native-view-shot` library to implement screen capture in a React Native app. Nitish Sharma [Accelerate Development by Deploying Your App to Strapi Cloud🚀](https://strapi.io/cloud?utm_campaign=Cooperpress&utm_source=ppc&utm_medium=React-Status-Newsletter&utm_term=Strapi-Cloud) — Use code `REACTSTATUS` to get 30% off your first 3 months before November 10th, 2023. Start your free trial today. Strapi sponsor [Web Animation for Your React App: Framer Motion vs GSAP](https://semaphoreci.com/blog/react-framer-motion-gsap) — A comparison of two different animation approaches, namely Framer Motion and GSAP, with the benefits, drawbacks, differences, and setup of each. Amoo and Fernandez (Semaphore) [How Our (React-Based) Browser Extension Became Lightning Fast](https://cascaspace.substack.com/p/optimizing-performance-how-our-extension) — Brief case study covering simple tactics used to improve performance. Casca Space 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/lyp28phm2tlr4tqgydfm.jpg)](https://storybook.js.org/blog/storybook-7-5/) [Storybook 7.5: The Popular UI Component Workshop](https://storybook.js.org/blog/storybook-7-5/) — It’s no longer React exclusive, but Storybook gains plenty of React oriented improvements including much faster startup times for React TypeScript projects, improved Next.js support, as well as Vite 5 support. Michael Shilman 📖 I enjoyed reading about [Storybook's early history](https://storybook.js.org/blog/the-storybook-story/) – a post I hadn't seen at the time. It's amazing how it has progressed from being a project that was, at one time, abandoned. [MDX 3: Use JSX in Your Markdown Content](https://mdxjs.com/blog/v3/) — Despite the major version number, it’s a relatively small release in terms of features, though you can now use ES2024 syntax as well as `await`, where supported by your underlying framework. There’s a [v2 to v3 migration guide.](https://mdxjs.com/migrating/v3/) Titus Wormer [Headless Hashnode: A Headless Blogging Approach for Developers](https://hashnode.com/headless) — Hashnode is a popular blogging platform for developers and it now has a headless mode so you can use Hashnode’s platform for writing your posts but then render them out for yourself. A Next.js ‘starter kit’ is offered to get you up and running quickly. Hashnode - [Jotai 2.5](https://github.com/pmndrs/jotai/releases/tag/v2.5.0) – Primitive, flexible state management for React. - [React Joyride 2.6.2](https://react-joyride.com/) – Create guided tours in your apps - [Tremor 3.10](https://github.com/tremorlabs/tremor) – React library for building dashboards fast. 📰 Classifieds 💻 Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. [Create a free profile now](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). --- 📧 If you're a Node.js developer, be sure to check out [Node Weekly](https://nodeweekly.com/) – our sister newsletter focused on everything Node-side. [The latest issue](https://nodeweekly.com/issues/507) just landed yesterday. 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