---
title: "#31: Glamorous, a new React component styling solution"
publication: "React Status"
issue: 31
published_at: "2017-04-07"
canonical_url: "https://react.statuscode.com/issues/31"
---

react status 31   

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

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

[Glamorous: A new React component styling solution](https://medium.com/@kentcdodds/introducing-glamorous-fb3c9f4ed20e?utm_source=reactnl&utm_medium=email) — An introduction to a new React component styling solution with an elegant, performant API and small footprint (<5KB gzipped). [Repo here](https://github.com/paypal/glamorous). Kent C.​ Dodds [React Datasheet: A spreadsheet React component](https://nadbm.github.io/react-datasheet/?utm_source=reactnl&utm_medium=email) — A customizable Excel-like data grid component that supports formulas and even other components embedded within cells. Nadim Islamcode [The Complete Redux Book (free until April 14)](https://leanpub.com/redux-book?utm_source=reactnl&utm_medium=email) — A 180 page e-book promising ‘everything you need to build real projects with Redux’. It’s free for the next week if you drag the slider. Ilya Gelman and Boris Dinkevichnews [You can now get started with the 'most wanted' database free](https://www.mongodb.com/cloud/atlas/lp/try-2?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY17Q3&utm_content=primary&utm_medium=display&utm_source=reactstatus) — The recent Stack Overflow survey of over 64,000 developers called MongoDB the “most wanted” database. MongoDB Atlas is the best way to use MongoDB in the public cloud and it’s never been easier to hit the ground running. Try MongoDB Atlas free. MONGODBsponsored [![\](https://copm.s3.amazonaws.com/74541941.png)](https://www.mongodb.com/cloud/atlas/lp/try-2?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY17Q3&utm_content=primary&utm_medium=display&utm_source=reactstatus) [Preact 8.0 beta released: The 'mini' React](https://github.com/developit/preact/releases/tag/8.0.0?utm_source=reactnl&utm_medium=email) — A fast 3KB React alternative with the same API. 8.0 boasts performance improvements and an even smaller size. [8.0.1](https://github.com/developit/preact/releases/tag/8.0.1) is the latest release. Jason Millercode [Haul: A command line tool for developing React Native apps](https://github.com/callstack-io/haul?utm_source=reactnl&utm_medium=email) — A drop-in replacement for the usual CLI that provides access to the Webpack ecosystem. Callstacknative [Reusable state with higher order components](https://daveceddia.com/extract-state-with-higher-order-components/?utm_source=reactnl&utm_medium=email) — Higher-order components are a great way to extract repeated state or lifecycle methods. Dave Ceddia [Why the React project is using Rollup rather than Webpack](https://medium.com/webpack/webpack-and-rollup-the-same-but-different-a41ad427058c?utm_source=reactnl&utm_medium=email) — _The tl;dr is this: Use webpack for apps, and Rollup for libraries._ Rich Harris [Code splitting for React Router with Webpack and HMR](https://hackernoon.com/code-splitting-for-react-router-with-webpack-and-hmr-bb509968e86f?utm_source=reactnl&utm_medium=email) — A simple guide to creating a starter app that uses routes with code splitting. Hassan Ali [Building a React Native app in under 15 minutes with Ignite 2](https://www.youtube.com/watch?v=lv00UOXxy0g&utm_source=reactnl&utm_medium=email) Infinite Redvideo [Autoscaling for your Heroku dynos](https://www.hirefire.io?utm_source=reactnl&utm_medium=email) — Automatically scale up and down to handle increased workloads and avoid wasting money on idle resources. HireFiretools sponsored [Redux Bug Reporter: A bug reporter and playback tool for Redux](https://github.com/dtschust/redux-bug-reporter?utm_source=reactnl&utm_medium=email) Drew Schustertools [ReactLovefield: Bindings to Google’s Lovefield DB library](https://github.com/roman01la/react-lovefield?utm_source=reactnl&utm_medium=email) — [Lovefield](https://google.github.io/lovefield/) is a JavaScript-based database with an ‘SQL-like’ query engine. Roman Liutikovcode [Office UI Fabric React: Components using the Office Design Language](https://github.com/OfficeDev/office-ui-fabric-react?utm_source=reactnl&utm_medium=email) Microsoftcode [ReactSimpleFlexGrid: Add a Flexbox-based grid layout to your app](https://github.com/abraztsov/ReactSimpleFlexGrid?utm_source=reactnl&utm_medium=email) Nikita Abraztsovcode [React DnD: Components for building drag and drop interfaces](https://react-dnd.github.io/react-dnd/?utm_source=reactnl&utm_medium=email) react-dnd.​github.​iocode [Full-day Workshop: Using ES6 and React with Netflix's Brian Holt](https://forwardcourses.com/workshops/6) — React eschews the traditional MVC architecture, a counter-intuitive approach Brian explains along with JSX, React best practices, and the React component lifecycle. Forward Coursessponsored    [Read this issue on the Web](http://react.statuscode.com/issues/31) [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