---
title: "This week's React news, issue 26"
publication: "React Status"
issue: 26
published_at: "2017-03-03"
canonical_url: "https://react.statuscode.com/issues/26"
---

react status 26   

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

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

[10 React Mini-Patterns](https://hackernoon.com/10-react-mini-patterns-c1da92f068c5?utm_source=reactnl&utm_medium=email) — Includes controlling CSS with props, using components to format text, and importing components without relative paths. David Gilbertson [React Trend: A Simple Sparklines Data-Vis Component](https://github.com/unsplash/react-trend?utm_source=reactnl&utm_medium=email) — A component to show ‘sparklines’, lines that show a trend or fluctuations in data. It uses SVG for sharp, scalable graphs and gzips to under 3KB. Unsplashcode [Rapscallion: A New Approach for Server-Side Rendering React Apps](http://formidable.com/blog/2017/introducing-rapscallion/?utm_source=reactnl&utm_medium=email) — A weighty introduction to a new React VirtualDOM renderer for the server. It’s asynchronous and non-blocking and provides a streaming interface so you can start sending content to the client immediately. Formidable Labstools [Online Workshop: React Native, SVG and D3](http://go.cooperpress.com/rs/react26/forwardcourses.com/workshops/116) — Harry Wolff teaches you to render SVG into your React applications, build D3 charts that you can render with React Native ART, and tween between graphs to generate animations. Forward Coursessponsored [![\](https://copm.s3.amazonaws.com/37bd2ef5.jpg)](http://go.cooperpress.com/rs/react26/forwardcourses.com/workshops/116) [How OkCupid Organizes Its Multi-Page React App](https://tech.okcupid.com/how-okcupid-organizes-its-multi-page-react-app/?utm_source=reactnl&utm_medium=email) — Engineers at the dating site explain a file structure that scales for any size project and makes code reuse easy. Morley Zhi [Create a Docker Dashboard with TypeScript, React & Socket.io](https://auth0.com/blog/docker-dashboard-with-react-typescript-socketio/?utm_source=reactnl&utm_medium=email) — A very thorough walkthrough. Steve Hobbs [Hot Reload All The Things!](https://hackernoon.com/hot-reload-all-the-things-ec0fed8ab0?utm_source=reactnl&utm_medium=email) — How to use Webpack for ‘Hot Module Replacement’ on the back and front-end. Martin Haagensli [8 Steps to Get Started with Redux and React — A Roadmap](https://medium.com/@ddcreationstudi/8-steps-to-get-started-with-redux-and-react-a-roadmap-378807a1672e?utm_source=reactnl&utm_medium=email) Daniel Deutsch [React.js Tutorial: How to develop a React library by Cloudinary](http://go.cooperpress.com/r/react26/cloudinary.com/blog/how_to_develop_a_react_library?utm_source=Cooper_Press_React&utm_medium=Newsletter&utm_content=React) — Developing a React Library for Image Manipulation and Delivery using the Cloudinary SDK. Cloudinarysponsored [Building UIs with Pure Functions and Function Composition](https://tylermcginnis.com/building-user-interfaces-with-pure-functions-and-function-composition-in-react-js?utm_source=reactnl&utm_medium=email) Tyler McGinnis [An Approach to Integration Tests in Redux Apps](https://hackernoon.com/low-effort-high-value-integration-tests-in-redux-apps-d3a590bd9fd5?utm_source=reactnl&utm_medium=email#.7rlh9q6ax) — Test your Redux app by rendering it in Node, simulate user interactions and verify changes in state and markup. Maciek Pekala [A Dancing Rainbow Snake – An Example of React and D3v4 Transitions](https://swizec.com/blog/dancing-rainbow-snake/swizec/7420?utm_source=reactnl&utm_medium=email) Swizec Teller [Enhancing React Components with Decorators](https://medium.com/@gigobyte/enhancing-react-components-with-decorators-441320e8606a?utm_source=reactnl&utm_medium=email) Stanislav Iliev [Building A Sort Algorithm Visualizer with React and RxJS](https://medium.com/@fiffty/building-a-sort-algorithm-visualizer-with-react-and-rxjs-9799f91e541b?utm_source=reactnl&utm_medium=email) Jin Yoo [How I Built A Super-Simple Game using React-Native](https://hackernoon.com/how-i-built-a-super-simple-game-using-react-native-67bdade50373?utm_source=reactnl&utm_medium=email) Matteo Mazzarolonative [eslint-plugin-jsx-a11y: Static AST Checker for Accessibility Rules on JSX Elements](https://github.com/evcohen/eslint-plugin-jsx-a11y?utm_source=reactnl&utm_medium=email) Ethan Cohentools [Front End Engineer at VSCO (Oakland, CA)](http://go.cooperpress.com/r/react26/vsco.co/about/careers/front-end-engineer-oakland) — We're looking for a Front-End Engineer who can face unique challenges in implementing web designs and craft great accessibility for users. VSCOjob    [Read this issue on the Web](http://react.statuscode.com/issues/26) [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