#112 — October 31, 2018

Read on the Web

react status

▶  28 Talk Videos from React Conf 2018 — React Conf took place in Las Vegas last week and a lot of videos are already up. Some choice examples include:

Introducing React 'Hooks' — Hooks are a proposed new feature for using state and other React features without writing classes. You can try them out in an alpha build of React 16.7 and keep up with discussion in this RFC.

React

Using AWS Rekognition to Analyse and Tag Uploaded Images Using MongoDB Stitch — Use AWS Rekognition along with MongoDB Stitch to supplement new content with information as it is inserted into the database.

MongoDB sponsor

Making Sense of React Hooks — If the new ‘hooks’ feature (above) intrigues you, this article digs further into it, the motivations behind them, and answers some questions around their usage and implementation.

Dan Abramov

What and How to Test React Components with Jest and Enzyme“It may be interesting to compare your own approaches with the ones we use in our project.” Designed for existing Jest and Enzyme users.

Alona Pysarenko

Create React App 2.1: Now Supports TypeScript — The new TypeScript support we mentioned last week is now out in this official release. If you’re already using create-react-app-typescript, this tutorial will help you migrate.

Facebook

React Native's Backend To Open Up to Other Frameworks“We are working on making ‘React Native’ just ‘Native’ and enabling other frameworks to run on top of its native part.” ReasonML is the first target for support.

Mike Grabowski on Twitter

💻 React Jobs

ReactJS Developer at Komoot (Remote) — Millions get inspired and plan adventures with our apps. To help us make Komoot the place to go to plan outdoor adventures, we’re looking for an ambitious React developer to join our team.

Komoot

Join Our Career Marketplace & Get Matched With A Job You Love — Through Hired, software engineers have transparency into salary offers, competing opportunities, and job details.

Hired

📘 Tutorials

A Simple Intro to React Hooks — Learn how React’s new Hooks feature works, and how Hooks can make your code cleaner and easier to write.

Dave Ceddia

4 Examples of the useState Hook — Converting function components to classes is a pain. The useState hook can help.

Dave Ceddia

How to Use Sass and CSS Modules with create-react-app — A short yet detailed guide to styling components with create-react-app.

Esau Silva

Progressive Image Loading in React Native — Building a component to pass both a full-size image and thumbnail to display, show a placeholder and then animate between the two.

Spencer Carli

Good Code Practices with React and Redux

Gurveer Arora

How to Build a Location Based App in React Native

Hrishi Mittal

🔧 Code and Tools

React Passage: Link and Redirect to Routes Safely in Your React Apps

Dollar Shave Club

Simplify Data Collection with a Single API — Collect data once with Segment and send it to 200+ tools. Get a free developer account.

Segment sponsor

RMWC: React Material Web Components — A React wrapper for Google’s official Material Components for the Web.

James Friedman

use-immer: Use immer to Drive State with a React Hook

Michel Weststrate

React SimpleMDE: A React Wrapper for the SimpleMDE Markdown Editor

Andrey Los

react-console-emulator: A Simple Terminal Emulator Component

JS RCON

Ext JS: Fully-Supported Components for React Apps. View Examples

SENCHA sponsor

React Big Scheduler: A Scheduler and Resource Planning Component — Lets you move items around a scheduler, etc. There’s a live demo.

Stephen Chou