Sรฉbastien Lorber
Sรฉbastien Lorber

Follow

Sรฉbastien Lorber

Follow
This Week In React #130: Next.js, callback ref, Zod, Redux, React-Hook-Form, Redux, mdxjs-rs, Tamagui, Skia, Shopify, Solid...

This Week In React #130: Next.js, callback ref, Zod, Redux, React-Hook-Form, Redux, mdxjs-rs, Tamagui, Skia, Shopify, Solid...

Sรฉbastien Lorber's photo
Sรฉbastien Lorber
ยทJan 4, 2023ยท

8 min read


series: This Week In React canonical_url: https://thisweekinreact.com/newsletter/130

Hi everyone and happy new year 2023 ๐Ÿพ๐Ÿฅ‚๐Ÿฅณ๏ธ

In this holiday season, there was still quite a bit of activity with a Next.js release and some great React articles. And the React-Native ecosystem has been particularly active as well, with Tamagui, TypeScript support and 2 Shopify articles.

You are now over 15000 subscribers reading me every week ๐Ÿ˜

Thanks for your loyalty and contribution to the growth of this project. I'll be doing a 2022 retrospective soon to reveal everything. In the meantime, you'll find lots of info on my Indie Hackers page.

The newsletter is back early: I postponed my ski week, because there is not much snow ๐Ÿ˜… Next edition on January 17th.

Oh, and I finally managed to create a viral meme ๐Ÿฅฒ


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

banner


๐Ÿ’ธ Sponsor

React Bricks is a CMS with visual editing based on React components

React Bricks is a CMS with visual editing based on React components

It's flexible for Developers: create your own design system using React components, add Visual editing in your JSX and add sidebar controls to edit props like the background color. Choose Next.js, Gatsby or Remix and any CSS framework you like!

It's easy for Content editors who can directly edit in a visual way without breaking the design system: much easier than editing abstract entities using gray fields, as in a headless CMS. And you save time, as Content editors are autonomous!

It's enterprise-ready with Collaboration, Time-machine, Single Sign-on, GDPR-compliant datacenters, Global CDN for optimized images, E-commerce integration, Scheduled publishing and more.

Get started here: ReactBricks.com


โš›๏ธ React

Next.js 13.1

Next.js 13.1

A new minor version with a lot of improvements, including:

  • app directory improvements and bugfixes

  • TypeScript plugin, great DX

  • Module transpilation

  • Turbopack and benchmarks improvements

  • SWC plugin to transform imports

  • Edge runtime now stable for API routes, and advanced middleware



๐Ÿ’ธ Sponsor

Developer Nation Survey - Do you want to make an impact on the developer ecosystem?

Do you want to make an impact on the developer ecosystem?

Based on the latest State of the Developer Nation report, React is by far the most popular client-side library as it is used by 58% of web developers who use client-side web frameworks. What are your thoughts?

Take part in the most complete survey Developer Nation has ever created, shape the key trends among developers for 2023 and win amazing prizes! ๐ŸŽ

Upon completion you will get free access to our Virtual Goody Bag. Don't forget to sign up to enter the weekly draws. Among the 250 prizes you can find a ThinkPad L15 Gen 3, an Intel NUC 10 Performance Mini PC, IoT kits, an iPad Air, gift cards, Udemy courses, tech accessories, and many more.

Start here!


๐Ÿ“ฑ React-Native

Tamagui 1.0

Tamagui 1.0

Tamagui is officially out of beta, and makes it easy to create cross-platform projects (web and mobile) based on the same codebase in React, without losing on DX or performance. The project is divided into 3 parts:

  • Tamagui Core: a CSS-in-JS runtime on top of React-Native and React-Native-Web-Lite

  • Tamagui Static: a Babel-based compiler and Node pre-evaluation that supports view flattening and atomic CSS style extraction

  • Tamagui UI: a library of React components and hooks for ease of use

Tamagui is an innovative project with positive feedback from styling and cross-platform thought leaders. It could be interesting even if you only target one platform. The support of React 18 features like Server Components, Concurrent Mode is already there. Worth giving it a try!


React Native Skia: A Year in Review and a Look Ahead

React Native Skia: A Year in Review and a Look Ahead

William Candillon makes a nice retrospective of the React-Native-Skia project. As a reminder, Skia is Google's 2D engine, used by Chrome, Android, Flutter... They have significantly improved the performance with UI Thread Rendering and a new declarative Skia DOM API. The library is flexible and can be extended (Skottie, VisionCamera frame processing). In 2023, we can expect to see animations via worklets, a more powerful integration with Reanimated, or text layout.



๐Ÿง‘โ€๐Ÿ’ป Jobs

๐Ÿง‘โ€๐Ÿ’ผ Product Engineer at Causal, Remote/London/NY, $150-250k

Causal is a Series A Startup (backed by Coatue/Accel) building an all-in-one tool for working with numbers and visualizing data. We're looking for strong React engineers who can solve difficult UX/performance challenges.

๐Ÿง‘โ€๐Ÿ’ผ 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

Did you find this article valuable?

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

Learn more about Hashnode Sponsors
ย 
Share this