---
title: "#53: ReactPDF - Display PDF Files in Your React App"
publication: "React Status"
issue: 53
published_at: "2017-09-08"
canonical_url: "https://react.statuscode.com/issues/53"
---

react status 53   

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

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

[React-PDF: Display PDF Files in Your React App](https://github.com/wojtekmaj/react-pdf?utm_source=reactnl&utm_medium=email) — Lets you use a ‘Document’ tag with a URL, base64 content or Uint8Array containing a PDF. [Demo](http://projekty.wojtekmaj.pl/react-pdf/). Wojciech Majcode [A Simple Component Lifecycle Simulator](https://reactarmory.com/guides/lifecycle-simulators?utm_source=reactnl&utm_medium=email) — Deepen your understanding of component lifecycle by stepping through each method in slow-motion. James K Nelson [Takeoff: A Rapid Development Environment Designed for Hack Days](https://medium.com/@tanepiper/takeoff-a-rapid-development-environment-designed-for-hack-days-9a45ae891366?utm_source=reactnl&utm_medium=email) — Oriented around Hapi, React, React Router v4, Redux, Postgres, and NGINX. [GitHub repo](https://github.com/tanepiper/takeoff). Tane Pipertools [Explore the Powerful Features of the ExtReact Grid for React Web Apps](http://pages.sencha.com/extreact-add-the-infinite-data-grid-to-react-web-apps-cp.html) — A grid can be one of the most frustrating UI components to build in React. Try ExtReact for free today and see how easy it is to add the grid and many other data-driven components like D3 charts, graphs, calendar and more, into your applications. Sencha, Incsponsored [![\](https://copm.s3.amazonaws.com/543c655e.png)](http://pages.sencha.com/extreact-add-the-infinite-data-grid-to-react-web-apps-cp.html) [react-imgpro: An Image Processing Component](https://github.com/nitin42/react-imgpro?utm_source=reactnl&utm_medium=email) — Processes an image with filters supplied as props and returns a base64 image. Nitin Tulswanicode [Using SVG Patterns for Backgrounds with React](https://www.robinwieruch.de/react-svg-patterns/?utm_source=reactnl&utm_medium=email) Robin Wieruch [Using the React Children API](http://developingthoughts.co.uk/using-the-react-children-api/?utm_source=reactnl&utm_medium=email) Alex Young [How Bitmovin Used React and Redux to Develop Its New Dashboard](https://bitmovin.com/bitmovin-used-reactredux-to-develop-new-dashboard/?utm_source=reactnl&utm_medium=email) Lukas Kröpfl [The React License for Founders and CTOs](https://medium.com/@ji/the-react-license-for-founders-and-ctos-b38d2538f3e5?utm_source=reactnl&utm_medium=email) — A startup founder and ex-Facebook engineer’s story of the BSD+Patents license. James Ide [What WebAssembly Means for React](https://www.youtube.com/watch?v=QKNwAPrdGCw&utm_source=reactnl&utm_medium=email) Lin Clarkvideo [Creating an Asynchronous Loading Image Component in React Native](https://blog.reactnativecoach.com/creating-an-asynchronous-loading-image-component-in-react-native-part-i-1b087d0ded62?utm_source=reactnl&utm_medium=email) Wyatt McBainnative [Free MongoDB hosting for your next app](https://www.mongodb.com/cloud/atlas/lp/general?jmp=cpress=WW_CP_newsletter_sponsorship_FY17Q3&utm_content=sponsored&utm_medium=email&utm_source=reactnl) — Get started with MongoDB in minutes with our free tier, sponsored by AWS. MONGODBtools sponsored [react-toggled: Build Simple, Flexible, and Accessible Toggle Components](https://github.com/kentcdodds/react-toggled?utm_source=reactnl&utm_medium=email) Kent C.​ Doddscode [react-idle: Notifies Your App When The User Is Idle](https://github.com/ReactTraining/react-idle?utm_source=reactnl&utm_medium=email) — Provides an opportunity to do things while your app isn’t actively being used. React Trainingcode [React Chat: A Chat App Built with React and Ruby on Rails 5.1](https://github.com/learnetto/reactchat?utm_source=reactnl&utm_medium=email) Learnettocode [react-offline-hoc: Higher-Order Component for Detecting Network Offline State](https://github.com/LINKIWI/react-offline-hoc?utm_source=reactnl&utm_medium=email) Kevin Lincode [Creating a ride-booking app with React Native and Pusher](https://blog.pusher.com/creating-ride-booking-app-react-native-pusher/?utm_source=reactnl&utm_medium=email&utm_campaign=sep8&utm_term=briefsponsoredlink&utm_content=cooperpress) Pushersponsored    [Read this issue on the Web](https://react.statuscode.com/issues/53) [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