#166 — November 27, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

The Differences Between the Same App Created in React and Svelte — Recently we linked to an article comparing the same app written in React and Vue and now the same author is back with a side by side comparison of some of the differences between an app built in React and Svelte, an increasingly popular build-time framework.

Sunil Sandhu

A New Beginning for React Native at Walmart — Nearly all of Walmart’s grocery app is now powered by React Native. This is the story of their journey and some of the technical challenges they faced.

Walmart Labs

When does React Native Make Sense? — There are many uses for React and many cases where it might not be the best approach. But how do you know the difference? Check out our recent blog post to find out.

Big Nerd Ranch sponsor

A Deep Dive Into React Fiber Internals — A simultaneously in-depth but easily accessible introduction to why React 16’s DOM building approach works the way it does.

Karthik Kalyanaraman

▶  Discussing Gatsby with Kyle Mathews and Sam Bhagwat — If you’ve just thought of Gatsby as a ‘static site generator’, ever wondered why Gatsby raised $15M, or how Gatsby fits into the whole React ecosystem, this podcast interview will be very illuminating. I enjoyed it a great deal and it’s encouraged me to spend more time with the framework.

Software Engineering Daily podcast

💻 Jobs

Senior Software Engineer at Getty (Los Angeles, CA) — Build fantastic tools and interfaces at one of the world's most prestigious cultural heritage orgs using Linked-Open-Data, Python, Structured-CMS, Vue.js.

J. Paul Getty Trust

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

Vettery

📘 Tutorials and Stories

An Official Style Guide for Writing Redux Code — Recommended patterns, best practices, and suggested approaches for writing Redux-based apps.

Redux

React Native vs Flutter: A Comparison From a Real Project Perspective — Sure, Flutter uses Dart, React uses JavaScript or TypeScript, but the differences to deeper than that. Here are some high level thoughts on why to pick one or the other.

Andréas Hanss

Build a React Realtime Commenting System — A tutorial that shows you how to build a realtime commenting system with React / Ably.

Ably sponsor

▶  Brian Vaughn on Fast Refresh for Web and Concurrent React Dev Tools — A roughly hour-long chat covering Fast Refresh, new developer conveniences around codemods, new React Dev Tools features and more.

React Podcast podcast

The Modern Way to Use Promise-Based HTTP Requests: axios-hooks — React Hooks for axios, with built-in support for server-side rendering.

Riccardo Giorato

Building a Live Flight Tracking App in React Native

Abraham Jr. Agiri

🔧 Code and Tools

react-screenshot-test: A Simple Library to 'Screenshot Test' React Components — Install, configure Jest, and you can produce quick screenshots of components in your testing process.

François Wouts

React Animated Navigator: An Easy Way to Create React Router Transitions — A React Router extension for adding animated transitions. GitHub repo.

React Icons: Easily Bring Popular Icons Into Your React Projects — Use ES6 imports to bring in only the icons your project needs from sets like Font Awesome, Typicons, GitHub’s Octicons, and more.

Kamijin Fanta

▶  Listen to the Podcast: GraphQL's Benefits and Costs

Heroku sponsorpodcast

React Calendar Heatmap: A GitHub Contributor Graph-Inspired 'Heatmap' Calendar

Kevin Qi

PNGR: Dockerized (Postgres + Nginx + Go + React) — Starter kit for a web app that includes user and session management, JWT authentication, and a basic CRUD example.

Karl Keefer

React Intersection Observer: A Component for the Intersection Observer APIIntersection Observer is a browser API for observing changes in viewport visibility of DOM elements.

ResearchGate