---
title: "#36 - PrettyLoader: A Pattern for Wait Animations in React"
publication: "React Status"
issue: 36
published_at: "2017-05-12"
canonical_url: "https://react.statuscode.com/issues/36"
---

react status 36   

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

[react status](https://react.statuscode.com) Issue 36     

[vx: Reusable D3 Visualization Components for React](https://vx-demo.now.sh/?utm_source=reactnl&utm_medium=email) — Brings together d3’s math skills with React’s DOM-updating skills. [See some demos here.](https://vx-demo.now.sh/gallery) Harrison Shofftools [The Tao of Redux: Implementation and Intent](http://blog.isquaredsoftware.com/2017/05/idiomatic-redux-tao-of-redux-part-1/?utm_source=reactnl&utm_medium=email) — A Redux maintainer thoroughly ponders Redux’s implementation, its limitations and constraints. Mark Erikson [The Tao of Redux: Practice and Philosophy](http://blog.isquaredsoftware.com/2017/05/idiomatic-redux-tao-of-redux-part-2/?utm_source=reactnl&utm_medium=email) — A look at common practices that are widely used in Redux apps and why those practices exist. Mark Erikson [Convert any major image format into a highly optimized JPEG](https://www.jpeg.io/?utm_source=newsletter&utm_medium=email&utm_campaign=reactweekly-may2017) — [Jpeg.io](https://www.jpeg.io/) is a free online service for rapidly converting your images into highly optimized JPEGs using proprietery JPEG optimization algorithms. Optimize all your images in one go and greatly speed-up your websites and applications. Jpeg.​iosponsored [![\](https://copm.s3.amazonaws.com/bb64e26a.png)](https://www.jpeg.io/?utm_source=newsletter&utm_medium=email&utm_campaign=reactweekly-may2017) [Analyzing React’s Source Code for Type Mismatch Operations](https://medium.com/dailyjs/analyzing-reacts-source-code-for-type-mismatch-operations-9ca065e5b91?utm_source=reactnl&utm_medium=email) — Uses a Babel plugin called [Runtyper](https://github.com/vitalets/babel-plugin-runtyper) to perform runtime type-checking. Vitaliy Potapov [PrettyLoader: A Pattern for Wait Animations in React](https://medium.com/@l_e/prettyloader-a-pattern-for-wait-animations-in-react-3f7ec1451d40?utm_source=reactnl&utm_medium=email) — If you have lots of components loading data from elsewhere, it’s worth thinking about the user experience during the ‘wait’ periods. Lee Gillentine [5 Minutes of React Podcast: A React News Podcast](https://5minreact.audio/?utm_source=reactnl&utm_medium=email) — A bit like this newsletter but in audio form. Petr Myazinpodcast [A 30 Minute Introduction to Redux Offline](https://pusher.com/sessions/meetup/reactivate-london/redux-offline?utm_source=reactnl&utm_medium=email) — See how to use [Redux Offline](https://github.com/jevakallio/redux-offline) to make your app offline-first with optimistic updates, background sync, and more. Jani Eväkalliovideo [Using Source Maps to Debug Errors](https://rollbar.com/blog/how-to-use-javascript-source-maps-to-debug-errors/?utm_source=reactstatus&utm_campaign=reactstatus&utm_medium=email-nl) — Let's talk JavaScript Source Maps. What are they? How to enable source mapping? Why aren't they working? ROLLBARsponsored [A Variety of Best Practices for Writing React Components](https://engineering.musefind.com/our-best-practices-for-writing-react-components-dec3eb5c3fc8?utm_source=reactnl&utm_medium=email) Scott Domes [Building a Full-Sphere 3D Image Gallery with React VR](https://www.sitepoint.com/building-a-full-sphere-3d-image-gallery-with-react-vr/?utm_source=reactnl&utm_medium=email) SitePoint [Approaches to Rendering Maps With React](https://blog.webkid.io/making-maps-with-react/?utm_source=reactnl&utm_medium=email) — A quick look at React Leaflet, Pigeon Maps, Google Map React, and React MapGL. Moritz, Stefan and Tine [React Table: A Fast and Extendable Datagrid](https://github.com/tannerlinsley/react-table?utm_source=reactnl&utm_medium=email) Tanner Linsleycode [Getting Started with React Native Navigation V1](https://medium.com/handlebar-labs/getting-started-with-react-native-navigation-v1-7a16afdeadcd?utm_source=reactnl&utm_medium=email) Spencer Carlinative [How to Add a Splash Screen to a React Native App (iOS and Android)](https://medium.com/handlebar-labs/how-to-add-a-splash-screen-to-a-react-native-app-ios-and-android-30a3cec835ae?utm_source=reactnl&utm_medium=email) Spencer Carlinative [React Native Calendars: Customizable Calendar Components](https://github.com/wix/react-native-calendars/?utm_source=reactnl&utm_medium=email) Wixnative [ForwardJS Early Bird Tickets on sale today](https://forwardjs.com) — Attend full-day hands-on React workshops and dozens of talks at ForwardJS San Francisco this July. ForwardJSsponsored    [Read this issue on the Web](https://react.statuscode.com/issues/36) [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