#118 — December 12, 2018

Read on the Web

react status

How Does setState Know What to Do? — The latest in Dan Abramov’s recent series of illumating blog posts:

“You don’t need to think about how this works when you use React. We’d like React users to spend more time thinking about their application code than abstract concepts like dependency injection. But if you’ve ever wondered how this.setState() or useState() know what to do, I hope this helps.”

Dan Abramov

How To Build a Real-Time React App with GraphQL Subscriptions on Postgres — A walkthrough of building a real-time polling app using Postgres, GraphQL, and React with no specific back-end code (it uses Hasura’s GraphQL service running on Heroku - all for free).

Sandip Devarkonda

How Do Top Developers Deliver Video? - Download the 2018 Video Report — Hundreds of developers around the world reveal their preferred video streaming solutions.

Bitmovin sponsor

React Christmas: A React Advent Calendar — There’s a React-themed advent calendar that’s currently live and presenting a bite-sized slice of React wisdom each day. Now is a great time to catch up.

Kristofer Selbekk

Compound Components in React Using the Context API — Compound components in React allow you to create components with some form of connected state that’s managed amongst themselves.

Kingsley Silas

▶  The Opening Keynote from GraphQL Summit 2018 — Apollo’s co-founder and CEO, Geoff Schmidt, shares his insights on “how to do GraphQL right” and his vision for the ecosystem.

Geoff Schmidt

💻 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

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.


📘 Tutorials

▶  Building a Simple Virtual DOM from Scratch — The audio isn’t great but the speaker is engaging and almost everyone could get something valuable from this 40 minute talk.

Jason Yu

Better Reusable React Components with the Overrides Pattern — An engineer at Uber shares how they came up with a pattern for overriding interval styles or props of components when necessary.

David Schnurr

Build Serverless APIs with Node.js and Azure Functions — Watch this webinar on-demand to learn how to build a fully serverless API with Node.js on top of Azure Functions and Azure Cosmos DB.

Microsoft Azure sponsor

Managing Derived State from Props in React — Patterns (and anti-patterns) for managing states based on props.


Introduction to Abortable Async Functions for React with Hooks

Daishi Kato

▶  Flying a Drone with React and Node.js in 100% JavaScript — Wes Bos does a cool demo of flying a DJI Tello drone using Node.js along with a React-based front-end controller. There’s also the opportunity to win a drone of your own to code.

Wes Bos

Async React using React Router and Suspense — Using Suspense and lazy to make asynchronous loading of React components as easy and as intuitive as you’d expect.

Kevin Ghadyani

How Do You Decide Between Thunks, Sagas, Observables, or Something Else? — A neat answer found in the Redux FAQ if you’re wondering what sort of async middleware you should use.

Redux FAQ

Making a React Application Container Environment-Aware at Kubernetes Deployment

Ivan Perkucin

🔧 Code and Tools

React Advanced Date Time Range Picker — It’s been at least several issues since we linked to a time or date selector, right? :-)


React Component Generator Extension for VS Code — Automatically creates a folder for a React component with JS, JSX, and related files within.

Visual Studio Marketplace

Build iOS & Android Apps with the MongoDB Stitch React Native SDK

MongoDB sponsor

react-emojione: A Tiny Library to Use Emojis in React — It can be used as a function or component and converts shortnames, Unicode and ASCII smileys.

Pedro Ladaria