#264 — November 10, 2021 |
|
|
Meet Hydrogen: Shopify's React Framework for Dynamic, Contextual and Personalized E-Commerce — Hydrogen 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 a final release (that's due next year) but is a public developer preview. 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: Introduction 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 |
|
|
Using React Query for Any Slow Operations, Not Just API Requests
|
|
A 10 Question React Code Review Routine
|
|
Common React Hook Mistakes You Should Avoid
|
|
Building an Encyclopedia With React and Wikipedia Search API
|
🛠 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 Library — Recoil 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 Library — Bluetooth 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 Client — Axios 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 |
|