#238 — May 12, 2021 |
API Design for a React Tree Table — A well-illustrated, step-by-step tutorial for building an emulation of the macOS Finder for navigating through hierarchical data. The documentation is complete and well-organized and source code is available. It's always good when someone clearly lays out the challenges they faced when building something like this. Robin Wieruch |
📷 Vision Camera 2.0: A Powerful Camera for React Native Apps — This second major release includes frame processors which enable QR code scanning, facial recognition, AI-enabled object detection, realtime video chats and more. Homepage. Cuvent Technologies UG |
New & Updated Course: Complete Intro to React v6 with Brian Holt — Learn to build real-world applications using modern React. Much more than an intro, you’ll start from the ground up, getting to using the latest features in React, including hooks, effects, context, and portals, plus piecing together tools from the entire React ecosystem. Frontend Masters sponsor |
htmr 1.0: HTML String to React Element Conversion Library — The 1.0.0 release of this lightweight, focused library which enables direct rendering of custom React components from the HTML returned from an API. Fatih Kalifa |
A Complete Guide to Building a Grocery Delivery UI with React Native — If you want to start the next big grocery delivery service (or more likely just learn how such apps work for your own ends!) this isn't just a useful tutorial but is full of links to the various bits and pieces you can pull together to build such an app. Sophia Martin |
📅 React Contributor Days in May 2021 — Suffering from live conference withdrawal? Hopefully you won’t have to wait much longer but, for now, you can have the next best thing: attending 'contributor days' which has a great line-up of speakers. But you had better hurry: it’s tomorrow! This Dot Media |
|
📘 Tutorials and Stories |
Reducing HTML Payload with Next.js — Bookaway, a transportation booking platform, had to reduce the size of their HTML pages to provide a better user experience and, in turn, improve discoverability with major search engines. Liran Cohen |
Zustand’s Guide to Simple State Management — Yet another contender in the simple state management sweepstakes, the author first explains Zustand's key differentiators and then follows with illustrative examples. Madushika Perera |
React vs React Native: Differences, Advantages and Limitations — Valuable reading if you’re contemplating the migration of your React app to mobile devices (or the other way ‘round if it’s written using React Native). Abhishek Kothari |
A React App That Tracks the Orbit of the International Space Station InfluxData sponsor |
Migrating an Existing Next.js Project to Netlify — If you’re ready to take advantage of the performance, reliability and cost reduction benefits of cloud infrastructure, this tutorial walks through the exact steps required for this paid platform. Cassidy Williams |
Ten Mistakes to Avoid When Using React — While these are opinions, of course, your code will benefit from implementing at least some of these recommendations. The Educative Team |
|
react-use-please-stay: Animate the Document Title when Focus is Lost or Regained — There is, of course, a demo available. Chris Frewin |
react-native-image-cache: React Native Image Cache with Progressive Loading — Improve your users’ experience by progressively focusing the image as its download completes. georstat |
Nextra: Next.js Based Static Site Generator — The simplest way to a get a static Next.js site up and running brought to you by the creators of Next.js itself. Vercel |
[Free Download] Guide to Effective Feature Management — Learn feature management practices to accelerate release cycles and deploy every 6 hours, instead of every 6 weeks. LaunchDarkly sponsor |
Gestalt: Enforcing Pinterest's Design Language — In case you think Pinterest has gone away, 400 million active users make it the third most popular social media site behind Facebook and Instagram. |
Rollbar React SDK: Real-Time Alerts on Errors — Just like a real rollbar which helps prevent or reduce injuries in the event of a crash, Rollbar provides real time error alerts when used in conjunction with their paid service. Rollbar |
The Official React Components for Stream Activity Feed — A comprehensive implementation complete with a Getting Started guide, an example app, a Component Reference as well as support for i18n. Stream |
|