--- title: "Ionic React now generally available" publication: "React Status" issue: 160 published_at: "2019-10-16" canonical_url: "https://react.statuscode.com/issues/160" --- This week's React news #160 — October 16, 2019 [Read on the Web](https://react.statuscode.com/issues/160) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v2sa4lc0vjgcxcrfkkc7.jpg)](https://ionicframework.com/blog/announcing-ionic-react/) [Ionic React Now Generally Available](https://ionicframework.com/blog/announcing-ionic-react/) — If you’re on the lookout for an interesting alternative to React Native, consider the new React-flavored version of Ionic, a popular framework (once more associated with Angular) for building iOS, Android, and desktop apps, as well as PWA webapps. Max Lynch [Introducing _Create Next App_](https://nextjs.org/blog/create-next-app) — Create Next App sets up a modern React application powered by [Next.js](https://nextjs.org/) in one command. Next.js has a great ecosystem with lots of extensions and is an ideal way to play with React in a universal fashion. Joe Haddad and Tim Neutkens [![\](https://copm.s3.amazonaws.com/38f3e66f.png)](https://www.telerik.com/kendo-react-ui/react-hooks-guide/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-blog-react-hooks-guide&utm_content=primary) [React Hooks Guide: See the In-Depth Tutorials with Examples](https://www.telerik.com/kendo-react-ui/react-hooks-guide/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-blog-react-hooks-guide&utm_content=primary) — This guide serves as an exhaustive resource for learning the built-in Hooks that are now part of React. Learn all about them as we comprehensively cover: State and Effects, Context, Reducers, and Custom React Hooks. Start learning today. Progress KendoReact sponsor [Reasons to Learn Redux as a JavaScript Developer](https://www.robinwieruch.de/redux-javascript) — _“I believe Redux makes everyone a better JavaScript developer,”_ says the author who is clearly a fan of the popular state management approach. Robin Wieruch [REAVIZ 5.2: A D3.js-based React Data Visualization Library](https://reaviz.io/?path=/story/docs-intro--page) — We first linked this several months ago but it’s had a lot of updates recently, including to its documentation and examples which are both very thorough. Definitely worth a look if you want to create elaborate charts and plots. [GitHub repo.](https://github.com/jask-oss/reaviz) REAVIZ 💻 Jobs [React Developer at X-Team (Remote)](https://x-team.com/remote-react-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=react) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers. X-Team [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-77585) — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started. Vettery 📘 Tutorials and Stories [Migrating a 50K SLOC Flow and React Native App to TypeScript](https://medium.com/@adamterlson/migrating-a-flow-react-native-app-to-typescript-c74c7bceae7d) — Ditching Flow for TypeScript is easier than ever and should be more future proof. Adam Terlson [Demonstrating Reusable React Components in a Form](https://css-tricks.com/demonstrating-reusable-react-components-in-a-form/) Kingsley Silas [Building a Cool Horizontal Scroll Interaction in React](https://medium.com/dailyjs/horizontal-scroll-animation-fc39ae43cbe5) — How to create a fun scroll animation in which items “flip” in the direction of the scroll. Konstantin Lebedev [Build a News Feed in 30 Mins with ReactJS + Ably](https://www.ably.io/tutorials/newsfeed-react) — Use Ably’s pub/sub channels API to quickly build a news feed app with ReactJS. Ably sponsor ▶[The New React Native](https://www.youtube.com/watch?v=52El0EUI6D0) — A 20 minute talk where a React Native core team member presents whats going on with the project. Emily Janzer [Using Debouncing with React Components](https://medium.com/@gabrielmickey28/using-debounce-with-react-components-f988c28f52c1) — For when you want to delay successive operations after one has already taken place. Gabe Mickey [A Guide to Next.js Authentication with Auth0](https://auth0.com/blog/ultimate-guide-nextjs-authentication-auth0/) — Auth0 is a commercial ‘authentication-as-a-service’ platform but with a generous free tier we’ve always been keen to see them engage with the community with tutorials like this. Sandrino Di Mattia [Making Instagram.com Faster: How Instagram Uses Redux](https://instagram-engineering.com/making-instagram-com-faster-part-3-cache-first-6f3f130b9669) — The latest in a series of posts about how Instagram is making their webapp faster. Glenn Conner 🔧 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/lgrjbjmootjuoppujtap.jpg)](https://github.com/Chris927/react-roughviz) [react-roughviz: 'Rough', Hand-Drawn Charts](https://github.com/Chris927/react-roughviz) — A wrapper around [roughViz](https://github.com/jwilber/roughViz), a library that can make bar, donut, pie, line and scatter charts that look like they were drawn by hand. Miscellaneous [React Transitions: Full Page Transitions with React Router](https://www.joerezendes.com/projects/react-transitions/) — You have to be careful not to overuse these sorts of visual effects, but they can add a touch of flair to an app in some cases. Joe Rezendes [React Tiny Fab: An Accessible 'Floating Button' Component](https://dericgw.github.io/react-tiny-fab/) — Floating buttons are those Android-esque buttons that stay floating above the main content. Check out the demo on the homepage. Deric Cain [A Toolkit to Grow API-First Products](https://www.manifold.co/?utm_source=react_status&utm_medium=newsletter&utm_campaign=oct16) Manifold sponsor [SVGR: Transform SVGs Into React Components](https://github.com/smooth-code/svgr) — Turn SVG from your favorite graphics editor into ready-to-use components for your React apps. Smooth Code [React Component for Tippy.js, a Tooltip and Popover Library](https://github.com/atomiks/tippy.js-react) — [Tippy.js](https://atomiks.github.io/tippyjs/) is a popular, highly customizable JavaScript tooltip and popover library, and this React component makes it a lot easier to use in React apps. atomiks 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