#123 — January 30, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Reusable Time Travel with React Hooks and Immer“If stateful React components are like an atom, hooks are the subatomic particles.” Learn how and why to make a useTimeTravel React hook that we can use to make ‘tolerant’ UIs (i.e. ones that support things like undo/redo).

Shawn 'swyx' Wang

'Turn Hooks On Everywhere in Preparation for the Upcoming Release.' — That upcoming release is React 16.8 and should, hopefully, be released next week. Don’t worry about missing it, we’ll feature it in next week’s issue :-)

Brian Vaughn

Engineers Build Business — Ship faster because you know more, not because you're rushing. GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development with objective data. Learn more.

GitPrime sponsor

Functional Programming Fundamentals for React Developers — How do the ideas behind functional programming apply to modern JavaScript? No monads here, just basic concepts to understand that will make your code better.

Matthew Gerstman

react-movable: Drag and Drop for Lists and Tables — Vertical drag and drop for lists and tables with no additional markup needed. Accessible and touch device friendly too. Live demos.

Vojtech Miksu

Why Isn’t 'X' a Hook? — Everyone’s excited about hooks, but Dan Abramov takes a deep dive to explain why not everything in React has to be shoehorned into the hooks paradigm.

Dan Abramov

React Team Seeks Help with Translations of React's Docs — If you have experience maintaining localized docs, the team want to hear from you.

Dan Abramov on Twitter

💻 React Jobs

React Native Developer - Remote — Join our fully remote team and help bring one of the leading recreational poker platforms to the mobile world.

Replay Gaming

Find A Job Through Vettery — Vettery specializes in developer roles and is completely free for job seekers.


📘 Tutorials

A React Introduction For People Who Know Just Enough jQuery To Get By — A 2019 reattempt of a similarly titled article from 2015. This is aimed at less confident developers who want a walkthrough of a basic project.

Julien Benchetrit

The “Bug-O” NotationBig O helps us think about the running time or memory complexity of our algorithms, but here Dan Abramov urges us to think about Bug-O (or how much an API slows you down as your codebase grows).

Dan Abramov

Full-Stack & React Essentials: 5-Day Intensive Class — Taking place from Feb 25 in Atlanta, GA. Register now.

Big Nerd Ranch sponsor

Understanding Fragments in React — When you return/render JSX from your React components, you’re forced to only have one parent element which often results in wrapping what you really want to render in an otherwise pointless div element. Fragments help you work around this.

Chidume Nnamdi

How to Use React Testing Library to Rewrite an Enzyme Component Test — A mini-rewrite case study of two testing libraries.

Luke Ghenco

Using React Navigation 3.0 in React Native AppsReact Navigation provides routing and navigational features for React Native apps.

Khoa Pham native

Why and How to use TypeScript in your React App?

Mahesh Haldar

React's Official Versioning Policy — Generally speaking, React follows semantic versioning (semver) principles.

Sophie Alpert

🔧 Code and Tools

React Switch: A Draggable Toggle Switch Component — Supports custom styling, is touch friendly, plus accessibility-friendly features. Demos here.

Markus Englund

react-spring: A Spring Physics Based React Animation Library — Simple, spring-physics based primitives for building UI animations to beyond where CSS can scale.

Paul Henschel

Free Guide - When to Choose ExtReact: A Guide for Developers & Managers

Sencha, Inc sponsor

Relay: A Framework for Building Data-driven React ApplicationsVersion 2 just came out and now uses the new Context API rather than the legacy one. It also steps up to React 16.


A Cubic Bezier Curve Editor Made with React and SVG

Gaëtan Renaudeau

Chatt: A Real-Time Offline Ready Chat App written with GraphQL, AWS AppSync, and AWS Amplify — A complete app you might want to poke around in if you’re trying to bring these technologies together yourself.

Amazon Web Services

Shards Dashboard: An Attractive React Admin Dashboard Template Pack