--- title: "#32: react-ionize - A React Renderer for Building Electron Apps" publication: "React Status" issue: 32 published_at: "2017-04-14" canonical_url: "https://react.statuscode.com/issues/32" --- react status 32 This week's React news -[Read this on the Web](http://react.statuscode.com/issues/32) [react status](http://react.statuscode.com) Issue 32 [React v15.5 Released](https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html?utm_source=reactnl&utm_medium=email) — Paving the way for React 16, 15.5 includes new deprecation warnings, splits out PropTypes into a new prop-types package (so be sure to install if needed), and _“JavaScript classes are now the preferred way to create components”_. Andrew Clarknews [react-ionize: A React Renderer for Building Electron Apps](https://github.com/mhink/react-ionize?utm_source=reactnl&utm_medium=email) — A library for building the ‘non-browser’ parts of an Electron app using React components to manage the app’s state. Matt Hink [CodeSandbox: An Online React Playground/Editor](https://codesandbox.io/?utm_source=reactnl&utm_medium=email) — Essentially a mini, online React IDE. A perfect place to experiment and try out ideas. Ives van Hoorne [Online Workshop: React Native, SVG and D3](https://forwardcourses.com/workshops/116) — Harry Wolff teaches you to render SVG into your React applications, build D3 charts that you can render with React Native ART, and tween between graphs to generate animations. Forward Coursessponsored [![\](https://copm.s3.amazonaws.com/37bd2ef5.jpg)](https://forwardcourses.com/workshops/116) [ReactXP: A Layer To Share View Code Between Platforms](https://microsoft.github.io/reactxp/blog/2017/04/06/introducing-reactxp.html?utm_source=reactnl&utm_medium=email) — Built by the Skype team at Microsoft, [ReactXP](https://github.com/microsoft/reactxp) is a cross-platform layer for sharing view definitions, styles, and animations for multiple target platforms. Microsoft [Twitter Lite and High Performance React PWAs at Scale](https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3?utm_source=reactnl&utm_medium=email) — A look into removing performance bottlenecks, both common and uncommon, in one of the largest React.js PWAs, Twitter Lite. Paul Armstrong [React Rally: A 2 Day Conference in Salt Lake City (Aug 24-25)](http://www.reactrally.com/?utm_source=reactnl&utm_medium=email) — Tickets go on sale later tonight. reactrally.​comnews [Personalization with CSS Variables and React](https://medium.com/geckoboard-under-the-hood/how-we-made-our-product-more-personalized-with-css-variables-and-react-b29298fde608?utm_source=reactnl&utm_medium=email) — How and why Geckoboard uses CSS Variables in combination with React to re-style their web app on the fly. Dan Bahrami [End-to-End Testing React Applications with TestCafe](https://hackernoon.com/e2e-testing-react-applications-with-testcafe-8edb605ec66c?utm_source=reactnl&utm_medium=email) — Alexander Moskovkin uses TestCafe to test the React TodoMVC application. Hacker Noon [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 Free React Fundamentals Course from React Router's Creators](https://reacttraining.com/online/react-fundamentals?utm_source=reactnl&utm_medium=email) Tyler McGinnis [Moving Beyond Animations to User Interactions at 60 FPS in React Native](https://medium.com/@talkol/moving-beyond-animations-to-user-interactions-at-60-fps-in-react-native-b6b1fa0ba525?utm_source=reactnl&utm_medium=email) Tal Kolnative [From CSS Preprocessors to Styled Components (in 12 Minutes)](https://pusher.com/sessions/meetup/reactivate-london/from-css-preprocessors-to-styled-components?utm_source=reactnl&utm_medium=email) — How to achieve more maintainable styling by moving from CSS preprocessors to styled components. Max Stoibervideo [16 React Boilerplate Projects Ranked by Popularity](http://www.boilrplate.com/language/react?utm_source=reactnl&utm_medium=email) Boilrplatetools [react-input-hints: Animated Form Text Input Placeholder Text](https://github.com/williamboman/react-input-hints?utm_source=reactnl&utm_medium=email) William Bomancode [react-native-conductor: Orchestrate Animations Across Components in One Place](https://github.com/mosesoak/react-native-conductor?utm_source=reactnl&utm_medium=email) Moses Guneschcode [react-accessible-accordion: An Accessible Accordion Component](https://github.com/springload/react-accessible-accordion?utm_source=reactnl&utm_medium=email) Springloadcode [Have you tried MongoDB Atlas yet?](https://www.mongodb.com/cloud/atlas/lp/try-2?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY17Q2&utm_content=sponsored&utm_medium=&utm_source=reactstatus) — Get started with a free, hosted replica set. No credit card needed. MONGODBsponsored [Read this issue on the Web](http://react.statuscode.com/issues/32) [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