DEV Community

Cover image for This Week In React #132: Astro, Remix, Server Components, useGlobalState, Next.js, Redwood, Expo Router, Expo Image...
Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at thisweekinreact.com

 

This Week In React #132: Astro, Remix, Server Components, useGlobalState, Next.js, Redwood, Expo Router, Expo Image...

Hi everyone!

This week we have some nice releases with Astro 2.0 and Remix 1.11. Also some interesting content around Server Components.

React-Native is not left out with Expo Router in release candidate, Expo Image in beta, and a new solution to create Android widgets.

I was invited to the show Learn With Jason - Create and deploy a documentation website in which Jason makes his first steps on Docusaurus.

Discover the ES.next News newsletter, a good source of information to keep up to date on the evolution of the JavaScript language, the TC39 committee and JS tooling like ESLint, Babel, Bun, Prettier...


πŸ’‘ Subscribe to the official newsletter to receive an email every week!

banner


πŸ’Έ Sponsor

refine

refine - 100% open-source, headless React framework for building CRUD apps

Get ready to take your skillset to the next level! We are thrilled to launch an Open Source refine Hackathon

You can win $1500 and special swag kits!

We are excited to collaborate with Strapi, Appwrite, Meilisearch, and Medusa. They are sponsoring the refine Hackathon and the winners will get a swag kit from each of them!

More information about the Hackathon.


βš›οΈ React

Astro 2.0

Astro 2.0

Astro releases its v2. New features highlighted:

  • Content Collections: Automatic type-safety for Markdown & MDX.
  • Hybrid Rendering: Static? Dynamic? Get the best of both worlds.
  • Redesigned Error Overlays
  • Improved Dev Server (HMR)
  • Vite 4.0
  • Public Roadmap

See also the article Introducing Content Collections: Type-Safe Markdown in Astro 2.0. It's about validating the front matter with Zod, to be able to use this data in a typed way in React components, and to have good error messages displayed with a good DX when front matter data that doesn't respect the schema. Definitely a good idea, by the way Docusaurus does it too 😜.


Remix 1.11

Remix 1.11

A nice Remix release with the main new features:

  • defer + <Await> to initiate a streamed response. The loader can return promises that will be awaited later on the client side.
  • Route Convention v2: a new convention (flat routes) that can be activated now and will become the default convention in v2.
  • Experimental support for CSS imports, CSS Modules, Vanilla Extract.


πŸ“± React-Native

Expo Router RC

Expo Router v1 Release Candidate

Expo Router proposes to create your mobile navigation (still based on React-Navigation) using file-system naming conventions, as do most React web frameworks already. We can find the usual features like layout routes, dynamic routes, error boundaries...

The most interesting for me: the universal support. Navigation is based on links, a <Link> component and Metro web support (experimental). Now that the native part of Expo is working well, I wouldn't be surprised to see Expo gradually become a universal full-stack framework, and realize Andrew Clark's prediction.



πŸ§‘β€πŸ’» Jobs

πŸ§‘β€πŸ’Ό Lab - Frontend Developer - Hybird Remote, London

Join the Riverr agency as a frontend developer, working on client projects using modern technologies, such as React, Next.js, TypeScript. A 4/day week job.

πŸ§‘β€πŸ’Ό TLDR - Senior Software Engineer (Remote, $120k-200k)

The TLDR newsletter is hiring its first engineer to help build out the hiring platform along with other internal projects. Looking for someone with experience shipping side projects or on small teams, with experience in Next.js and Postgres/Supabase.

πŸ§‘β€πŸ’Ό Callstack - Senior React Native Developer - Fully Remote, PLN 21-32k net on B2B, monthly

Do you want to work on the world's most used apps? Would you like to co-create the React Native technology? Join the Callstack team of React & React Native leaders. Check our website for more details. We are looking forward to seeing your application - show us what you've got!

πŸ§‘β€πŸ’Ό G2i - 100% Remote React Native Jobs

We have several roles open for developers focused on React Native! Pay is ~160k plus 10% bonus. You must have production experience with RN and be based in the US. DM @gabe_g2i to learn more and don't forget to mention This Week in React.

πŸ’‘ How to publish an offer?


πŸ”€ Other


🀭 Fun

alt

Top comments (0)

Visualizing Promises and Async/Await πŸ€“

async await

☝️ Check out this all-time classic DEV post on visualizing Promises and Async/Await πŸ€“