---
title: "⚛️ #58: Are React's Functional Components Worth The Cost?"
publication: "React Status"
issue: 58
published_at: "2017-10-13"
canonical_url: "https://react.statuscode.com/issues/58"
---

react status 58   

This week's React news -[Read this on the Web](https://react.statuscode.com/issues/58) 

[react status](https://react.statuscode.com) Issue 58     

[Debounce Your React and Redux Code to Improve Performance](https://medium.com/gitconnected/debounce-react-and-redux-code-for-improved-performance-4b8d3c19e305?utm_source=reactnl&utm_medium=email) — ‘Debouncing’ is a mechanism for limiting the number of intensive calculations (e.g. only make a request or update something every 500ms at most). Trey Huffine [Next.js 4 Released with Perf and Styling Upgrades](https://zeit.co/blog/next4?utm_source=reactnl&utm_medium=email) — A new version of Next.js, a framework for building universal React apps, is out with support for React 16 and a major upgrade to its styling engine. ZEITnews [Introduction to Vue.js with Sarah Drasner](https://frontendmasters.com/courses/vue/) — Get up and running in a hurry with the Vue.js JavaScript framework. Learn how to build and maintain complex applications quickly and efficiently in this practical guide to Vue.js by Sarah Drasner. Frontend Masterssponsored [![\](https://copm.s3.amazonaws.com/d69ae24d.png)](https://frontendmasters.com/courses/vue/) [Setting Up Webpack, Babel and React From Scratch, Revisited](https://stanko.github.io/webpack-babel-react-revisited/?utm_source=reactnl&utm_medium=email) — An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from. Stanko Tadić [7 Reasons to 'Outlaw' React’s Functional Components](https://medium.freecodecamp.org/7-reasons-to-outlaw-reacts-functional-components-ff5b5ae09b7c?utm_source=reactnl&utm_medium=email) — Are React’s functional components worth the cost? Cory House [React Sight: Visualize Your React Apps](http://reactsight.com/?utm_source=reactnl&utm_medium=email) — A Chrome extension that shows visualizations of the structure of your running React app in the DevTools. He, Kang and Sallytools [Getting A High Progressive Web App Score On React and Material-UI](https://medium.com/@denisdegtiarev/getting-high-progressive-web-app-score-on-react-material-ui-4a4a080643d6?utm_source=reactnl&utm_medium=email) — Basic techniques used to get a high score for a sample app based on a stack of React, Redux and Material-UI. Denis Degtiarev [[Webinar\] Build Better React Apps Faster with Kendo UI for React](http://www.telerik.com/campaigns/kendo-ui/build-ui-react?utm_medium=newsletter&utm_source=reactstatusweekly&utm_campaign=kendo-ui-webinar-r317react) — In this webinar we’ll show you the power of Kendo UI and how easy it is to use it in your React development. Kendo UIsponsored [End-to-End Testing on a React-Redux App](https://medium.com/@darioghilardi/end-to-end-testing-on-a-react-redux-app-10f5a26f2f61?utm_source=reactnl&utm_medium=email) — A developer shares his workflow for E2E testing. Dario Ghilardi [React, Inline Functions, and Performance](https://cdb.reacttraining.com/react-inline-functions-and-performance-bdff784f5578?utm_source=reactnl&utm_medium=email) — Thoughts about premature optimization and the performance of inline functions. Ryan Florence [Blasting React Into Space: Fluid Interfaces with React & WebGL](https://www.youtube.com/watch?v=DJ-oSy0tN_U&utm_source=reactnl&utm_medium=email) Ashi Krishnanvideo [Quick Tip: Returning Multiple Elements The Right Way in React 16](https://www.youtube.com/watch?v=cvS5o86wRfE&utm_source=reactnl&utm_medium=email) Antonio Calapezvideo [Announcing Assert(js) – An All JavaScript Testing Conference](https://www.assertjs.com/) OK GROW!news sponsored [Behind the Scenes of 7 React Conferences](https://hackernoon.com/behind-the-scenes-of-react-conferences-dd23e44fa1f1?utm_source=reactnl&utm_medium=email) — A report on seven different React events that took place this year, with tips, highlights and pros/cons of each. Gant Laborde [Redux Explained in 30 Seconds](https://dev.to/ross/reduxjs-in-30-seconds-5hj?utm_source=reactnl&utm_medium=email) Ross Creighton [Vuera: Use Vue Components in React, and React Components in Vue](https://github.com/akxcv/vuera?utm_source=reactnl&utm_medium=email) Alexander Komarovcode [A Node, React and GraphQL-Powered Hacker News Clone](https://github.com/clintonwoo/hackernews-react-graphql?utm_source=reactnl&utm_medium=email) Clinton D'Annolfocode [React Reveal: 'Reveal on Scroll' Animations for Content](https://rnosov.github.io/react-reveal-demo/?utm_source=reactnl&utm_medium=email) — Do you want things fading, spinning, or zooming into view as the page is scrolled? Here you go. Roman Nosovcode    [Read this issue on the Web](https://react.statuscode.com/issues/58) [See our archives](https://react.statuscode.com/issues) [Stop getting this newsletter](*|UNSUB|*)  

Published by [Cooperpress](https://cooperpress.com/)
Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK