DEV Community

Cover image for This Week In React #89: Remix, Remotion, Preact, Nextra, Relay, JSI, Skia, SwiftUI, TypeScript, web3...
Sebastien Lorber
Sebastien Lorber

Posted on

This Week In React #89: Remix, Remotion, Preact, Nextra, Relay, JSI, Skia, SwiftUI, TypeScript, web3...

Hi everyone!

I have a newsletter called This Week In React. I thought you may be interested to read its content on Dev directly, let me know if you like it.

This is a calm week for React in terms of content and announcements.

Remix continues to benefit from great marketing from its early adopters.

Did you know: React hooks could have been called "augmentors" 🤔

🙏 Support the newsletter 🙏

React

Some Thoughts on Server State in Remix

An interesting thought on the management of state and server calls in Remix, which is designed to work with as well as without JavaScript on the client side. It can fall back to plain old browser behavior and JS is just a bonus.

Run Next and Remix on the same server

An interesting setup, which shows that we can mix Remix and Next.js inside the same Node.js server. This help design an incremental migration strategy to adopt or assess Remix.

Remix, SQLite, and Prisma, Oh my!

Another nice demonstration of the features of Remix. Being able to call Prisma from loader functions is quite powerful. It reminds other solutions like Next.js (but in a more co-located way) and server components.

Remotion 2.6

Latest release for this React video production lib. The Remotion player is now stable. A new Error Overlay and an Audiogram template. The next release will surely be 3.0 with AWS lambda serverless rendering support and the ability to encode videos very quickly!

Extras:

💸 Sponsors

Remixtape - Modern SaaS boilerplate for building better websites

Jumpstart your next SaaS with the modern Remix boilerplate that includes everything you need to build better websites.

Save months of development time and skip implementing standard functionality like authentication, account management, sessions, subscription payments, billing management, teams, transactional emails, and more.

Remixtape gives you a solid foundation to build great web apps today and scale with you tomorrow.

Sébastien's readers get a special 30% OFF discount. Grab it here!

React-Native

A React Native Engineer Builds A SwiftUI App

A React-Native dev trying SwiftUI. Knowledge of React and its declarative model is reusable. Positive feedback on animations, navigation and the SwiftUI "hot reload". Mixed feedback on error messages, nested syntax, and a few other details.

Extras:

Partners

  • Start React Native: learn everything about gestures and animations with William Candillon
  • React-Native Weekly: stay up-to-date React-Native core updates
  • TypeScript Weekly: the best TypeScript links every week, right in your inbox.
  • ES.next News: learn about the latest in JavaScript and cross-platform tools
  • Tailwind Weekly: all things Tailwind CSS, new issue every Saturday
  • G2i: pre-vetted remote React & React-Native developers you can trust on contract or full-time basis
  • Infinite Red: US React-Native experts making your idea a reality
  • Software Mansion: the co-creators of React Native and the technological core of many tech companies

Other

How not to learn TypeScript

Great article from Stefan Baumgartner, full of good advice with which I fully agree. This should make it easier to get started with TypeScript and to gradually increase your skills without tears and pain. TIL about the noEmitOnError flag.

A New Container Query Polyfill That Just Works

Chris Coyier's analysis on a new polyfill for container queries: a new, eagerly awaited CSS feature extremely useful for the encapsulation of responsive design (media queries) in component-based frameworks like React. This polyfill looks usable today for client-rendered apps, if you need SSR support it will unfortunately lead to FOUC until browsers support this.

My first impressions of web3

Great post about the "web 3" from the Signal app creator, showing some surprisingly weird things in the current state of blockchain and NFT technologies. Many great answers from Web 3 leaders (like Vitalik). Also worth reading: The Myth of Decentralization and Lies about Web 2.0.

NAPI-RS v2

This lib allows Node.js to interact efficiently with Rust code, and is increasingly used in our modern frontend tooling. V2 is a backward compatible rewrite that resolves some existing limitations, provide some automated binding files generations and new features. WebAssembly support planned.

Extras:

Image description

Discussion (0)