DEV Community

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

Posted on • Originally published at thisweekinreact.com

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

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

Top comments (2)

Collapse
 
flashblaze profile image
Neeraj Lagwankar

Woah! A lot of things happened in this week (or last) for sure! Thanks for putting this list up.

Collapse
 
sebastienlorber profile image
Sebastien Lorber

πŸ™ Thanks for reading