9 New React and JavaScript Links for February 2022

I often collect links that I am interested in, such as those about React and JavaScript! Here are nine links to some of the articles I saved that I think are worth sharing.

• Remix's seed round of funding, Remix opens its source after getting funding, which seems like a wise move. It only supports React at the moment, so I think everyone will ask how it compares to Next.js. They have answered this question. For us CSS developers, it is worth noting again that Kent mentioned: "Because Remix allows me to easily control which CSS files are on pages at any given time, I don't have all the problems that lead to the JavaScript community inventing workarounds like CSS-in-JS."

• React Router v6 Speaking of this team, they released React Router v6, which seems like a positive move – all hook-based, 50% smaller than v5 – but this is another major release with API changes. React Router has a history of API changes like this that can cause a lot of complaints in the community. There are also many complaints this time.

• React Aria comes from Adobe's "a React Hooks library that provides accessible UI primitives for your design system." Very interesting. It looks like there are some pretty tricky issues solved here, such as FocusScope ("focus is included in range when containedprop is set") and interesting color inputs such as useColorField, useColorSlider, and useColorWheel. There are 59 hooks in total, from interactions and forms to overlays and internationalization, and many other hooks in between.

• Front-end tables: Sort, Filter and Pagination Tania Rascia: "One of the things I have to do in every job I have ever worked is to implement a table with sort, filter and pagination capabilities on the front end of the application." It's not shameful to use a large library with all of these features, but sometimes it's better to do it yourself.

• Good advice on JSX conditional statements Vladimir Klepov covers (quirkfully) many methods that can make fairly simple conditional statements go wrong, such as the number 0 leaking into your tags, and how to manage updates and remounts in conditional statements.

• useProseMirror I've found in the past that ProseMirror is a very good rich text editor. The library itself isn't actually in React, so I think it's a wise choice to create a modern React wrapper for it here.

• The more work you do on text input using useDeferredValue to speed up slow inputs the onChange function performs on text input, the more severe the input latency you introduce. "useDeferredValue provides us with a way to separate high priority updates from low priority updates to deal with this."

• ? Getting started with WebAssembly cartoon If you don't know what WebAssembly is, Lin Clark will let you know in this video from JSConf EU in 2017. So, not a new link, but new to me!

• ? Turborepo Demo and Walkthrough Vercel acquires Turborepo. Turborepo specializes in improving monorepo. As the main code base is people who use Lerna and Yarn Workspaces' monorepo, so we can have multiple different sites sharing design systems and other content, which is just what we like. The video was co-produced by Turborepo creator Jared Palmer and Lee Robinson, director of developer relations at Vercel. In this video you can see how everything works.

The above is the detailed content of 9 New React and JavaScript Links for February 2022. For more information, please follow other related articles on the PHP Chinese website!