---
title: "Using React with D3, a new simple universal router for React, and a cartoon introduction to Redux"
publication: "React Status"
issue: 9
published_at: "2016-10-21"
canonical_url: "https://react.statuscode.com/issues/9"
---

react status 9   

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

[react status](http://react.statuscode.com) Issue 9     

[React Universal Router: A Simple Universal Router for React](https://blog.avocode.com/blog/finally-a-simple-and-universal-router-for-reactjs?utm_source=reactnl&utm_medium=email) — How to keep your UI in sync with the URL in React.js? Instead of searching for the holy grail, Avocode built their own router for web, Electron, and nw.js apps. Avocodecode [Building D3 Components with React](https://hackernoon.com/building-d3-components-with-react-7510e4743288?utm_source=reactnl&utm_medium=email) — D3 is a powerful library for creating visualizations with JavaScript. This tutorial walks through a full, practical example. Alan B Smith [A Cartoon Intro to Redux](https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6?utm_source=reactnl&utm_medium=email) — A fantastic explanation of Redux from exactly a year ago that's worth revisiting. Lin Clark [Facebook Wants Your Input for JSX 2.0](https://github.com/facebook/jsx/issues/65?utm_source=reactnl&utm_medium=email) Facebooknews [Updated Workshop: Complete Intro to React (w/Router v4, Jest & more)](http://go.cooperpress.com/rs/react9/frontendmasters.com/workshops/intro-react-2/?utm_source=reactstatus&utm_medium=email) — Brian Holt (Netflix) introduces you to React plus surrounding ecosystem including: Redux, React Router v4, Jest for testing, Webpack 2, Yarn and more! Frontend Masterssponsored [![\](https://copm.s3.amazonaws.com/c7aad2c6.png)](http://go.cooperpress.com/rs/react9/frontendmasters.com/workshops/intro-react-2/?utm_source=reactstatus&utm_medium=email) [Take This Survey if You've Shipped React in Production](https://docs.google.com/forms/d/e/1FAIpQLSdK9tAnnkDN2HfLFnwFxG_GQAHF98is0jzwVfPYhGVfZqqhxA/viewform?c=0&w=1&utm_source=reactnl&utm_medium=email) — Addy Osmani is doing some Web performance research and needs input from how folks bundle and ship their React projects. Addy Osmani [Building an Autocomplete Widget with React](https://webapplog.com/autocomplete-react/?utm_source=reactnl&utm_medium=email) — A thorough guide through building an autocomplete function similar to those you might see in Slack. Azat Mardan [How Airtable uses React](https://medium.com/@matt_bush/how-airtable-uses-react-5e37066a87d4?utm_source=reactnl&utm_medium=email) — Airtable reflect on using React: _“It has enabled us to write UI code at a higher level of abstraction, and has inspired a more disciplined and consistent approach to managing application state”_. Matt Bush [Avoiding Accidental Complexity When Structuring Your App State](https://hackernoon.com/avoiding-accidental-complexity-when-structuring-your-app-state-6e6d22ad5e2a?utm_source=reactnl&utm_medium=email) Tal Kol [A Visual Guide to State in React](https://daveceddia.com/visual-guide-to-state-in-react/?utm_source=reactnl&utm_medium=email) Dave Ceddia [Testing Your React Components with Jest Snapshots](https://blog.bam.tech/developper-news/react-jest-snapshots?utm_source=reactnl&utm_medium=email) Thibaut Cheymol [ReactCasts Episode 1: How to Create a Higher Order Component](https://www.youtube.com/watch?v=6nVxCWUAEPM&utm_source=reactnl&utm_medium=email) YouTubevideo [Building Modular Redux Applications](https://vimeo.com/album/4199344/video/187454108?utm_source=reactnl&utm_medium=email) — In this 24 minute video Gian explores a modular approach that allows for better code reusability and isolation of concerns when building React+Redux Applications. Gian Marco Tosovideo [Introducing Chain React: A New React Native Conference](https://shift.infinite.red/introducing-chain-react-the-react-native-conference-37cab9692132?utm_source=reactnl&utm_medium=email) — Plans are afoot for a two day, one-track conference in Portland next summer. Jamon Holmgrennative [Using iOS Image Picker with React Native](http://goshakkk.name/react-native-camera-roll-image-picker/?utm_source=reactnl&utm_medium=email) — Building a simple app that will prompt the user to pick an image, and then display that image. Gosha Arinichnative [Desklamp: Clean Routing and State Container for React](https://github.com/desklamp-js/desklamp?utm_source=reactnl&utm_medium=email) Desklampcode    [Read this issue on the Web](http://react.statuscode.com/issues/9) [See our archives](http://react.statuscode.com/issues) [Stop getting this newsletter](*|UNSUB|*)  

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