--- title: "React Native gets a new JavaScript engine on Android" publication: "React Status" issue: 147 published_at: "2019-07-17" canonical_url: "https://react.statuscode.com/issues/147" --- This week's React news #147 — July 17, 2019 [Read on the Web](https://react.statuscode.com/issues/147) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/kwzjhrs6fx9r0ffq3asq.jpg)](https://www.framer.com/motion/) [Framer Motion: Production-Ready Fluid Animations in React](https://www.framer.com/motion/) — If you’ve ever heard of Popmotion’s _Pose_, this is the open source successor to that and provides a way to create smooth animations, both simple and complex. Here’s [an introductory blog post](https://www.framer.com/blog/posts/introducing-framer-motion/) with more details. Framer [Hermes: A New JS Engine Optimized for React Native](https://hermesengine.dev/) — Hermes is a new engine released by Facebook that aims to dramatically speed up React Native apps on Android by introducing optimized build-time bytecode generation. You can opt-in to using it with React Native 0.60.2. Interested in the tech? [Here's the background to how it works.](https://code.fb.com/android/hermes/) Facebook [![\](https://copm.s3.amazonaws.com/3cd3923e.jpg)](https://tripetto.com/sdk/developers/react/) [Open-Source React Component for Engaging Forms and Surveys](https://tripetto.com/sdk/developers/react/) — Tripetto is a deeply customizable, extensible form and survey SDK for rapidly equipping applications with powerful interactions. Use its open source React component to autonomously run engaging forms inside your project - zero SaaS strings attached. Tripetto sponsor [How I Ruined My App's Performance Using React Context Instead of Redux](https://blog.theodo.com/2019/07/how-i-ruined-my-application-performances-by-using-react-context-instead-of-redux/) — While there’s an element of misusing the tools here, React-Redux provides some optimizations for ‘free’ that you need to think more directly about when using context to prevent huge amounts of pointless re-rendering. Georges Biaux [React Conf 2019 CFP Open Until Next Monday](https://docs.google.com/forms/d/e/1FAIpQLSdTz3S5Og0toUlC1PLkzoqmO-xo9D4Ivf_FQdNmOF-_R2yvbg/viewform) — React Conf 2019 is taking place this October 25-26 in Las Vegas and you’ve got just a few days to get your proposal together if you want a chance of speaking there. React Conf 2019 [The MDN Web Docs Have a New React-Powered Homepage](https://beta.developer.mozilla.org/en-US/) — It’s in beta now but the popular frontend developer resource site is trying a React-driven front-end. Mozilla [Build a Chat App Using React Hooks in 100 Lines of Code](https://css-tricks.com/build-a-chat-app-using-react-hooks-in-100-lines-of-code/) — Leans on Create React App, Socket.io (for the communications), and a variety of hooks to make the front-end work. The [server part](https://github.com/akash-joshi/socket-server) is pre-built and ready to go. Akash Joshi 💻 Jobs [Sr. Frontend Engineer - Coinbase Commerce (SF)](https://www.coinbase.com/careers/positions/1748566) — Make accepting cryptocurrency simple for everyone. We’re looking for a React expert with crypto curiosity to join our team of 5. Coinbase Commerce [Land a New Dev Job on Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — Vettery specializes in tech roles and is completely free for job seekers. Vettery 📘 Tutorials and Stories [Redux with Code-Splitting and Type Checking](https://blogs.dropbox.com/tech/2019/07/redux-with-code-splitting-and-type-checking/) — Some pointers on getting all your ducks in a row if you want to combine using Redux with TypeScript and modern code-splitting techniques. Matthew Gerstman [Building Chat with React? Stream Chat Has You Covered](https://getstream.io/chat/react-chat/tutorial/) — Have a look at our interactive chat tutorial in React and learn how to build with Stream Chat. Stream sponsor [An Easy Way to Know When React Components Enter the Browser Viewport](https://alligator.io/react/components-viewport-react-visibility-sensor/) — learn how to use React Visibility Sensor to detect when your React components have entered the viewport. William Le [8 Practices In React That Will Crash Your App In The Future](https://dev.to/jsmanifest/8-practices-in-react-that-will-crash-your-app-in-the-future-2le5) — These are mostly JavaScript gotchas, but still fall squarely into the Just Don’t Do That™ pile. Christopher Tran [Testing of a Custom React Hook for Fetching Data with Axios](https://dev.to/doppelmutzi/testing-of-a-custom-react-hook-for-fetching-data-with-axios-4gf1) Sebastian Weber 🔧 Code and Tools [react-native-image-crop-picker: An iOS/Android Image Picker](https://github.com/ivpusic/react-native-image-crop-picker) — A mobile image picker with configurable compression, cropping multiple image support and cropping _and_ an attempt at longest React library name 😄 Ivan Pusic [React Page Visibility: A Declarative, Isomorphic 'Page Visibility' React Component](https://github.com/pgilad/react-page-visibility) — React to your app being in the background (or invisible) so you can do things like conserve bandwidth or stop performing calculations, etc. Gilad Peleg [React-DateTime-Picker: C'mon, You Know What It Does..](http://projects.wojtekmaj.pl/react-datetime-picker/) — Works with any language, uses native date formatting (instead of something like Moment.js), and is quite flexible. Wojciech Maj [Make Your Images & Videos Load Fast & Look Beautiful with Cloudinary](https://cloudinary.com/users/register/free?utm_source=react_status&utm_medium=sponsored_placement&utm_campaign=dev_sign_up&utm_content=brief_link&utm_keyword=july_17_2019) Cloudinary sponsor [Search UI 1.0: Elastic-Powered Search Experiences for React Apps](https://github.com/elastic/search-ui) elastic [react-native-picker-select: A Picker Component for React Native](https://github.com/lawnstarter/react-native-picker-select) — It emulates the native `select` interfaces on both iOS and Android. LawnStarter [react-redux-firebase: Redux Bindings for Firebase](https://github.com/prescottprue/react-redux-firebase) — Supports Realtime Database, Firestore, and Storage. Scott Prue [react-stripe-elements 4.0: Components for Stripe.js and Stripe Elements](https://github.com/stripe/react-stripe-elements) — If you’re using Stripe in your checkout process, [version 4](https://github.com/stripe/react-stripe-elements/releases/tag/v4.0.0) has just dropped. Stripe 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