#247 — July 14, 2021 |
A Checklist for Freelance React Developers — Robin covers a variety of things to think about if you’re an independent React developer who needs to seamlessly get involved with existing teams and projects. Robin Wieruch |
One React Mistake That's Slowing You Down — Are you jumping from passing props to using context too quickly? Here’s the case for why Kent C. Dodds thinks you might be. Kent C. Dodds |
Learn React (Hooks) Interactively with Flashcards — Learn modern React from scratch, and practice in an intuitive environment. Throughout this course, you will build an online supermarket shopping app with Stripe integration. REACT-TUTORIAL.APP sponsor |
Breaking Down Bulky Builds With Netlify and Next.js — Even though the article is sponsored by Netlify, the author makes a compelling case for how to improve static site build times using On-Demand Builders and Incremental Static Regeneration. Átila Fassina |
How We Built React Components for Any Front End — Courier, the fee-based service for adding messaging capability to your app, created components using React which their customers use to render Courier components, regardless of which front-end is being employed. Riley Napier |
Not All Components Are Created Equal — There have been a number of past attempts to lump components into broad categories which were mostly eschewed by the React community. Despite that, the authors advocate for a new taxonomy based on three component classes. Emily Bartman and Phil Plückthun |
📘 Tutorials and Stories |
React Fragments: What Every React Developer Should Know — As a general rule, React components can only return one HTML element which can lead to the DOM being unnecessarily nested. React Fragments provide an efficient workaround to this problem. Antonello Zanini |
How to Cancel Pending API Requests to Show Correct Data — A user rapidly clicking around your app’s UI may result in API requests not completing before being superceded by subsequent API requests. Cancelling the outdated API request ensures only correct data is displayed. Georgi Nikoloff |
OpenTelemetry and Distributed Tracing for Mobile Applications Lightstep sponsor |
▶ How to Integrate PayPal Payments in React — A short video tutorial on how your app can accept PayPal payments even from those who don’t have PayPal accounts. Michael Kitas |
How to Improve Your Developer Experience with React, Hooks and Redux Toolkit
|
Why We Decided to Rewrite Our iOS and Android Apps from Scratch — In React Native
|
|
🛠 Code and Tools |
React Virtual 2.8.0: Hooks for Virtualizing Scrollable Elements — With a single headless hook you can work with row, column and grid level virtualization, get imperative scrolling when needed, custom scrolling function support, and more. Lots of CodeSandbox demos here too. Tanner Linsley |
Network-Viewer: HTTP Archive File Viewing For Humans — An example of React being used to create an internal web utility, complete with source code. Check out the example. Tiaan du Plessis |
React 3D Carousel — A nice, incremental improvement on more basic, ‘flat’ carousel components used for viewing galleries of images. Suhail C |
Fre: Small Footprint Concurrent UI for Fiber — Inspired by React, “one of the smallest and fastest UI libraries” implements concurrent mode and off-screen rendering to enhance performance. Yisar |
Berry: A Free Admin Template Built with React and Material UI CodedThemes |
|