How Rachel Nabors went from comics to React core

Plus more tutorials, releases, and libraries. |

#​246 — July 7, 2021 Read on the Web React Status ⚛️ Your weekly React news digest, every Wednesday 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 Jobs JavaScript Developer @ Kinsta — Join our ownership-embracing team of JS developers in a relaxed environment where culture is as important as technical excellence. Kinsta Senior Full-Stack Software Engineer (USA) — Ready to do your best work in a team that truly supports you? Join a culture that values autonomy, freedom, and collaboration. REAKTOR 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. Hired 📘 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 ⚡️ Quick Bits: Interesting projects which you may have missed: React Marquee Slider — A solid implemention of this trendy feature as illustrated with these examples. React Search Field — Probably all the search field functionality you'll need. React Native Easing Gradient — Beautiful looking gradients are hard. Easing makes them easier. React Rounder — Probably not what you think. React Social Login Buttons — Give your users every conceivable option for logging in.

This issue was curated by Terence C. Gannon and edited by the Cooperpress team. A Cooperpress publication. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom