Counting your children
#251 — August 11, 2021
React Children and Iteration Methods — You might think you’ve learnt everything about iterating over React’s .children prop. However, this detailed review of the .toArray method may reveal a few things of which you were not aware.
▶ Create a Dashboard App Based on a Figma Design — Figma is an increasingly popular tool for designing apps of all kinds, so it’s great to see another instalment in this informal series walking through the concrete steps of turning an idea into a design, and then into a React-powered reality.
Frontend Masters sponsor
How to Build Force Directed Graphs with React and D3 v7 — A step-by-step build from no movement to the ‘full bells and whistles’ complete with code sandboxes to play with.
A Visual Guide to React Rendering: Props — The second of three parts of this author’s series, each part of which employs a series of simple GIF animations to clearly illustrate the rendering behaviour of React. It’s really helpful to understand what is actually going on.
Why You Should Stop Using The “Container/Presentational” Pattern in Redux (.. Or Not!) — A dramatic, concrete assertion right in the title almost invites differing points of view (maybe that’s the author’s intent?) and this article is no exception. After reading, you will want to review the ensuing discussion on Reddit where Redux expert Mark Erikson chipped in.
Frontend Engineer (React, New York) — Dovetale helps Shopify merchants like KontrolFreek and Italic grow their creator community. Built in NYC and backed by Uber founders.
Senior Frontend Engineer – React (Remote) — With over 7 million clients, Kraken is one of the world’s largest, most successful bitcoin exchanges.
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.
How One Conditional Can Entangle Your React App — A cautionary exploration of how a lack of intentional composition can impact your React project.
Jason Lee Hodges
Using Websockets with React with No Library Needed
Tagged Template Literals—The Magic Behind Styled Components
Catching Errors in React with Error Boundaries
🛠 Code and Tools
Ant Design Team
Rooks: 63 Custom React Hooks — It’s almost inevitable the hook for which you’re looking, or something close to it, is in here somewhere. Now well into its fifth major release.
Uber Open Source
react-infinitegrid — A key element in keeping websites sticky is the much-loved (or hated?) infinite grid. You will run out of patience before it does. From the well-respected Korean search engine, NAVER.
⚡️ Quick Bits:
React Chat Widget — Chat pop-ups are everywhere. Here’s one for your app.
LeafView — “An image viewer for minimalists.”