#174 — February 5, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

The Key React Libraries to Use in 2020 — A curated and comprehensive list of the key React libraries worth using as of 2020. Even if you disagree with some choices, I’ve always found such lists useful to peruse.

Robin Wieruch

React Router 6.0 Alpha Released — A popular declarative routing approach for React apps. 6.0 is fresh, in alpha, but ready to try and offers a few new features like relative and nested routes and a suspense-ready navigate API. If you’re using 5.0, here’s a migration guide.

Michael Jackson

⚛️ Learn to Build Scalable React Apps — Learn hooks in-depth, CSS-in-JS with emotion, increase performance, integrate TypeScript with React, and test your app with Jest.

Frontend Masters sponsor

React Native is the Future of Mobile Dev at Shopify — After years of native mobile development, popular merchant platform Shopify has decided to switch over to using React Native. This post explains the decision, one that didn’t “come lightly”.

Farhan Thawar (Shopify)

Gradually Using TypeScript in Your React Project — How to safely build and introduce TypeScript-based components into your React project. The gentle march of TypeScript into everything continues unabated.

Fernando Doglio

💻 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.

X-Team

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

WAKE: In React, The Wrong Abstraction Kills Efficiency — A look at what happens when you try to do the ‘right thing’ a little too much and it affects things you might want to do in the future.

Jesse Duffield

Building Modern Applications with Next.js and MongoDBNext.js is a popular framework for building complete React-based webapps and it’s easy to use MongoDB as the database for such apps via MongoDB’s Atlas platform.

Ado Kukic

▶  Lets Upgrade React's Official 'Tic Tac Toe' Game with Hooks and TypeScript — If you’ve done the intro to React tutorial, this video goes to the next step by keeping the same context but bringing hooks and TypeScript into the mix.

Justin Kim

The Ultimate Guide to Container Formats: Decrypting Video Technologies — This is a comprehensive guide of the definitions & processes that you must know when working with back-end video stacks.

Bitmovin Inc. sponsor

Modern Full-Stack Development with Nest.js, React, TypeScript, and MongoDB — Brings together a variety of tools and technologies to demonstrate the use of Mongo and Mongoose to act as the database for a modern Node-based webapp.

Olususi Oluyemi (Auth0)

▶  Using React (Hooks) with D3 to Render Stacked Bar Charts — A 25 minute screencast.

The Muratorium

How to use SVGs in React — The basics of rendering vector graphics within a React-powered app.

Nedy Udombat

Why Gatsby Is Better with JavaScript

Mikhail Novikov

🔧 Code and Tools

GLTFJSX 1.0: Turns GLTFs Into JSX Components — Turns GLTF (GL Transmission Format) files (as used for 3D models and scenes) into re-usable Three.js components.

Paul Henschel

React Kawaii: 'Cute' React SVG Components — A library of cute (kawaii means ‘cute’ in Japanese) illustrations that are easily customizable. GitHub repo.

Miuki Miu

ImageCon 2020: Great Media Experience for U and I

Cloudinary sponsor

Redux Form: A HOC to Store Form State using Redux — Notable if only for being a library that warns against its use (instead favoring React Final Form) but if you need tight coupling of your form data with Redux, this is a good way to go.

Erik Rasmussen

Material-UI 4.9: Google Material Design-Inspired React Components

Material-UI

Remirror: A React Based Text-Editor ToolkitGitHub repo.

KickJump Ltd