---
title: "#63: Performance-Tuning a React App"
publication: "React Status"
issue: 63
published_at: "2017-11-17"
canonical_url: "https://react.statuscode.com/issues/63"
---

react status 63   

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

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

[React Bits: A Compilation of React Patterns and Tips](https://vasanthk.gitbooks.io/react-bits/) — A variety of React-oriented techniques, tips and tricks broken down into 50 digestable chunks. Vasa K [Performance-Tuning a React App: A Case Study](https://codeburst.io/performance-tuning-a-react-application-f480f46dc1a2) — A developer covers the various techniques he tried and tested while optimizing his 10,000 line React app, as well as what it taught him about diagnosing performance issues. Joshua Comeau [🚀 Add PDF Support to Your React App in No Time](https://pspdfkit.com/blog/2017/integrate-pspdfkit-web/?utm_source=reactstatus&utm_medium=email&utm_campaign=nov17) — A step-by-step tutorial on how to display and annotate PDF files inside your React app using the [PSPDFKit JavaScript library](https://pspdfkit.com/pdf-sdk/web/?utm_source=reactstatus&utm_medium=email&utm_campaign=nov17). Features include cross-browser support (IE 11 and up), mobile optimized UI, and no server-side component. PSPDFKitsponsored [![\](https://copm.s3.amazonaws.com/88fe0865.png)](https://pspdfkit.com/blog/2017/integrate-pspdfkit-web/?utm_source=reactstatus&utm_medium=email&utm_campaign=nov17) [Navigating Navigation in React Native](https://medium.com/handlebar-labs/navigating-navigation-in-react-native-26c7e4690f94) — An opinionated take on the current state of _navigation_ in React Native. Spencer Carlinative [Building a React App to Work with Ethereum](https://medium.com/gitconnected/https-medium-com-zubairnahmed-react-ethereum-getting-started-with-the-minimum-toolset-required-part-1-of-4-9562efa23d18) — A four part series (all parts now ready) on creating and working with ‘smart contracts’ on the Ethereum blockchain from a React app. Zubair Ahmed [How Redux Works: A Counter-Example](https://daveceddia.com/how-does-redux-work/) — An attempt to demystify Redux with a ‘backwards approach’. Dave Ceddia [Be a Full Stack Expert. Learn MongoDB Free in M001, MongoDB Basics](https://university.mongodb.com/courses/M001/about?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY17Q4&utm_content=brief&utm_medium=display&utm_source=reactstatus1117) mongodbsponsored [ReactFest: A React Event in London on March 9, 2018](https://reactfest.com/) — The CFP is now open with proposals due by January 15. reactfest.​comnews [Protected Routes and Authentication with React Router v4](https://tylermcginnis.com/react-router-protected-routes-authentication/) — Create routes that only certain users can access based on their auth status using React Router. Tyler McGinnis [Getting From Redux to a State Machine](http://krasimirtsonev.com/blog/article/getting-from-redux-to-state-machine-with-stent) — Stent is a Redux-like library that creates and manages state machines. Krasimir Tsonev [Creating an Accessible React-Powered App](http://www.thesoftwaresimpleton.com/blog/2017/11/05/accessible-react/) — Covers ARIA, keyboard navigation, and more. Paul Cowan [How to Work with Forms, Inputs and Events in React](https://medium.com/capital-one-developers/how-to-work-with-forms-inputs-and-events-in-react-c337171b923b) — How to capture text input and input via other form elements like `input`, `textarea`, and `option`. Azat Mardan [React Native from an Android Developer’s Perspective](https://yalantis.com/blog/react-native-from-an-android-developer-perspective/) Irina Galata [Spectacle 4.0: A React-Based Library for Building Presentations](http://formidable.com/blog/2017/spectacle-4-has-arrived/) Formidabletools [IIoT Developer eBook by Ryane Bohm](https://www.ge.com/digital/iiot-for-developers-ebook?utm_source=React%20Status&utm_medium=Paid%20Display&utm_campaign=https%3A%2F%2Fge-ip.my.salesforce.com%2F7011A000000mQAK&utm_content=nov17) GE Digitalsponsored [react-beautiful-dnd: Attractive, Accessible Drag and Drop for Lists](https://github.com/atlassian/react-beautiful-dnd/releases/tag/v2.6.0) — We’ve linked this before but this big update adds mobile/tablet/touch support. Atlassiancode [awesome-popover: A Popover Component with Animation Support](https://github.com/vaheqelyan/react-awesome-popover) Vahecode [react-scroll-to: Scroll to Position in React](https://github.com/ganderzz/react-scroll-to) Dylan Pauluscode    [Read this issue on the Web](https://react.statuscode.com/issues/63) [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