---
title: "#73: So we're rocking a new layout.."
publication: "React Status"
issue: 73
published_at: "2018-02-02"
canonical_url: "https://react.statuscode.com/issues/73"
---

This week's React news       

#73 — February 2, 2018 

[Read on the Web](https://react.statuscode.com/issues/73)   

react status   

Hi! It's the same weekly React newsletter you're used to, except we've had a few licks of paint and will be getting a bit more _creative_ with the format as the year goes on.. but for now, baby steps :-) 

Thanks for reading and we hope you enjoy today's issue. Any submissions or feedback, just hit reply as usual - we're reading.
 _— Peter Cooper, editor_    

[React Scope: Visualize Your React Components Live](https://levelup.gitconnected.com/introducing-react-scope-a87d9f5247df) — A Chrome extension for visualizing components, state and props. 

Tiffany Lin   

[styled-components 3.1.0: Big Performance Boost and Streaming SSR](https://medium.com/styled-components/v3-1-0-such-perf-wow-many-streams-c45c434dbd03) — We only mentioned 3.0’s release last week, but 3.1 already offers a new CSS injection mechanism for faster client-side rendering, plus streaming server-side rendering support.. 

Evan Scott   [![\](https://copm.s3.amazonaws.com/4afea00f.png)](https://rollbar.com/customers/greenhouse/?utm_medium=email-nl&utm_campaign=react-status&utm_source=react-status&utm_term=primary) 

[🎥 Release Code w/ Confidence and Less Anxiety](https://rollbar.com/customers/greenhouse/?utm_medium=email-nl&utm_campaign=react-status&utm_source=react-status&utm_term=primary) — _“It would be a challenge to release code as often as we do if we didn't have the right tooling in place. Sure, I could push code without monitoring production errors, but it would be a lot more stressful.”_ 

ROLLBAR sponsor   

[Introducing URQL: A Universal React Query Library](https://formidable.com/blog/2018/introducing-urql/) — `urql` is a GraphQL client created with the aim of simplifying the use of GraphQL in React. 

Ken Wheeler   

[How I Cut My React Bundle Size In Half With 3 Lines of Code](https://codeburst.io/how-i-cut-my-react-javascript-bundle-size-in-half-with-three-lines-of-code-fe7798ecbd3f) — Basically you create an app with create-react-app but then switch in the more-compact [Preact](https://github.com/developit/preact) for React.. 

Mario Hoyos   

[Bringing Virtual Reality to the Browser with ReactVR](https://medium.com/swinginc/bring-virtual-reality-to-your-browser-with-reactvr-fd9dc62aa8b1) — Getting started with [ReactVR](https://facebook.github.io/react-vr/), a combination of the React framework and WebVR API. 

Mirosław Ciastek    

[Building a Simple To Do Web App with Stitch, React, and MongoDB](https://docs.mongodb.com/stitch/tutorials/todo-web/?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY19Q1&utm_content=brief&utm_medium=display&utm_source=frontendfocus20180202) 

mongodb sponsor   

[Nested Routes with React Router v4](https://tylermcginnis.com/react-router-nested-routes/) 

Tyler McGinnis   

[Stress Testing React Easy State](https://medium.com/@solkimicreb/stress-testing-react-easy-state-ac321fa3becf) 

Bertalan Miklos  

🎬 Videos, Screencasts and Talks  

[Five Things About React with Dan Abramov](https://www.youtube.com/watch?v=3DCeoCpTIAI) — A brief, 6 minute chat between Burke Holland and Dan Abramov. 

Microsoft Channel 9   

[Getting Started with Create React App](https://www.youtube.com/watch?v=eCz3rhsDG5s) — A rapid introduction to the [create-react-app](https://github.com/facebook/create-react-app) tool for building React apps quickly. 

Elijah Manor   

[Building a Chat App with React, Redux, Redux-Saga, and WebSockets](https://www.youtube.com/watch?v=x_fHXt9V3zQ) 

Beau Carnes   

[Infinitely Better UIs with Finite Automata](https://www.youtube.com/watch?v=VU1NKX6Qkxc) 

David Khourshid  

👩‍💻 React Jobs   

[Frontend Web Engineer at Citymapper - Junior and Senior](https://citymapper.workable.com/jobs/629000) — We're looking for more incredible frontend web engineers to help with our React powered consumer websites and complex map based tools. 

Citymapper    

[React Native & Rails Engineer](https://www.aha.io/company/careers/current-openings/front_end_developer_us/?utm_campaign=People_Success&utm_source=cooperpress&utm_medium=paid_people_success_job_ad) — Work from anywhere + build software that matters. Our team is hiring. 

Aha!  

📱 React Native  

[React Native Limitations Every App Developer Should Know About](https://www.simform.com/react-native-limitations-app-development/) 

Purvak Pathak opinion   

[Ionic vs React Native: What's the Difference?](https://applikeysolutions.com/blog/ionic-vs-react-native-what-s-the-difference) — A broad comparison of strengths and weaknesses of each framework. 

Applikey   

[React Native Pros and Cons](https://www.intertech.com/Blog/react-native-pros-cons-building-mobile-apps-just-got-simpler/) — This article takes a look at the advantages of React Native, why it’s so popular, and some potential drawbacks you might want to consider. 

Jim Karg   

[Mobile Application Architecture: React Native with Redux](https://www.globallogic.com/gl_news/mobile-application-architecture-react-native-with-redux/) — A white paper on architecting mobile apps with React Native and Redux, including a look at Redux’s high-level components and key goals. 

Ajit Singh Bhurgy  

🔧 Code and Tools  

[Reas: A Customizable Component System Using styled-components](https://reas.js.org/) 

Deigo Haz   

[react-contextual: A Tiny Helper Around React 16's New Context API](https://github.com/drcmda/react-contextual) 

Paul Henschel   

[Formik: Working with Forms in React Made Easier](https://github.com/jaredpalmer/formik) — Handles validation, errors, submission, and getting values in and out. 

Jared Palmer    

[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 Hosting sponsor   

[React Graceful Image: Image Component with Graceful Error Handling](https://github.com/linasmnew/react-graceful-image) — plus lazy loading, placeholders, and more.   [![\](https://raw.githubusercontent.com/joshwcomeau/react-retro-hit-counter/master/docs/demo.png)](https://github.com/joshwcomeau/react-retro-hit-counter) 

[react-retro-hit-counter: A 90s-Style Hit Counter Component](https://github.com/joshwcomeau/react-retro-hit-counter) — The [demo site](https://joshwcomeau.github.io/react-retro-hit-counter/) is a true work of 90s Web design beauty. 

Joshua Comeau   ![](http://no.gd/reactscope.png) 

React Scope in action   

[React Scope: Visualize Your React Components Live](https://levelup.gitconnected.com/introducing-react-scope-a87d9f5247df) — A Chrome extension for visualizing components, state and props. In case you missed it at the top of the issue ;-) 

Tiffany Lin         

A **[Cooperpress](https://cooperpress.com/)** publication. 

[Change your email address](https://golangweekly.com/edit_subscription/*%7CUID%7C*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*%7CUID%7C*) 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom