React Status

#125 — February 13, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Next.js 8 Released — Next.js is a popular React-oriented framework for building universal and otherwise server-side apps using React. This new release brings serverless deployment support, several key performance improvements and smaller initial HTML size.

Neutkens, Davis and Ding

Linaria 1.0: A Zero-Runtime CSS in JS Library — You might be used to styled-components or Emotion, but the main difference here is Linaria extracts styles to CSS files at build-time meaning nothing needs to occur at runtime.

Satyajit Sahoo

From React to Vue: Re-Vue-sable Components — See why the Nerds are fans of Vue.js.

Big Nerd Ranch sponsor

How to Create a CRUD App with Rails and React — An incredibly thorough tutorial covering fronting a Ruby on Rails API with a React client along with linting, flash messages, and handling 404s in React.

James Hibbard

Constate: A Simple State Manager That Uses Hooks and Context — Write local state using React Hooks and lift it up to Context only when needed with minimum effort.

Diego Haz

Should I useState or useReducer? — Two built-in React hooks that handle state.. but which should you use?

Kent C Dodds

💻 React Jobs

Sr. Fullstack Engineer (Remote) — Sticker Mule is looking for passionate developers to join our remote team. Come help us become the Internet’s best place to shop and work.

Sticker Mule

Try Vettery — Vettery specializes in developer roles and is completely free for job seekers.

Vettery

📘 Tutorials

'How Do You Manage State in Your React Application?' — The question was asked on Hacker News and lots of people had their say. MobX and Redux were the most common responses, with a few people brewing their own solutions.

Hacker News

▶  Webinar: CMAF Low Latency — Hear from Shilpa Murthy (Bitmovin), Jerome Blanc (Anevia), and Ashok Lalwani (Fastly) to learn more about how the current architecture is shifting to support a low latency framework.

Bitmovin sponsor

React Dropzone and File Uploads in React — Dropzone underwent some changes in the recent version 8.x release, but this tutorial is up to date.

James King

How to Build a Full-Featured Modal Dialog Form with React — How to create a form in a modal that pops on click.

Krissanawat​ Kaewsanmuang

Building a React Autocomplete Component from Scratch

Krissanawat​ Kaewsanmuang

Build a Sample App Using React, MongoDB Stitch, and Google Authentication

MongoDB sponsor

Write Your First React Hook — Now that hooks are truly here with last week’s React release, it’s time to play.

Leonardo Maldonado

🔧 Code and Tools

React Spring: A Spring Physics Based Animation Library — We only linked this a few weeks ago but since then it has had a major version release (8.x) with full support for hooks.

Paul Henschel and contributors

Data Visualization Libraries for React Developers in 2019 — A quick look at four different projects.

Veronika Rovnik

react-rough: React Components for Rough.js — Rough.js is a graphics library for drawing rough, ‘sketchy’ style shapes and lines.

Ademola Adegbuyi

PrimeReact 3.0: A Set of Rich UI React Components — Includes things like buttons, tooltips, lightboxes, panels, grids, numerous types of input control.. GitHub repo.

PrimeTek

React Native Hooks: React Native APIs Turned Into React Hooks — “Note: This is an experimental library. As of this time React Native does not yet support React version 16.7 out of the box.”

React Native Community

copy-text-to-cb: A Component to Copy Text to Clipboard — With an optional callback to execute after the copy.

Aman Agarwal

Code Surfer: A React Component for Scrolling, Zooming and Highlighting Code Samples

Rodrigo Pombo

Issue 124 #125 Issue 126