React Router v6, a major rewrite

#​264 — November 10, 2021

Read on the Web

React Status
⚛️ Your weekly React news digest, every Wednesday.

Meet Hydrogen: Shopify’s React Framework for Dynamic, Contextual and Personalized E-CommerceHydrogen is an under-development React-powered framework bringing technologies like React Server Components and Vite into play for building entirely custom storefronts on the Shopify ecommerce platform. Note that it is not public yet but “in early access preview” with a final release due next year.

Ilya Grigorik (Shopify)

React Router v6 Released — “Built from scratch using React hooks” headlines the new version of React Router. It’s the first major release with breaking changes to the API in four years and it’s intended to replace all previous versions along with the experimental Reach Router. It’s also being used as a core for Remix “a new web framework that is going to help you build better websites”.

Michael Jackson (Remix)

🤔  Want to learn more about React Router 6? Robin Wieruch already has a tutorial for you to follow.

New & Updated Course: Complete Intro to Gatsby with Jason Lengstorf — Learn to build blazing-fast apps and websites with React using Gatsby, covering all angles from using GraphQL to store and retrieve data, image optimization, displaying third party data in components, right through to deployment.

Frontend Masters sponsor

Code of Frankenstein: Iteratively Migrating ASP.NET MVC Razor to React and TypeScript — An account of what you could face should you need to migrate a codebase from a long-in-the-tooth Microsoft-oriented development stack.

Tyson Nero

Teaful: Tiny, Easy and Powerful React State Management — A new entrant (most recently known as Fragstore) into the React state management sweepstakes for the smallest solutions. At less than 1KB, this library is a strong contender in that department.

Aral Roca

Jobs

[EU] JavaScript Developer, Preferably with React Knowledge — New hires get a “buddy” who will guide you through the company, code and the process. Newest technologies, development possibilities and satisfaction 🙂

LastMinute.com

Senior Mobile Developer (React Native/Node) – Remote — Join Sippd.com, the Forbes Next1000 startup changing how users find and buy alcohol with AI & computer vision. We’re looking for a generalist that loves growth hacking and taking big bets.

Sippd

Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.

Hired

Using React Query for Any Slow Operations, Not Just API Requests

Swizec Teller

A 10 Question React Code Review Routine

Chak Shun Yu

Common React Hook Mistakes You Should Avoid

Piumi Liyana Gunawardhana

Building an Encyclopedia With React and Wikipedia Search API

Ekekenta Odionyenfe

🛠 Code and Tools

React Freeze: Prevent React Component Subtrees From Rendering — Uses the Suspense mechanism introduced in React 17 to ‘freeze’ component subtrees so they don’t unnecessarily re-render when they’re not visible to the end user.

Software Mansion

Recoil 0.5: A New Version of the ‘Experimental’ State Management LibraryRecoil is the ‘Reactish’ approach to state management from the team at Meta Experimental (formerly Facebook Experimental) where their leading edge initiatives are developed.

Meta Experimental

How To Use and Customize the KendoReact DatePicker Component

Progress KendoReact sponsor

Reactstrap 9.0: Stateless React Components for Bootstrap 5 — Here’s how to get started with it.

reactstrap

React Native BLE PLX: Low Energy Bluetooth LibraryBluetooth Low Energy is a technology used heavily in the wearable health and fitness peripheral space. This library opens up React Native integration with these devices.

Intent

axios-hooks: Hooks for the Long Standing HTTP ClientAxios is a mature, and still very popular, promise-based HTTP client.

Simone Busoli

React Date Picker 4.3.0: A Simple and Reusable Date-Picker Component — A mature option that continues to get frequent updates. Demo here.

HackerOne

React Firebase Hooks — Further simplifying React’s integration with Firebase taking its inspiration from RxFire.

CS Frequency

gatsby-starter-ts: Gatsby + TypeScript Starter Project — A starter template for the increasingly popular tool combination for static site generation.

João Pedro Schmitz

⚡️ Quick Bits:

react-animated-numbers — Make your app’s users feel like their lottery numbers have finally come in. Demo.

react-showroom — Document your components from their TypeScript definition.

react-paginate — Break long lists into manageable pages.

react-chicane — “A simple and safe router for React and TypeScript”.

Leave a Reply

Your email address will not be published. Required fields are marked *