#160 — October 16, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Ionic React Now Generally Available — 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 — Create Next App sets up a modern React application powered by Next.js 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

React Hooks Guide: See the In-Depth Tutorials with Examples — 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“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 — 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.


💻 Jobs

React Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers.


Find A Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.


📘 Tutorials and Stories

Migrating a 50K SLOC Flow and React Native App to TypeScript — Ditching Flow for TypeScript is easier than ever and should be more future proof.

Adam Terlson

Demonstrating Reusable React Components in a Form

Kingsley Silas

Building a Cool Horizontal Scroll Interaction in React — 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 — Use Ably’s pub/sub channels API to quickly build a news feed app with ReactJS.

Ably sponsor

▶  The New React Native — 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 — For when you want to delay successive operations after one has already taken place.

Gabe Mickey

A Guide to Next.js Authentication with 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 — The latest in a series of posts about how Instagram is making their webapp faster.

Glenn Conner

🔧 Code and Tools

react-roughviz: 'Rough', Hand-Drawn Charts — A wrapper around roughViz, a library that can make bar, donut, pie, line and scatter charts that look like they were drawn by hand.


React Transitions: Full Page Transitions with React Router — 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 — 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

Manifold sponsor

SVGR: Transform SVGs Into React Components — 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 LibraryTippy.js is a popular, highly customizable JavaScript tooltip and popover library, and this React component makes it a lot easier to use in React apps.