#176 — February 19, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

The Official Redux Template for Create React App — Redux maintainer and general coding machine Mark Erikson has unveiled v1.0 of the official Redux template for Create React App, so now you can set up a React app quickly with Redux Toolkit and all dependencies included and a Redux store ready to go.

Mark Erikson

The Hooks of React Router — React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing – this article is a handy primer to what’s new.

Agney Menon

How to Build Forms with React the Easy Way — The challenges inherent to building forms with React, such as state management and validation, can be tackled with finesse. Read TJ VanToll’s blog to find out how to solve them quickly with the KendoReact Form component.

Progress KendoReact sponsor

Make Your Own DevTools? — How creating DevTools specific for your own app can be a way to improve your productivity. I could see this catching on!

Kent C Dodds

Blitz: A Rails Equivalent for Monolithic Fullstack React Apps? — I dislike linking to “coming soon” projects, but the buzz around this one has been intense. Blitz claims to be a Ruby on Rails productivity booster for building React apps with code to land in this GitHub repo soon (which, encouragingly, contains a MIT license).

Brandon Blitz

React Internationalization with i18next“When my last client asked me about internationalization in React, I went through all the hoops to prepare a presentation for them. In this React tutorial, I want to show you the gist of what I have learned about translating a React application.”

Robin Wieruch

💻 Jobs

Find a Dev Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

📘 Tutorials and Stories

How to Setup Webpack and Babel 7 for React — If you’ve learned to get a React project up and running using create-react-app, this is a nice detailed tutorial to take that to the next level using two popular tools.

Ismile Hossain

▶  To Understand Concurrent React, Look Outside React — Shawn recommends three talks from other programming communities to help flesh out your understanding of new concurrency concepts arriving in React.

Shawn 'swyx' Wang

Building Chat With React? Stream Chat Has You Covered — Have a look at our interactive chat tutorial in React and learn how to build with Stream Chat.

Stream sponsor

How To Create Maps With React and Leaflet

Shajia Abidi

Clientside Webmentions in GatsbyWebmention is a standard commonly associated with the ‘IndieWeb’ for notifying other sites about mentions and links you’ve given to them.

Sung M. Kim

React Context with TypeScript: Simple Context with Function Components — How to use TypeScript to create a strongly-typed React context for function components where the context isn’t changed by the consumer.

Carl Rippon

▶  How to Do GraphQL Pagination with Cursors in Apollo React

Leigh Halliday

🔧 Code and Tools

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

goxygen: Generate a Go and MongoDB-Backed React Project in Seconds — An opinionated full stack app generator that builds a skeleton backend that uses Go and MongoDB with React on the front end.

Sasha Shpota

Beluga: Create Node-Powered E-Commerce Sites — Brings React, Stripe and Node together so you can create your own e-commerce site. GitHub repo.

Rachel Binx

react-editor Is Back: A Simple Rich-Text Editor Component — A rather old component has rapidly been brought up to modern standards with hooks and TypeScript support, though it’ll still work with older versions of React too. Here’s the live demos.

Fritz Lin

Faster CI/CD for All Your Software Projects Using Buildkite

Buildkite sponsor

React Native Starter Kits Review for 2020 — A look at some starter kits available for learning to develop apps with React Native in 2020.

Anastasia Ovchinnikova

React Elm Component: Embed an Elm App within your React Apps

Kristian Toebuck

icestore: A Lightweight State Management Solution Based on React Hooks

ICE LAB

A React Native Date/Time-Picker for Android and iOSreact-native-modal-datetime-picker is getting there for a record long project name :-)

Matteo Mazzarolo

react-native-big-calendar: A Google/Outlook-esque Calendar Component for React Native

Llotheo

react-redux 7.2.0: The Official React Bindings for Redux — A minor bug fix release with some added optimizations for bundle size.

Mark Erikson

react-stripe-elements 6.1: Components for Stripe.js and Stripe Elements — For when you want to use Stripe in your checkout process.

Stripe