--- title: "#40: React State vs. Redux State: When and Why?" publication: "React Status" issue: 40 published_at: "2017-06-09" canonical_url: "https://react.statuscode.com/issues/40" --- react status 40 This week's React news -[Read this on the Web](https://react.statuscode.com/issues/40) [react status](https://react.statuscode.com) Issue 40 [React State vs. Redux State: When and Why?](https://spin.atomicobject.com/2017/06/07/react-state-vs-redux-state/?utm_source=reactnl&utm_medium=email) — Even if you choose to use Redux in your project, you will still need to make decisions on how much of your data is stored in Redux. Tyler Hoffman [styled-components 2.0: Style React Components with CSS](https://medium.com/styled-components/announcing-v2-f01ef3766ac2?utm_source=reactnl&utm_medium=email) — A smaller, faster drop-in upgrade with even more features. Works with both React and React Native. Max Stoibercode [Catch Errors Before Your Users Do 💻](https://rollbar.com/?utm_source=reactstatus&utm_campaign=reactstatus&utm_medium=email-nl) — Rollbar detects and alerts you via Slack, HipChat when code breaks. Get stack trace and user data to help you defeat annoying JavaScript errors. ROLLBARsponsored [![\](https://copm.s3.amazonaws.com/bb51abfc.png)](https://rollbar.com/?utm_source=reactstatus&utm_campaign=reactstatus&utm_medium=email-nl) [JavaScript Power Tools: Real-World 'redux-saga' Patterns](http://formidable.com/blog/2017/real-world-redux-saga-patterns/?utm_source=reactnl&utm_medium=email) — redux-saga is a versatile library that can clarify the behavior and interaction patterns of complex single-page-applications and forms. Matt Hink [Using React Inside Ruby on Rails Apps](https://blog.codeship.com/using-react-inside-your-rails-apps/?utm_source=reactnl&utm_medium=email) — An exploration of different ways to bring React into a new or existing Ruby on Rails app. Leigh Halliday and Marian Serna [An Annotated React 'To Do' App Example](https://hackernoon.com/a-react-todos-example-explained-6df53cdebed1?utm_source=reactnl&utm_medium=email) — A ‘to do’ app is almost the new ‘Hello World’, but presents a good opportunity to show, simply, how React works. Samer Buna [Is Fiber Ready Yet? No, But..](http://isfiberreadyyet.com/?v=3&utm_source=reactnl&utm_medium=email) — 100% of unit tests are now passing, with 156 warnings left to fix. isfiberreadyyet.​comnews [Dates for MongoDB Europe 2017 announced](https://www.mongodb.com/europe17?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY17Q2&utm_content=sponsored &utm_medium=display&utm_source=reactstatus0609) — Introducing Shard N: a super-charged technical track for a very deep dive into MongoDB (wizard level only). Mongo DBnews sponsored [Changing React Routes Programmatically with Redux-Saga](https://decembersoft.com/posts/changing-react-route-programmatically-with-redux-saga/?utm_source=reactnl&utm_medium=email) Decembersoft Inc.​ [How Pure CSS Images Helped Me Understand React Components](https://hackernoon.com/how-pure-css-images-helped-me-understand-react-components-3ad7b05051b0?utm_source=reactnl&utm_medium=email) — _“I truly believe that I accidentally discovered a wonderful way to explain React components after messing around with pure CSS images.”_ Michael Mangialardi [JAMstack vs Isomorphic Server Side Rendering](https://www.netlify.com/blog/2017/06/06/jamstack-vs-isomorphic-server-side-rendering/?utm_source=reactnl&utm_medium=email) Netlify [Announcing React InstantSearch v4 ⚛️ Updated Features for your Search](https://community.algolia.com/react-instantsearch/?utm_source=react-status&utm_medium=email&utm_campaign=react-is) — New makes it easy to search multiple datasources from a single search bar and build new experiences. Algoliatools sponsored [React and React Router Snippets for Atom](https://atom.io/packages/atom-react-mf-snippets?utm_source=reactnl&utm_medium=email) Mentally Friendlytools [React Log: React for the Console](https://github.com/diegomura/react-log?utm_source=reactnl&utm_medium=email) — A component that’s not rendered into the DOM but instead to the console. Diego Muraccioletools [Metro Bundler: The JavaScript Bundler for React Native](https://github.com/facebook/metro-bundler?utm_source=reactnl&utm_medium=email) — Previously part of the main React Native repository. Facebooktools native [ReForum: A Forum App Built with React, Redux, Express and MongoDB](https://github.com/shoumma/ReForum?utm_source=reactnl&utm_medium=email) — It’s relatively minimal but easy to extend. [Demo installation here.](https://reforum-app.herokuapp.com/) Provash Shoummacode [Coren: A Pluggable Server-Side Renderer](https://github.com/Canner/coren?utm_source=reactnl&utm_medium=email) Cannercode [Read this issue on the Web](https://react.statuscode.com/issues/40) [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