Remixing Shopify: The Remix Project is Joining Shopify — Shopify, the Canadian e-commerce platform, is well known as a Ruby shop but also does a lot of front-end stuff, such as building the React-powered Hydrogen framework. It appears they see Remix’s full-stack approach as a good way forward for building Shopify apps, and they have a good reputation as a steward for such projects.

Michael Jackson (Remix)

New Course: Remix Fundamentals — Join Kent C. Dodds for this detailed video course and get up to speed on all things Remix — the full stack web framework. This course covers nested routing, mutations, progressive enhancement, prefetching, error handling, and much more.

Frontend Masters sponsor

Responsive Figma-to-React Components with Little Code in Amplify Studio — If you’re using Figma in your interface design process, AWS’s Amplify Studio now has some enhancements for creating responsive components through its so-called ‘Figma-to-Code’ process. Build variants and customize your breakpoints and Amplify Studio generates the React components with your "design decisions built in."

Amazon Web Services

Flutter vs. React Native: Which is the Right Framework for You? — Even if you’re heavily into React, Google’s Flutter has probably popped up on your radar if you want to build a cross-platform app upon a single codebase. Isaac compares these two popular and competing options.

Isaac Lyman (Stack Overflow)

Code Coverage with Storybook Test Runner — Coverage reports can show you how much of your code is actually executed during testing and allow you to find untested edge cases – something you’ll definitely have as your app picks up more and more possible UI states. Storybook test runner now generates coverage reports to help with this and supports React, Svelte and Vue out of the box.

Yann Braga (Storybook)

When Should You Build or Buy Geofencing & Location Infrastructure?

Radar sponsor

🧊  Creating 3D Graphics from React — If you’ve been intending to incorporate 3D into your React project, but don’t know quite where to start, this is an ‘assumes nothing’ (or very little) approach to the subject.

Favour Ogbonda (OpenReplay)

Creating a Nested Dropdown for Material UI (MUI) — A follow up to Robin’s example from last week about creating a regular dropdown.

Robin Wieruch

Markdoc 0.2: A Flexible, Markdown-Based Authoring Framework — Markdoc is an extension of Markdown but with extra features you’ll need when working with blog posts or documentation you want to share. It’s used for Stripe’s public docs site, but you can bring it into your own systems. GitHub repo.

Stripe

React Arborist 2.0: A 'Tree View' Component — A robust, fully-featured tree component (arbor is Latin for tree). There are a couple of demos if you want to see it in action.

Brim Data

Zigi: The Automated Workflow Assistant Built for Devs & Their Teams

Zigi sponsor

React 17, Bootstrap 5 and Material Design 2.0 UI KIT — Brings together a variety of Bootstrap themes, templates and tools into a single ‘starter kit.’ GitHub repo.

MDBootstrap

JSON Crack: Visualize JSON Data in Graph Form — Got JSON, want to view it? This is a neat tool for working with and displaying JSON data structures. You can play with it online, embed the graphs into your site, or download them for further use.

Aykut Saraç