---
title: "#60: How to Structure Components in React"
publication: "React Status"
issue: 60
published_at: "2017-10-27"
canonical_url: "https://react.statuscode.com/issues/60"
---

react status 60   

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

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

[How to Structure Components in React](https://reallifeprogramming.com/how-to-structure-components-in-react-54fc43e71546) — _“Components are a great abstraction to build both small and big systems. It’s only a case of picking the_ right _solution.”_ Bartek Witczak [react-snap: A Zero-Configuration Static Pre-Renderer for SPAs](https://github.com/stereobooster/react-snap) — Uses best practices to get the best loading performance for your single page apps. stereoboostercode [Reducing Microservice Overhead with Shared Libraries](https://circleci.com/blog/reducing-microservice-overhead-with-shared-libraries/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=october&utm_content=react-status) — Scaling a microservice architecture has a number of challenges. You’ll hear people talk about having “thousands of services” where they get to “have the right tools for the job” all the way down to their languages. This is all well and good, but… CircleCIsponsored [![\](https://copm.s3.amazonaws.com/bd8df22b.png)](https://circleci.com/blog/reducing-microservice-overhead-with-shared-libraries/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=october&utm_content=react-status) [Debugging React Like a Champ with Visual Studio Code](https://hackernoon.com/debugging-react-like-a-champ-with-vscode-66281760037) — A guide to ‘supercharging’ your React workflow using Microsoft’s open source code editor and its debugger. James Jeffery [Impress Your Friends With Code Splitting in React](https://hackernoon.com/impress-your-friends-with-code-splitting-in-react-9f9a3ca2ae6e) — Burke Holland set out to learn the minimum necessary to demonstrate code splitting in React, and here’s what he learnt. Burke Holland [SVG Illustrations as React Components](https://blog.prototypr.io/svg-illustrations-as-react-components-f0e7be304eb6) — The story of the creation of React Kawaii, a library of easily customizable SVG illustrations. Miuki Miu [How to Give Rendering Control to Users with Prop Getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf) Kent C Dodds [Structuring Async Operations in React/Redux Applications](https://www.sitepoint.com/async-operations-react-redux-applications/) SitePoint [How To Access Props in a Functional Component](https://philandrews.io/post/react-how-to-access-props-in-a-functional-component) Phil Andrews [JavaScript Telemetry: Black Box Recorder for App Crashes](https://rollbar.com/blog/introducing-javascript-telemetry/?utm_source=react_status&utm_campaign=react_status&utm_medium=email-nl) — Telemetry gives a timeline of browser events leading to errors. Debug with telemetry and know why apps crash. ROLLBARsponsored [Integrating React in a 6+ Year Old Ruby on Rails App](https://blog.codeship.com/integrating-react-in-a-6-year-old-rails-app/) Corinne Kunze [How to Build a Video/Voice Calling App with React Native](https://www.youtube.com/playlist?list=PLM5nyCrpk9vaYCZRjGg1TEU4cQZMYZqvy#howtoreactnative) — A set of screencasts walking through some of what’s involved in creating a native communications app. _(Note: Audio is not great.)_ YouTubevideo native [How Pinterest Switched Their Template Rendering Engine to React](https://www.youtube.com/watch?v=JyD0AUFHQTQ) Jessica Chanvideo [Have you met Predix, the Premier Industrial Internet Platform?](https://www.predix.io/?utm_source=JavaScript%20Weekly&utm_medium=Paid%20Display&utm_campaign=https%3A%2F%2Fpoe.shuhuigeng.workers.dev%3A443%2Fhttps%2Fge-ip.my.salesforce.com%2F7011A000000mQAK&utm_content=react_status_oct27) GE Digitalsponsored [react-mosaic: A React Component Tiling 'Window Manager'](https://github.com/palantir/react-mosaic) — Give your app’s users control over their workspace within your app. [Demo.](https://palantir.github.io/react-mosaic/) Palantir Technologiescode [A Simple Full-Stack GraphQL Application](https://github.com/atulmy/fullstack-graphql) — An example app using Node, Express, React, and Redux. Atul Yadavcode    [Read this issue on the Web](https://react.statuscode.com/issues/60) [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