This Week In React #128: SWR, Vite, Codux, Storybook, Next.js, Forget, Nylon, Paper, align-deps, INP, Zod, Tauri...

This Week In React #128: SWR, Vite, Codux, Storybook, Next.js, Forget, Nylon, Paper, align-deps, INP, Zod, Tauri...

Dec 14, 2022ยท

7 min read


We are entering the Christmas season, and React bloggers are reducing the pace. On my side, I will skip 2 editions.

Still, we have some nice releases and articles to discover. I really liked the article about font layout shifts.


๐Ÿ’ก 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

SWR 2.0

SWR 2.0

New major release for the Vercel data-fetching library. Various improvements listed, including:

  • New useSWRMutation hook

  • Simplified Optimistic UI

  • Browser extensions: SWR DevTools

  • An imperative preloading API

  • Improved React 18 support


Vite 4

Vite 4

Vite is a frontend tool that keeps growing in popularity. This latest version now uses Rollup 3, which greatly simplifies the management of Vite's internal assets. There are now 2 React plugins with different tradeoffs:


Codux - Visual IDE for React projects

Codux - Visual IDE for React projects

Nadav is co-founder of Wix and presents us his new project, a visual IDE for React (and soon other frameworks). It's not about replacing your current IDE, but rather about completing it. Codux allows you to work on a component in isolation, including editing props and styles via a visual interface. The video Meet Codux should help you understand better. It's a bit like Storybook, but with the ability to edit, and a bidirectional synchronization with your code.



๐Ÿ’ธ 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


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

For even more fun, it's all there!

This Week In React - Fun Thread

Did you find this article valuable?

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