#87 — May 11, 2018

Read on the Web

react status

The React State Museum — An interesting code-led tour of different React state management systems by example. There’s also a writeup of the key differences, if you prefer a summary.

Gant Laborde

The Best Way to Bind Event Handlers in React — Explores common ways of creating event bindings in React, their pros and cons, plus the author’s favorite approach.

Charlee Li

Linux Cloud Hosting Starting at 1GB of RAM for $5/mo — Get a Linode server up and running in seconds. Simply choose your plan, distro and location and you’re ready to deploy your server. Get $20 credit on a new account.

Linode Cloud Hosting sponsor

Guess.js: A Toolkit for Using Data To Improve User Experiences — An interesting project that can use data from Google Analytics combined with machine learning to intelligently pre-fetch resources.

Minko Gechev

'My Struggle to Learn React' — A respected veteran Web designer admits he’s found getting his head around React ‘a hell of a time’ – something we suspect a lot of people have thought but not said.

Brad Frost

JSX Can Do That? — A brief (re)introduction to JSX followed by some ‘unusual’ uses including using it to do math, FizzBuzz, and merge sort.

Rodrigo Pombo

Ditching setState for MobX — How to leverage observables, observers, computed properties, autorun and more to simplify your React workflow.

Nader Dabit

Using TypeScript with React Native — Some pointers for getting started on the official React Native blog.

Ash Furrow

Whitepaper: What Should Developers Consider When Planning a React App?

Progress Kendo UI sponsor

💻 React Jobs

React Expert? Sign Up for Vettery — Top companies use Vettery to find the best tech talent. Create your profile to get started.

Vettery

Senior Software Engineer (NYC) — Hospitality/tech platform focused on building help into our homes. React, React Native, Node, TypeScript, PostgreSQL.

Hello Alfred

📘 Tutorials

Testing your React App with Puppeteer and Jest — How to use Puppeteer and Jest to perform end-to-end testing on your app.

Rajat S

Building a Cryptocurrency App using React, React Router v4 and Laravel

Waleed Ahmad

Free Online Course: M001 MongoDB Basics — Learn the fundamentals of MongoDB and become a full stack expert.

mongodb sponsorcourse

Building a Progressive Web App in React — High level pointers if you’re considering building a PWA including a sample one-file app that uses Firebase for data storage with offline support.

Stelios Constantinides

How to Build a Real-Time Editable Datagrid — .. using react-table and Hamoni Sync, a realtime state synchronization service.

Peter Mbanugo

🔧 Code and Tools

React Reduction: An Admin Panel Template Built with React and Bootstrap 4

Reduction Theme

Material-UI: React Components That Implement Google's Material Design — Not new, but there’ve been a lot of betas lately as this approaches a final 1.0 release.

Material-UI

compose-state: Compose Multiple State Updaters

Tyler Deitz