#157 — September 25, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Announcing React Native 0.61 with Fast Refresh — Version 0.61 of React Native includes a new reloading experience called ‘Fast Refresh’ which brings together live reloading and hot reloading in an elegant way. Other changes include the addition of the useWindowDimensions hook and an upgrade of the underlying React version to 16.9.

Dan Abramov

React Router v5.1 Released“Easily the most notable feature in this release is the addition of some hooks (for React 16.8 users, ofc). We are excited about the ability that hooks give us to compose state and behavior instead of just composing elements.” GitHub repo.

Michael Jackson

All-In-One Visual Testing and Review Platform — Visually test your React apps and components across browsers and screens to catch UI bugs and deploy with confidence.

Percy sponsor

State Colocation Will Make Your React App Faster — This is all about the idea of keeping state as local to your components as possible for both performance and maintenance reasons.

Kent C Dodds

▶  React Hooks: The 'Weird Ones' — A ten minute introduction to useDebugValue, useLayoutEffect and useImperativeHandle.

Bitovi

React Riot: An Annual Online React Hackathon — A popular React-themed 48-hour hackathon that takes place each year. Wherever you are, you can take part, and the next one is this weekend (September 28-29).

React Riot

💻 Jobs

Full Stack Engineer — Expensify seeks a self-driven individual passionate about making code effective, with an understanding of algorithms and design patterns.

Expensify

Let Your Skills Do the Talking — Our AI makes it easier and quicker to match with companies such as Apple, Skyscanner, KPMG, all based on your skills, no recruiters.

hackajob

📘 Tutorials and Stories

Sharing TypeScript Code Between the Web and React Native — An explanation of how a team reused code from their normal front-end webapp in a React Native app.

John Ruble

Recursion in React: Render Comments with Nested Children — The example of recursion worked upon here is a component that can display a tree of comments.

Nick Major

Join Us at JAMstack Conf San Francisco, Oct 16-18, for Demos, Case Studies + Workshops

JAMstack conf SF sponsor

React Lazy: A Take on Preloading Views — How to add preloading to your route based code split apps.

Maxime Heckel

How to Deploy a React App to Production on AWS with Express, Postgres, PM2 and NGINX — There’s a lot to digest in this walk through of setting up an AWS deployment setup from scratch for a React-based webapp.

Mohammad Iqbal

🔧 Code and Tools

Glean: React Refactoring Tools for VS Code — Do things like extract JSX into components, convert class components to functional components, wrap JSX with a conditional, and more. GitHub repo.

Visual Studio Marketplace

styled-components 4.4: Visual Primitives for The Component Age — Version 5 was announced months ago but this is the last 4.x release before 5 makes its final appearance.

styled-components

Want a Better Way to Store and Serve Images and Videos? — Join a community of over 450K web and mobile developers dynamically managing rich media with Cloudinary. Try it free.

Cloudinary sponsor

React-PDF: A Renderer for Creating PDFs — Works in the browser or on the server.

Diego Muracciole

react-native-pager: A Controllable Pager Component for React Native

Crowdlinker Inc.

A 'Puzzle Piece'-Based React Confirmation Modal Component — A somewhat specific component but it does the job. Demo here.

Yusuf Özlü

iframe-resizer-react: Enables Automatic Resizing of iFrames to Fit Content

David J. Bradshaw

React DnD 9.4.0: Utilities to Create Drag and Drop Interfaces

Chris Trevino