--- title: "React Native 0.56 Released" publication: "React Status" issue: 95 published_at: "2018-07-06" canonical_url: "https://react.statuscode.com/issues/95" --- This week's React news #95 — July 6, 2018 [Read on the Web](https://react.statuscode.com/issues/95) react status [React From Zero: A Simple Code Driven React 'Tutorial'](https://github.com/kay-is/react-from-zero) — An interesting approach that orients around simple, commented examples, rather than prose. It’s nice to see React’s features demonstrated so cleanly. Also available in [Chinese](https://github.com/chinanf-boy/react-from-zero) and [Portuguese](https://github.com/andre-motta/react-from-zero). Kay Plößer [React Native 0.56 Released](https://facebook.github.io/react-native/blog/2018/07/04/releasing-react-native-056) — _“You might consider 0.56.0 as a fundamental building block towards a more stable framework”_. React Native moves up to Babel v7, Node 8, drops iOS 8 support, and improves Android support. Lorenzo Sciandra [![\](https://copm.s3.amazonaws.com/51493e6b.png)](https://developer.okta.com/blog/2018/02/06/build-user-registration-with-node-react-and-okta?utm_source=ReactStatus&utm_medium=Email&utm_campaign=user%20reg%20react%20node) [How to Add (Secure) User Registration to a React App](https://developer.okta.com/blog/2018/02/06/build-user-registration-with-node-react-and-okta?utm_source=ReactStatus&utm_medium=Email&utm_campaign=user%20reg%20react%20node) — Registration and user management may be a pain to build, but they're necessary for personalized user experiences. Learn how to implement them securely and quickly using React and a Node API. okta sponsor [Rogue: Quick, Zero Config Server Side Rendering for React](https://github.com/alidcastano/rogue) — _“wrap your app in layouts/transitions/providers, etc. the same way you would in a regular React Application, and staying true to React’s values, you can organize your code however you like.”_ Uses React Router 4. Alid Castano [Building a Screenshot Capture Tool with Electron, React and Node](https://quantizd.com/building-a-snipping-tool-with-electron-react-and-node-js/) — This basic tutorial threads together a few technologies in an interesting way. Waleed Ahmad [React Native: A Retrospective From Udacity's Engineering Team](https://engineering.udacity.com/react-native-a-retrospective-from-the-mobile-engineering-team-at-udacity-89975d6a8102) — It seems to be the season for sharing stories about how people are using React Native (or _not_ using it) and here Udacity’s mobile engineering team explain their shift away. Nate Ebel 💻 React Jobs [Family-Friendly Team Seeks Full-Stack Developer](https://docs.spidergap.com/jobs-at-spidergap/join-our-family-friendly-team-as-a-juniormid-level-developer-javascript-nodejs-react) — Join our remote team and achieve great things while maintaining a healthy work-life balance. Working with JavaScript, React and NodeJS. Spidergap [React/Full-Stack Engineer (Remote)](https://medium.com/unsplash/unsplash-is-hiring-3rd-full-stack-engineer-fc883d9ebde3) — Join our small, distributed team as we build the world’s largest open library of freely usable visuals. Open to all, regardless of experience and background. Unsplash [Find A Job Through Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-75456) — Vettery matches top tech talent with fast-growing companies. Create your profile to get started. Vettery 📘 Tutorials [Upgrade Your React UI with State Machines](https://hackernoon.com/upgrade-your-react-ui-with-state-machines-30d1298e90be) — An introduction to [React Machinery](https://github.com/francisrstokes/React-Machinery), a component-based approach to state machines in React apps. Francis Stokes [Whitepaper: How to Plan a React Application?](https://www.telerik.com/campaigns/kendo-ui/wp-planning-react-app?utm_source=reactstatus&utm_medium=cpm&utm_campaign=kendo-ui-react-whitepaper-planreactapp&utm_content=sponsoredlink) — Learn strategies for tooling, frontend, UX, testing and performance to boost productivity. Get your free copy. Progress Kendo UI sponsor [5 Quick Examples of Taking Your ES6 in React to the Next Level](http://blog.jakoblind.no/next-level-es6-react/) Jakob Lind [Performance Profiling a Redux App](https://medium.com/@cvitullo/performance-profiling-a-redux-app-c85e67bf84ae) Carl Vitullo 💬 Opinion [Why GraphQL: Advantages, Disadvantages and Alternatives](https://www.robinwieruch.de/why-graphql-advantages-disadvantages-alternatives/) Robin Wieruch [Would Airbnb Have Fared Better With NativeScript Instead of React Native?](https://www.nativescript.org/blog/would-airbnb-have-fared-better-with-nativescript-instead-of-react-native) — TJ VanToll walks through Airbnb’s complaints with React Native, and offers thoughts on how some of those same problems could’ve been handled in NativeScript. NativeScript [Ask HN: What Popular Apps Were Made Exclusively with React Native or Flutter?](https://news.ycombinator.com/item?id=17440919) Hacker News 🔧 Code and Tools [RIFM - React Input Format and Mask: Transform Any Input Component Into Formatted or Masked Input](https://github.com/istarkov/rifm) — A tiny (≈650b) component to transform any input component into formatted or masked input. Ivan Starkov [react-beautiful-dnd: Accessible Drag and Drop for Lists](https://github.com/atlassian/react-beautiful-dnd) — [Version 8](https://github.com/atlassian/react-beautiful-dnd/releases/tag/v8.0.0) is just out and it’s faster and smaller than ever. Atlassian [Real-Time Error Monitoring, Alerting, and Analytics for React 🚀](https://try.rollbar.com/javascript/?utm_source=reactstatus&utm_campaign=nl_sponsorship&utm_medium=email-nl) ROLLBAR sponsor [react-digraph: A Library for Creating Directed Graph Editors](https://github.com/uber/react-digraph) — Create a directed graph editor without implementing SVG drawing or event handling logic. Uber Open Source [react-flip-toolkit: A React FLIP Animation Helper Library](https://github.com/aholachek/react-flip-toolkit) — Designed for creating advanced, configurable ‘[FLIP](https://aerotwist.com/blog/flip-your-animations/)-style’ transitions. Alex Holachek A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom