---
title: "#39: Storybook 3.0 Released - An IDE for React Components"
publication: "React Status"
issue: 39
published_at: "2017-06-02"
canonical_url: "https://react.statuscode.com/issues/39"
---

react status 39   

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

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

[Storybook 3.0 Released: An IDE for React Components](https://medium.com/storybookjs/announcing-storybook-3-0-329748b8f4cd?utm_source=reactnl&utm_medium=email) — [Storybook](https://storybook.js.org/) is an interactive development and testing environment for React components. [What you need to know about Storybook 3.0](https://blog.hichroma.com/what-you-need-to-know-about-storybook-3-0-6adf5b516322) tells the full story of the release. Michael Shilman [What WebAssembly Means for React](https://www.youtube.com/watch?v=3GHJ4cbxsVQ&utm_source=reactnl&utm_medium=email) — Lin Clark looks at what WebAssembly could mean for React’s performance, and how the new Fiber architecture plays into that. ReactEuropevideo [React InstantSearch ⚡️ Lightning Fast Search for Web and Native](https://community.algolia.com/react-instantsearch/?utm_source=react-status&utm_medium=email&utm_campaign=react-is) — You ❤️ React, We 😻 Search. Combine both with lightning fast search you can integrate in minutes. React InstantSearch gives you the components to build a great search experience. Algoliasponsored [![\](https://copm.s3.amazonaws.com/23273ff5.jpg)](https://community.algolia.com/react-instantsearch/?utm_source=react-status&utm_medium=email&utm_campaign=react-is) [A Curated List of 68 React/Redux Tutorials, Walkthroughs & Courses](https://github.com/markerikson/react-redux-links/blob/master/redux-tutorials.md?utm_source=reactnl&utm_medium=email) Mark Erikson [Porting a React Component from ES6 to TypeScript](https://devsandbox.io/articles/converting-react-to-typescript/?utm_source=reactnl&utm_medium=email) Erik Niehaus [Getting a Better React-ion with Progressive Web Apps](http://cloudinary.com/blog/getting_a_better_react_ion_with_progressive_web_apps?utm_source=reactnl&utm_medium=email) — A step-by-step tutorial on how to add Progressive Web App features to your React apps. Mike Elsmore ['Serverless' Server-Side Rendering with React using Redux or MobX](https://hackernoon.com/serverless-server-side-rendering-with-react-using-redux-or-mobx-ce32a121ce08?utm_source=reactnl&utm_medium=email) — Essentially using a third party service ([roast.io](https://www.roast.io/)) to render pages. Emil Ong [Turning Your Reusable React Component Into An npm Package](https://medium.com/@natemartinmchariah/turning-your-reusable-react-component-into-an-npm-package-ca11e1bdac65?utm_source=reactnl&utm_medium=email) Nate M Martin [A Simple Introduction to State Management with MobX in React Native](https://blog.uncommon.is/a-simple-introduction-to-state-management-with-mobx-in-react-native-ed749aa2b5d7?utm_source=reactnl&utm_medium=email) Madhunative [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 [Using React with ClojureScript](https://www.youtube.com/watch?v=Sbej4OYTwjg&utm_source=reactnl&utm_medium=email) — A 30 minute talk. _Audio is OK but not fantastic._ Arne Brasseurvideo [Discussing React with Netflix](https://shoptalkshow.com/episodes/264-react-netflix/?utm_source=reactnl&utm_medium=email) — Three developers from Netflix discuss why the streaming service chose React. _(1 hour)_ ShopTalkpodcast [How to Structure Your React Project](https://daveceddia.com/react-project-structure/?utm_source=reactnl&utm_medium=email) — Dave Ceddia explains how he structures his React projects. Dave Ceddia [React Content Loader: A 'Content is Loading' Component using SVG](https://github.com/danilowoz/react-content-loader?utm_source=reactnl&utm_medium=email) Danilo Woznicacode [Animate Components: Elemental Components for Animations](https://github.com/nitin42/animate-components?utm_source=reactnl&utm_medium=email) — Component based animation with a minimal API. The aim is ease of use. Nitin Tulswanicode [react-fake-props: Simplify React Tests by Automatically Generating Fake Props](https://github.com/typicode/react-fake-props?utm_source=reactnl&utm_medium=email) — It automatically generates valid fake props, making React Component testing easier and less verbose. It supports Flow and PropTypes. typicodecode [react-x11: React Renderer That Targets X11](https://github.com/sidorares/react-x11?utm_source=reactnl&utm_medium=email) — An intriguing idea that lets you build simple GUI apps for X Window environments. Andrey Sidorovcode [ForwardJS 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/39) [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