This Week In React #156: Server Actions, Stale Closures, React Falls Behind, Expo Builds, Suspense Throttling, React-Aria, Natuerlich, Obsidiosaurus..

This Week In React #156: Server Actions, Stale Closures, React Falls Behind, Expo Builds, Suspense Throttling, React-Aria, Natuerlich, Obsidiosaurus..

Aug 17, 2023ยท

6 min read


Hi everyone!

This week, we've got many articles from the React and React-Native community, and the latest Expo Launch Party announcements. Some articles are very long, and I didn't have time to read them all.

๐Ÿ“ท I've been too busy creating the newsletter's Instagram account! I plan to post visual React news and tips there, including the best memes I couldn't include here ๐Ÿคญ.

๐Ÿง‘ I've also removed the Jobs section, which didn't add much: I'll see later how to reintegrate it.

๐Ÿ‘ฅ For React-Native devs: React Native EU (Wrocล‚aw/Poland, 7-8 September) is offering us a -15% discount on admissions.


๐Ÿ’ก Subscribe to the official newsletter to receive an email every week!

banner


๐Ÿ’ธ Sponsor

Enterprise Grade APIs for Feeds, Chat, & Video!

Enterprise Grade APIs for Feeds, Chat, & Video!

Stream is the maker of enterprise-grade APIs and SDKs that help product and engineering teams solve two common problems at scale: in-app chat and social activity feeds.

With Stream, developers can integrate any type of messaging or feed experience into their app in a fraction of the time it would take to build these features from scratch. Stream Chat makes it easy for developers to integrate rich, real-time messaging into their applications.

Stream provides robust client-side SDKs for popular frameworks such as React, React-Native, Expo, Flutter, Android, Angular, Compose, Unreal, and iOS. Unlock enterprise-grade features, functions, and UI components completely free for your startup or side project with the Maker Account.

Try the new React Video tutorial!


โš›๏ธ React

Can React Server Actions finally fix forms?

Can React Server Actions finally fix forms?

A great introduction to Server Actions, a forthcoming React feature that has already been integrated into Next.js 13.4 (experimental). Includes a short tutorial on uploading a video with a title. Server Actions can return a response to give feedback to the user, but it's clear that this isn't yet an ideal DX.

In my opinion, Server Actions should aim to fully support progressive enhancement. This probably requires to introduce a "flash" API to manage feedback without any client-side JavaScript. This exists in many backend frameworks, and Remix offers a (session.flash()) API. Related info that might interest you: with action.$$FORM_ACTION you can extend React's progressive enhancement behavior.



๐Ÿ’ธ Sponsor

CoderPad: Code together before you work together

CoderPad: Code together before you work together

Hiring front-end developers is hard. ๐Ÿ˜ฉ But 4,000+ engineering teams โ€” including at Netflix, Spotify and LinkedIn โ€” have found a better way! ๐Ÿค  Skip the algorithm interviews and run front-end interviews in a fully customizable and collaborative IDE - where you can:

  • drag and drop a React (and Angular or Vue) repo

  • add packages with npm install

  • let candidates use ChatGPT live in the interview

  • watch & share code playback after the interview

Use CoderPad to run fast, fair and real coding interviews that candidates and interviewers trust. Sign up for free today & hire with confidence.


๐Ÿ“ฑ React-Native

Expo Preview - Fully customizable builds on EAS Build

Expo Preview - Fully customizable builds on EAS Build.

Expo has come up with a new system for EAS Build that allows you to customise the flow with a Yaml file, which should give you a lot of flexibility to use the monorepo tools of your choice (Nx, Turbo, Rush...) or add your own CI steps. It looks quite similar to GitHub Actions. TIL: it seems EAS is using Fastlane on iOS builds.



๐Ÿ”€ Other


๐Ÿคญ Fun

alt

See ya! ๐Ÿ‘‹

Did you find this article valuable?

Support Sรฉbastien Lorber by becoming a sponsor. Any amount is appreciated!