--- title: "#42: The answer to React, the universe and everything?" publication: "React Status" issue: 42 published_at: "2017-06-23" canonical_url: "https://react.statuscode.com/issues/42" --- react status 42 This week's React news -[Read this on the Web](https://react.statuscode.com/issues/42) [react status](https://react.statuscode.com) Issue 42 [React Flight: Simple Animation Compositions for React](http://www.react-flight.io/?utm_source=reactnl&utm_medium=email) — Declaratively define and compose ‘frames’ and Flight handles the animations. Dotan Nahumtools [Techniques for Decomposing React Components](https://medium.com/dailyjs/techniques-for-decomposing-react-components-e8a1081ef5da?utm_source=reactnl&utm_medium=email) — Three ways to separate the responsibilities of a large React component, from a simple approach to something more advanced. David Tang [React Express: Learn React with Interactive Examples](http://www.react.express/?utm_source=reactnl&utm_medium=email) — An opinionated, all-in-one guide walking through create-react-app, webpack, Babel, ES2015+, JSX, Redux, CSS-in-JS, and more. Devin Abbott [Try Codeship Basic: simple hosted CI that works out of the box](https://codeship.com/features/basic?utm_source=email-sponsorship&utm_medium=cpc-react-status-primary&utm_campaign=cooper-basic-features-signup-campaign) — Get set up with our hosted Continuous Integration service in under 3 minutes with Codeship Basic. Join thousands of happy customers like InvisionApp & Whole Foods. [Try it for free today](https://codeship.com/features/basic?utm_source=email-sponsorship=cpc-react-status-primary=cooper-basic-features-signup-campaign). Codeshipsponsored [![\](https://copm.s3.amazonaws.com/a02faeab.png)](https://codeship.com/features/basic?utm_source=email-sponsorship&utm_medium=cpc-react-status-primary&utm_campaign=cooper-basic-features-signup-campaign) [Redux-First Router: A Step Beyond Redux-Little-Router](https://medium.com/faceyspacey/pre-release-redux-first-router-a-step-beyond-redux-little-router-cd2716576aea?utm_source=reactnl&utm_medium=email) — _“The purpose of this article is to debunk the effectiveness of route-matching components + nested routes when using Redux, while discovering a better [..] way.”_ ([GitHub repo.](https://github.com/faceyspacey/redux-first-router)) James Gillmore [Build a Server-Rendered React App with Rails](https://engineering.musefind.com/build-your-first-server-side-rendered-react-app-with-rails-f1b43aa97723?utm_source=reactnl&utm_medium=email) — If you want a React-based SPA but have some SEO concerns, rendering the page on the server can help. Musefine [How to Use Webpack's 'Magic Comment' Feature with React Universal Component + SSR](https://medium.com/webpack/how-to-use-webpacks-new-magic-comment-feature-with-react-universal-component-ssr-a38fd3e296a?utm_source=reactnl&utm_medium=email) James Gillmore [Using ExtReact Stores in Flux Apps](https://www.sencha.com/blog/using-extreact-stores-in-flux-apps/?utm_source=reactnl&utm_medium=email) — ExtReact provides ready-to-use UI components for building data-intensive web apps using React. Sencha [🤖 Learn Testing JavaScript Apps (feat. testing React and Redux)](https://frontendmasters.com/courses/testing-javascript/) — Join Kent C. Dodds to master the latest tooling (like Jest Cypress) and techniques to test real-world React, Redux, and Node express apps. Frontend Masterssponsored [What's Next.js for React?](https://www.youtube.com/watch?v=JEBkh_vleTs&utm_source=reactnl&utm_medium=email) — Looing at Server Side Rendering, SEO, React and other things [Next.js](https://github.com/zeit/next.js/) tries to resolve. Jamie Bartonvideo [Grid Styled: A Responsive React Grid System Built with styled-components](http://jxnblk.com/grid-styled/?utm_source=reactnl&utm_medium=email) jxnblk.​comcode [react-day-picker: A Flexible Date Picker for React](https://github.com/gpbl/react-day-picker?utm_source=reactnl&utm_medium=email) — Comes in at less than 10KB with no dependencies. Fully customizable, with ARIA support. Giampaolo Bellavitecode [next-blog: Build a Markdown Based Blog using Next.js](https://github.com/tscanlin/next-blog?utm_source=reactnl&utm_medium=email) Tim Scanlincode [Expenses: A React-Powered Expense Tracker using Google Sheets](https://github.com/jakubgarfield/expenses?utm_source=reactnl&utm_medium=email) — A static HTML progressive web app on top of Google Sheets written in React. Jakub Chodounskycode [React InstantSearch ⚡ Building blocks for Lightning Fast Search](https://community.algolia.com/react-instantsearch/?utm_source=react-status&utm_medium=email&utm_campaign=react-is) — Easily launch an instant search feature in your apps with widgets that give you a great search out of the box. Algoliasponsored [Hybrid Apps And React Native: A Time To Transition?](https://www.smashingmagazine.com/2017/06/transition-hybrid-apps-react-native/?utm_source=reactnl&utm_medium=email) — Is it time to move from hybrid apps to a solution like React Native? The author says that it is, despite some temporary pains. Paul Francisnative [Experiments with High Performance Animation in React Native](https://medium.com/salesforce-engineering/experiments-with-high-performance-animation-in-react-native-80a0cb7052b0?utm_source=reactnl&utm_medium=email) Salesforce Engineeringnative [How to Make a Simple Twitter App Clone with React Native](https://hackernoon.com/how-to-make-a-simple-twitter-clone-with-react-native-4b6c45940583?utm_source=reactnl&utm_medium=email) Tony Spironative [Read this issue on the Web](https://react.statuscode.com/issues/42) [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