--- title: "This week's React news, issue 25" publication: "React Status" issue: 25 published_at: "2017-02-24" canonical_url: "https://react.statuscode.com/issues/25" --- react status 25 This week's React news -[Read this on the Web](http://react.statuscode.com/issues/25) [react status](http://react.statuscode.com) Issue 25 [Universal JavaScript Apps with React Router 4](https://ebaytech.berlin/universal-web-apps-with-react-router-4-15002bb30ccb?utm_source=reactnl&utm_medium=email) — How to use the latest version of React Router both on the server and client side. Patrick Hund [Redux 4 Ways: Thunk vs Saga vs Observable vs Redux Promise Middleware](https://medium.com/react-native-training/redux-4-ways-95a130da0cdc?utm_source=reactnl&utm_medium=email) — These libraries can handle side effects or async actions in a Redux app, and here’s a basic example of fetching and storing data in a reducer using each of them. Nader Dabit [Improving The First Time Load of a Production React App](https://medium.com/urbanclap-engineering/improving-first-time-load-of-a-production-react-app-part-1-of-2-e7494a7c7ab0?utm_source=reactnl&utm_medium=email) — A story of how a team took their app from a 13 second load time (over mobile) to under 5 seconds. Not all React specific but helpful nonetheless. Kanav Arora [Build awesome realtime features faster with Pusher](http://go.cooperpress.com/rs/react25/pusher.com/?utm_source=reactnl&utm_campaign=cooperpress-primary-link-early2017&utm_medium=email) — Pusher's hosted API makes it simple to add realtime features to your app like chat, feeds and notifications. Get started for free and scale fast. Pushersponsored [![\](https://copm.s3.amazonaws.com/97ff4bf7.jpg)](http://go.cooperpress.com/rs/react25/pusher.com/?utm_source=reactnl&utm_campaign=cooperpress-primary-link-early2017&utm_medium=email) [Converting A Large React Codebase From CoffeeScript to ES6](https://blog.bugsnag.com/converting-a-large-react-codebase-from-coffeescript-to-es6/?utm_source=reactnl&utm_medium=email) — How BugSnag migrated their React codebase away from CoffeeScript, speeding up conversion without overly sacrificing productivity or stability. Christian Schlensker [Build an Imgur Client with React Native and MobX](http://school.shoutem.com/lectures/build-simple-imgur-client-react-native/?utm_source=reactnl&utm_medium=email) — Learn how to use MobX, render fullscreen images, talk to RESTful APIs, and detect device rotation. Swizec Tellernative [Comparing and Modifying Objects in React](https://blog.komand.com/object-comparison-in-react-js-components?utm_source=reactnl&utm_medium=email) — A way to easily modify and compare objects by some set of their inner fields. James Golin [How to Work with and Manipulate State in React](https://www.sitepoint.com/work-with-and-manipulate-state-in-react/?utm_source=reactnl&utm_medium=email) — An excerpt from Azat Mardan’s “React Quickly” book, which explains how to work with state in React and takes a look at the difference between state & props. Sitepoint [Styling React Apps with Ant.Design](https://medium.com/@yoniweisbrod/styling-react-applications-with-ant-design-92b742aab0b0?utm_source=reactnl&utm_medium=email) — _“There’s no doubt that Ant has a lot to offer as a UI framework, with a formidable catalogue of components and a serious ecosystem around it.”_ Yoni Weisbrod [How to Set Up a React Environment Using webpack and Babel](https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel?utm_source=reactnl&utm_medium=email) Joy Warugu [Pro Ember.js: An advanced 2-day training event in Berlin](http://go.cooperpress.com/r/react25/ember-workshop.simplabs.com) — We'll tackle progressive web apps, modular architecture patterns, performance tuning, authentication & more. simplabssponsored [React’s JSX vs Vue’s Templates: A Showdown on the Front End](https://medium.freecodecamp.com/reacts-jsx-vs-vue-s-templates-a-showdown-on-the-front-end-b00a70470409?utm_source=reactnl&utm_medium=email#.qy41b39sl) Juan Vega [Some Best Practices for Writing React Components](https://medium.com/code-life/our-best-practices-for-writing-react-components-dec3eb5c3fc8?utm_source=reactnl&utm_medium=email) Scott Domes [Griddle: An Ultra Customizable Datagrid Component for React](http://griddlegriddle.github.io/Griddle/?utm_source=reactnl&utm_medium=email) griddlegriddle.​github.​iotools [react-dom-stream: A Streaming Server-Side Rendering Library for React](https://github.com/aickin/react-dom-stream?utm_source=reactnl&utm_medium=email) Sasha Aickincode [CalendaRx: A Calendar Plugin for React Apps](https://github.com/mfix22/calendarx?utm_source=reactnl&utm_medium=email) Michael Fixcode [React Native Paged Contacts: Paged Contacts for React Native](https://github.com/wix/react-native-paged-contacts?utm_source=reactnl&utm_medium=email) Wixcode [Software Engineer, Web - Zürich, Switzerland](http://go.cooperpress.com/rs/react25/www.centralway.com/de/careers/open-positions/details#oii51fwq) — React now and apply! Change the future of mobile banking with building high performance web applications with cutting-edge technologies. Centralway Numbrssponsored [Read this issue on the Web](http://react.statuscode.com/issues/25) [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