---
title: "React 17 released"
publication: "React Status"
issue: 211
published_at: "2020-10-21"
canonical_url: "https://react.statuscode.com/issues/211"
---

This week's React news, links, and libraries       

#211 — October 21, 2020 

[Read on the Web](https://react.statuscode.com/issues/211)   React Status Your weekly React news digest, every Wednesday  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1603273959/xae5skcjd29rilbrdywq.png)](https://reactjs.org/blog/2020/10/20/react-v17.html)  

[React 17.0 Released](https://reactjs.org/blog/2020/10/20/react-v17.html) — [Two months ago](https://react.statuscode.com/issues/201), 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](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) 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](https://twitter.com/reactjs/status/1316810405646344192?s=19) 
React on Twitter   

[Managing Long-Running Tasks with Web Workers](https://www.smashingmagazine.com/2020/10/tasks-react-app-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](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers) take care of your slow running scripts in the background. 

Chidi Orji   [![\](https://copm.s3.amazonaws.com/1742950c.png)](https://www.telerik.com/kendo-react-ui/grid/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-trial-grid&utm_content=primary) 

[Explore This Powerful Grid for Your Data-Heavy React Apps](https://www.telerik.com/kendo-react-ui/grid/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-trial-grid&utm_content=primary) — 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](https://www.telerik.com/kendo-react-ui/grid/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-trial-grid&utm_content=primary). 

Progress KendoReact sponsor   

[Svelte for Sites, React for Apps?](https://www.swyx.io/svelte-sites-react-apps/) — Web _sites_ display content whereas web _apps_ are for interaction. These are two totally different things, so [Swyx](https://www.swyx.io) asserts. If that’s in fact the case, why use the same tools to build both? 

Shawn Wang   

[Building a Pannable, Zoomable Canvas](https://jclem.net/posts/pan-zoom-canvas-react) — 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\]](https://apply.workable.com/fleetio/j/10106DAD9C/) — A modern fleet management software, remote-first culture, passionate about creating delightful user experiences for thousands of customers. 

Fleetio   

[Find a Job Through Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — 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.](https://booking.cooperpress.com/jobs)_  

🛠 Tutorials & Stories   

[What Vue.js Does Better Than React](https://hswolff.com/blog/what-vuejs-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](https://t.co/ZZhFT6pG0V?amp=1) — 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](https://redux.js.org). For more modest requirements, the [Context API](https://reactjs.org/docs/context.html) may be all you need. 

Priyanshu Saraf   

[Supercharged Testing with Wallaby.js](https://www.smashingmagazine.com/2020/10/supercharge-testing-react-applications-wallabyjs/) — As if by magic [Wallaby.js](https://wallabyjs.com) 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](https://www.shopify.com/partners/blog/design-process?utm_campaign=become+a+partner+cooperpress&utm_medium=sponsored&utm_source=newsletter&utm_term=react+status) — 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](https://blog.cloudflare.com/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](https://www.theverge.com/)_) and rendering pages quickly is important for them given they sell ads. Here, he introduces [Flareact](https://flareact.com/), an edge-rendered React framework built for Cloudflare Workers. 

Josh Larson   

[Speechly: Build Voice User Interfaces](https://www.speechly.com/blog/voice-user-interfaces-for-react/) — 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](https://dev.to/emma/how-to-unit-test-your-gatsby-blog-with-react-testing-library-3l9i) 
Emma Goto     

🛠 Code and Tools   

supported by [![Okta\](https://res.cloudinary.com/cpress/image/upload/v1602154330/de7dtktheistsfpqdem4.png)](https://developer.okta.com/?utm_campaign=newsletter_cooperpress_all_multiple_inc_dev_sponsored-section_null&utm_source=cooperpress&utm_medium=cpc)    

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1603274193/ew6yxywgx5thsdoknu3p.png)](https://reactflow.dev/)  

[React Flow 6: Build Node-Based Editors and Diagrams](https://reactflow.dev/) — Although it has been around for a while, React Flow has just hit its sixth major release. The [examples](https://reactflow.dev/examples) provide a succinct and inspiring summary of what’s available and certainly warrant another look. [GitHub repo](https://github.com/wbkd/react-flow). 

wbkd   

[React PayPal JS: Abstract Away Complexities of Loading the JS SDK](https://github.com/paypal/react-paypal-js) — The [PayPal JavaScript SDK](https://developer.paypal.com/docs/business/javascript-sdk/javascript-sdk-reference/) 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](https://opentelemetry.lightstep.com/js/nodejs-setup?utm_campaign=react&utm_source=cooper&utm_medium=Email) 

OpenTelemetry sponsor   

[TakeNote: Simple Notes App with Markdown Support](https://github.com/taniarascia/takenote) — 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](https://daringfireball.net/projects/markdown/syntax) syntax. 

Tania Rascia   

[React Native Loading Spinner Overlay](https://github.com/joinspontaneous/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](https://github.com/mmazzarolo/react-native-dialog) 
Matteo Mazzarolo         

This issue was curated by Terence C. Gannon and edited by the Cooperpress team. 

A **[Cooperpress](https://cooperpress.com/)** publication. 

[Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom