---
title: "#70: Code Splitting with React and React Router"
publication: "React Status"
issue: 70
published_at: "2018-01-12"
canonical_url: "https://react.statuscode.com/issues/70"
---

react status 70   

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

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

[A Philosophical Introduction to React Router v4](https://tylermcginnis.com/react-router-philosophy-introduction/) — React Router v4 brings dynamic, component based routing to your React apps. This post digs into the philosophy behind its approach as well as how to use it. Tyler McGinnis [React, Redux and JavaScript Architecture](https://jrsinclair.com/articles/2018/react-redux-javascript-architecture/) — A gentle, but thorough, walkthrough of writing good React & Redux code and, the why behind each step. James Sinclair [Fix Production Bugs in Seconds with Sentry](https://start.sentry.io/for/react?utm_source=advertisement&utm_medium=display&utm_content=reactstatus&utm_campaign=sponsorship) — Sentry provides open-source error tracking so you can stop relying on users to report bugs. See all the details you need, unminified, to respond to production issues in real time, including stack traces, user context, release data, and preceding events. [Sign up for free](https://start.sentry.io/for/react?utm_source=advertisement&utm_medium=display&utm_content=reactstatus&utm_campaign=sponsorship). Sentrysponsored [![\](https://copm.s3.amazonaws.com/f8059479.png)](https://start.sentry.io/for/react?utm_source=advertisement&utm_medium=display&utm_content=reactstatus&utm_campaign=sponsorship) [Nerv: A Fast IE8- and React 16-Compatible React Alternative](https://github.com/NervJS/nerv) — In a similar vein to [Preact](https://github.com/developit/preact), Nerv bills itself as a tinier, faster React alternative and has browser compatibility as a particular focus. Li Weitaocode [Code Splitting with React and React Router](https://tylermcginnis.com/react-router-code-splitting/) — Avoid downloading code in your app until your user really needs it. That’s code splitting. A tutorial in both written and video formats. Tyler McGinnis [Building an Online Text RPG with React and GraphQL](https://blog.pusher.com/online-text-rpg-entering-the-world-part-1/) — An extremely meaty first part to an ongoing series about building an online multiplayer RPG with React. [More info](https://learn.pusher.com/rpg). Graham Cox [How to Set Up and Use Gatsby, the React Static Site Generator](https://medium.freecodecamp.org/setting-up-and-getting-used-to-gatsby-1fc27985ae8a) Aman Mittal [Server Rendering, Code Splitting, & Lazy Loading with React Router v4](https://medium.com/airbnb-engineering/server-rendering-code-splitting-and-lazy-loading-with-react-router-v4-bfe596a6af70) Gary Borton [How 'Controllable' React Components Maximize Reusability](https://medium.com/myheritage-engineering/how-controllable-react-components-maximize-reusability-86e3d233fa8e) — A deep dive into what really makes React components reusable. Noam Elboim [Up and Running with GraphQL in the Cloud using AWS AppSync](https://hackernoon.com/aws-appsync-up-and-running-560a42d96ba7) — A hosted GraphQL service from Amazon could be a convenient backend for many types of React app. Nader Dabit [Get Started With MongoDB's Free Tier In Just Minutes, Courtesy of AWS](https://www.mongodb.com/cloud/atlas/lp/general?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY19Q1&utm_content=brief&utm_medium=display&utm_source=reactstatus0112) MONGODBsponsored [5 Practical Tips to Finally Learn React in 2018](https://goshakkk.name/tips-finally-learn-react/) — Still picking up React? 5 tips to speed you along. Gosha Arinich [How to Write A Higher Order Component in 3 Easy Steps](https://paulgray.net/how-to-write-a-hoc/) Paul Gray [How to Obfuscate CSS Class Names with React and Webpack](https://develoger.com/how-to-obfuscate-css-class-names-with-react-and-webpack-20e2b5c49cda) Develoger [How New Relic Architected Its Mobile Web UI with React](https://blog.newrelic.com/2018/01/03/mobile-ui-react/) — How New Relic updated their mobile web UI architecture to be built from reusable pieces in React to allow for easier contribution from team members. Frank Linehan [react-perf-devtool: A Chrome Extension to Inspect Performance of React Components](https://github.com/nitin42/react-perf-devtool) Nitin Tulswanitools [Linux Cloud Hosting Starting at 1GB of RAM for $5/mo](https://welcome.linode.com/react/?utm_source=cooperpress&utm_medium=sponsored&utm_campaign=react-weekly-brief) Linode Cloud Hostingtools sponsored [react-elemental: A Modern, Flat UI Library for React](https://linkiwi.github.io/react-elemental-docs/) Kevin Lincode [Polythene: A Material Design Component Library for Mithril and React](https://github.com/ArthurClemens/polythene) Arthur Clemenscode [React Content Loader: A 'Content is Loading' Component using SVG](https://github.com/danilowoz/react-content-loader) Danilo Woznicacode [with-url-state: Lift A React Component's State into the URL](https://github.com/Dean177/with-url-state) Dean Merchantcode Jobs [Senior Frontend Engineer (React)](https://mathspace.workable.com/j/2DF138C840) — Our adaptive learning technology is helping teachers and students across the globe. Help us transform mathematics education and make an impact. Mathspace [We’re Always Looking for Exceptional Software Engineers (New York)](https://www.reaktor.com/careers/senior-software-engineer/?utm_source=RS&utm_medium=email&utm_campaign=2018) — We need passionate, experienced people that can fill hybrid roles with different emphases on the context of product development. Reaktor    [Read this issue on the Web](https://react.statuscode.com/issues/70) [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