React 17 released

This week's React news, links, and libraries

#211 — October 21, 2020 Read on the Web React Status Your weekly React news digest, every Wednesday React 17.0 Released — Two months ago, we featured the RC release of React 17, but now it's here for real. Not a lot has changed with the focus on quiet, subtle changes, making apps easier to upgrade gradually in future, and also to make it easier to embed React apps into apps built with other technologies. Dan Abramov and Rachel Nabors React 17's New JSX Transform Added to React 16.4.0, 15.7.0 and 0.14.10 React on Twitter Managing Long-Running Tasks with Web Workers — Getting around UI-blocking tasks with this technique can unlock your app's performance and give the users the experience they expect. Let Web Workers take care of your slow running scripts in the background. Chidi Orji Explore This Powerful Grid for Your Data-Heavy React Apps — The KendoReact Data Grid is one of the most powerful and fast React grid components out there. From must-have features such as paging, sorting and filtering, to being able to handle hundreds of thousands of data items, it has it all. See it in action. Progress KendoReact sponsor Svelte for Sites, React for Apps? — Web sites display content whereas web apps are for interaction. These are two totally different things, so Swyx asserts. If that's in fact the case, why use the same tools to build both? Shawn Wang Building a Pannable, Zoomable Canvas — Digital mapping proved that panning and zooming are natural and intuitive ways to navigate content which exceeds available screen real estate. This series of well explained and well illustrated examples brings the same concept to any app. Jonathan Clem 💻 Jobs Senior Software Engineer (React + Rails) [Remote] — A modern fleet management software, remote-first culture, passionate about creating delightful user experiences for thousands of customers. Fleetio Find a Job Through Vettery — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers. Vettery 🧑‍💻 Interested in running a job listing in React Status? There's more info here. 🛠 Tutorials & Stories What Vue.js Does Better Than React — "I love and use React daily but was curious if there's anything from Vue that React could learn from. Turns out there is! This post collects my findings." Harry Wolff The Context API: Lightweight State Management — If your application is anything more than a single page, you need to be concerned about maintaining state. However, you may not require a full-blown state managment solution like Redux. For more modest requirements, the Context API may be all you need. Priyanshu Saraf Supercharged Testing with Wallaby.js — As if by magic Wallaby.js continuously runs your tests and immediately reports results back to your code editor even before you save the file. The real time feedback should result in more robust code. Kelvin Omereshone Redesigning the Design Process: How to Work More Efficiently in 2020 — To help product teams in 2020, here are five changes to speed up, improve, and iterate on the design process. Shopify Partners sponsor Rendering React on the Edge with Flareact and Cloudflare Workers — Josh works at Vox Media, one of the Web's biggest publishers (think The Verge) and rendering pages quickly is important for them given they sell ads. Here, he introduces Flareact, an edge-rendered React framework built for Cloudflare Workers. Josh Larson Speechly: Build Voice User Interfaces — We have Siri, Alexa and Cortana to thank for making app users believe they would rather talk to their devices than touch them. Is it time you added a voice interface for your app? Ottomatias Peura How to Unit Test Your Gatsby Blog with React Testing Library Emma Goto 🛠 Code and Tools supported by React Flow 6: Build Node-Based Editors and Diagrams — Although it has been around for a while, React Flow has just hit its sixth major release. The examples provide a succinct and inspiring summary of what's available and certainly warrant another look. GitHub repo. wbkd React PayPal JS: Abstract Away Complexities of Loading the JS SDK — The PayPal JavaScript SDK is essential if you want to tightly integrate PayPal into your app, but that has proven tricky to do in a componentized way. Thankfully a solution is at hand. PayPal Getting Started with OpenTelemetry in Node.js OpenTelemetry sponsor TakeNote: Simple Notes App with Markdown Support — Completely devoid of features you don't want or need, this is a developer-focused tool for taking notes using the ubiquitous and easy-to-learn Markdown syntax. Tania Rascia React Native Loading Spinner Overlay — Rather than your app looking like it's ready to go when things are still being loaded, use this to make it clear what's going on. Spontaneous react-native-dialog: A Pure JavaScript React Native Dialog Matteo Mazzarolo

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