---
title: "React v16.6.0 Released"
publication: "React Status"
issue: 111
published_at: "2018-10-24"
canonical_url: "https://react.statuscode.com/issues/111"
---

This week's React news       

#111 — October 24, 2018 

[Read on the Web](https://react.statuscode.com/issues/111)   

react status 

[![\](https://res.cloudinary.com/cpress/image/upload/v1540298808/cshxgklwafloe9wj527o.gif)](https://www.wix.engineering/blog/finally-a-react-refactoring-tool-introducing-glean)  

[Glean: A Refactoring Tool for React Code](https://www.wix.engineering/blog/finally-a-react-refactoring-tool-introducing-glean) — Glean simplifies and automates some of the most common React-related refactoring operations (e.g. exporting a JSX excerpt into a component) and integrates with VS Code. 

Wix Engineering   

[React v16.6.0 Released](https://reactjs.org/blog/2018/10/23/react-v-16-6.html) — A minor release with ‘a few new convenient features’ including `React.memo` which provides a way for function components to only be rerendered if their props change, a way to do code splitting using Suspense, and an easier way to consume Context from class components. 

Sebastian Markbåge   [![\](https://copm.s3.amazonaws.com/58c9aa3f.png)](https://www.telerik.com/campaigns/kendo-ui/wp-planning-react-app?utm_source=reactstatus&utm_medium=cpm&utm_campaign=kendo-ui-react-whitepaper-planreactapp&utm_content=primary) 

[Learn How to Plan a React Application](https://www.telerik.com/campaigns/kendo-ui/wp-planning-react-app?utm_source=reactstatus&utm_medium=cpm&utm_campaign=kendo-ui-react-whitepaper-planreactapp&utm_content=primary) — Start your next React project with confidence. Learn strategies for tooling, frontend and UX, testing and performance to boost your (and your team’s) productivity. Get your free copy. 

Progress Kendo UI sponsor   

[Getting to Know React DOM’s Event Handling System Inside Out](https://medium.com/the-guild/getting-to-know-react-doms-event-handling-system-inside-out-378c44d2a5d0) — If you wanna step up your React game this article is for you. It will shed some light regards React’s internals and how it handles events. 

Eytan Manor   

[TypeScript Support Now in Create React App](https://github.com/facebook/create-react-app/pull/4837) — It’s not in a final release yet, but it won’t be far away. 

Facebook   

[React Suspense with Netlify Functions](https://www.netlify.com/blog/2018/10/18/react-suspense-with-netlify-functions/) — Netlify Functions (usually a serverless functions service you can use from Netlify’s static site hosting platform) provides a local way to fake a backend API to try out building a Suspense app. 

Shawn 'swyx' Wang   

[Understanding React 16.4's New Component Lifecycle Methods](https://blog.bitsrc.io/understanding-react-v16-4-new-component-lifecycle-methods-fa7b224efd7d) — A hands-on guide to React’s new component lifecycle methods. 

Mahesh Haldar  

💻 React Jobs  

[Work on Uber's Open Source Design Language](https://www.uber.com/careers/list/40899/) — We're developing Base UI, a new React component library for web applications at Uber and beyond. Join our team. 

Uber   

[Join Our Career Marketplace & Get Matched With A Job You Love](https://www.hired.com/react) — Through Hired, software engineers have transparency into salary offers, competing opportunities, and job details. 

Hired  

📘 Articles & Tutorials  

[How to Apply 'SOLID' Principles in React Apps](https://blog.usejournal.com/how-to-apply-solid-principles-in-react-applications-6c964091a982) — [SOLID](https://hackernoon.com/solid-principles-made-easy-67b1246bcdf) is a set of five object-oriented software design principles. 

Tomáš Gold   

[How to Pass Data to `props.children`](https://frontarm.com/articles/passing-data-props-children/) — React makes it easy to pass children to reusable components. But what if those children need to receive data from the component that renders them? 

James K Nelson   

[How to Build a Realtime Chat App with React](https://www.pubnub.com/tutorials/react/chat-basics/?utm_source=OnlineAdvertisement&utm_medium=CooperPress-React&utm_campaign=OE-CY18-Q4-Cooper-Press-React-October-24) — A beginner’s guide to messaging, message history, buddy list, typing indicators, and UI in React. 

PubNub sponsor   

[Tear-Free Forms with React and Formik](https://alligator.io/react/forms-with-react-and-formik/) — Most apps contain at least one form and Formik provides a neat and easy way to manage them. 

Josh Alligator   

[How The New York Times Uses React and GraphQL](https://softwareengineeringdaily.com/2018/10/22/react-and-graphql-at-the-nytimes/) — An hour long chat with James Lawrie and Scott Taylor on how the New York Times refactored their website to incorporate React and GraphQL. There’s a writeup too. 

Adam Conrad   

[How to Run a React Native App on iOS](https://medium.freecodecamp.org/how-to-run-a-react-native-app-on-ios-fc427be3c375) — Understanding what’s actually happening under the hood when running your React Native apps on iOS. 

Soujanya PS   

[React Native vs Flutter vs Ionic vs NativeScript vs PWA](https://academind.com/learn/flutter/react-native-vs-flutter-vs-ionic-vs-nativescript-vs-pwa/) — An interesting comparison based on 8 different metrics. 

Maximilian Schwarzmüller   

[Backing Up and Restoring Kubernetes Objects on DigitalOcean with Heptio Ark](https://www.digitalocean.com/community/tutorials/how-to-back-up-and-restore-a-kubernetes-cluster-on-digitalocean-using-heptio-ark?utm_source=paid_newsletter+react+weekly&utm_medium=display&utm_campaign=2018_Brand&utm_content=10-24-18+react+weekly+cooperpress) 

DigitalOcean sponsor   

[Using Flow Generics to Type Generic React Components](https://medium.com/maxime-heckel/using-flow-generics-to-type-generic-react-components-22dd642634d8) 

Maxime Heckel  

🔧 Code and Tools  

[React Simple Animate: UI Animation Made Simple](https://github.com/bluebill1049/react-simple-animate) — An easy way to perform animations in React. [Demo here](https://react-simple-animate.herokuapp.com/). 

Bill Luo   

[React Redux Loading Bar](https://github.com/mironov/react-redux-loading-bar) — A component that provides a loading/progress bar for long running tasks. 

Anton Mironov   

[Material AutoRotatingCarousel](https://github.com/TeamWertarbyte/material-auto-rotating-carousel) — A Material design-style auto rotating carousel, much in the style of the carousels you see that introduce users to new apps or features. [Live demo here.](https://mui.wertarbyte.com/#material-auto-rotating-carousel) 

Wertarbyte   

[Countdown Clock: An HTML5 Canvas Countdown Clock React Component](https://github.com/pughpugh/react-countdown-clock) 

Hugh Gallagher         

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