Skip to main content

πŸ“¨ #130: Next.js, callback ref, Zod, Redux, React-Hook-Form, Redux, mdxjs-rs, Tamagui, Skia, Shopify, Solid, Bun...

Β· 9 min read
SΓ©bastien Lorber
Newsletter Editor - Docusaurus maintainer

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 πŸ₯²

πŸ’‘ Check this newsletter on Twitter - visual format 🎨

As always, thanks for supporting us on your favorite platform:

Don't miss the next email!

    πŸ’Έ 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

    Don't miss the next email!

      πŸ’Έ 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


      Don't miss the next email!