Roundup December 2024

News and Discoveries around December 2024

Photo by Fujiphilm on Unsplash

Well, it’s the end of 2024. Merry Christmas! Hope you have wonderful holiday.

Roundups

React v19 Stable Release

React v19 finally released! It brings a lot to the table, mainly around the new RSC paradigm and some improvements that a lot of people already requested for a long time.

What’s New

• Actions

• New Hook: `useOptimistic`

• New API: `use`

• React DOM Static APIs

• React Server Components

Improvements

• `ref` as prop, `forwardRef` no longer needed

• `<Context>` as provider, `<Context.Provider>` will be deprecated in future version

• cleanup functions for refs

• built-in Document Metadata Support

• Async scripts support

• Resource Preloading APIs

Read More: https://react.dev/blog/2024/12/05/react-19

Vite v6

https://vite.dev/blog/announcing-vite6

What’s New: Experimental Environment API (read more: https://green.sapphi.red/blog/increasing-vites-potential-with-the-environment-api)

Astro v5

Highlights

• Content Layer → newer version of Content Collections, we’ll still be able to use both side-by-side, hence it’s suggested to migrate into new Content Layer API

• Server Islands

• Simplified Prerendering

• Type-safe environment variables

Read More: https://astro.build/blog/astro-5/

State of JS 2024

State of JS 2024 report is out! Check it out here: https://2024.stateofjs.com/en-US/

Base UI (Alpha)

Headless components are here to stay. It’s now dominated by Headless UI, Radix UI Primitives, and React Aria Components (notable mention: Ark UI, Bits UI, Radix Vue). A new headless component library emerge: Base UI. It has been developed for some years by the team behind MUI and Radix UI (expecting it to bring improvements and more maintained than the current Radix UI). Could we assume it as the successor of Radix UI? Let’s see.

https://base-ui.com/

• Kopi UI: copy paste components based on Base UI

  https://kopi-ui.com

Elysia v1.2

https://elysiajs.com/blog/elysia-12

Highlights:

• Reduced Memory Usage

• Runtime Adapters

Personal Discoveries

Some personal discoveries around December 2024 that might not necessarily the latest or happening or released on December.

• Zero (Alpha) - General Purpose Sync Engine https://bugs.rocicorp.dev/issue/0

  • https://zero.rocicorp.dev/

• Mobile

  • Expo EAS Environment Variables https://expo.dev/blog/environment-variables

• User Interface

  • 21st.dev: npm for design engineers

    • Origin UI https://originui.com/

  • Fulldev UI: Copy Paste components for Astro https://ui.full.dev/

    • https://x.com/silveltm/status/1870887296167481636

  • Ant Design X: AI Apps components https://x.ant.design/

    • https://github.com/ant-design/x/issues/206

  • Roadmap UI: copy paste components to build interactive roadmaps https://www.roadmap-ui.com/

  • MUI Pigment CSS https://github.com/mui/pigment-css

  • Rombo tailwindcss-motion v1.0 https://rombo.co/tailwind/

    • https://x.com/romboHQ/status/1867561163317223934

  • Glaze: Utility based animations https://glaze.dev/

• Toolings, Low Code

  • MUI Toolpad https://mui.com/toolpad/

  • revideo: open-source framework for programmatic video editing based on Motion Canvas https://re.video/

    • remotion alternative?

  • PayloadCMS 3.0 - Next.js Native CMS https://payloadcms.com/blog/payload-30-the-first-cms-that-installs-directly-into-any-nextjs-app

Closing

2024 is a great year, let’s welcome 2025 and see you in the next roundup!

---

Follow me on X or Bluesky

---