#246 — July 7, 2021 |
|
|
Time to Say Goodbye to Enzyme.js? — Enzyme is a long standing React component testing library originally built at Airbnb. However, “the world has already moved - to React Testing Library” claims the author who has a variety of other reasons to consider dropping it. Piotr Staniow |
|
Designing a Dataflow Editor with TypeScript and React — If you want to know what it’s really like to work with TypeScript to build complex React components, this design report is a thorough guide to the considerations involved in building a drag-and-drop, interactive user interface component. Joel Gustafson (AbstractionLab) |
Free Chat & Activity Feed APIs for Qualifying Teams — Unlock enterprise-grade features, functions, and UI components completely free for your startup or side project. Stream sponsor |
|
▶ Rachel Nabors: From Comics in Virginia to React Core at Facebook — React maven Rachel Nabors recounts a most improbable journey from the Blue Ridge Mountains of Appalachia to the centre of the React ecosystem in a fascinating disscussion with hosts Kathy Korevec and Brian Douglas. There's a full transcript if you don't want to listen. The ReadME Project |
|
Elementary: React-Inspired Functional, Declarative Audio Applications — Can writing audio DSP software be “simple, fast and fun”? Not up until now, but Elementary intends to change all that, and thus lowering the barriers to entry for this burgeoning field. Nick Thompson |
|
📘 Tutorials and Stories |
|
Creating a Multi-Author Blog with Next.js — The latest instalment in this informal series of case studies which focus on a big, audacious project goal and then parses it out into a manageable series of steps. Dom Habersack |
|
How to useContext in React — Almost two years on, the author follows up the first part of this two part series on useContext. In this latter piece, he focuses specifically on the useContext hook. Robin Wieruch |
|
Hacking the React AST For Fun and Profit — In a tutorial which is as quirky as it is clever, ‘Swiz’ shows how to hack the paywall on his own recently released book Serverless Handbook for Frontend Engineers. If the objective was to trigger mentions of it, the strategy seems to have worked. Swizec Teller |
|
What’s The Best Place to Host a Next.js Site? — A really detailed look at deploying a Next.js app to Vercel, Netlify, Layer0 and Heroku and rating them based upon a variety of factors. Ondrej Polesny |
🛠 Code and Tools |
|
|
Mantine 2.0: Full Featured React Component Library — We only featured this two months ago but version 2 is already out. It’s an MIT licensed, TypeScript-based collection of now over 100 components and hooks with native dark theme support and a focus on usability and accessibility. Plenty of documentation and examples - we like it. Mantine Team |
|
Tagify: Quickly and Easily Add Tagging to Your React App — Take any text or textarea field and, as if by magic, transform it into a tagging component as illustrated with the author’s well thought out demo. Yair Even Or |
|
The Definitive Guide to Feature Management LaunchDarkly sponsor |
|
Fresnel: Server Side Media Queries? — Media queries are used to handle variations in the hardware’s characteristics such as screen dimensions and resolution. They are typically implemented in HTML/CSS. This library brings them into React and enables a SSR compatible approach. Artsy |
|
react-native-google-cast — Want to add streaming audio and video to your mobile app? This is a React Native wrapper for the Google Cast SDK. React Native Google Cast |
|
gooey-react: Create Custom Animated "Gooey" Blobs — These can be altered as needed with various properties and can work well as loading indicators. See some examples here. Luuk de Vlieger |
|