#134 — April 17, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

A Closer Look at React Memoize Hooks: useRef, useCallback, and useMemo — A lot of hooks-related articles stick to basic examples but Christian wants you to get a serious look at a special type of hook: memoize hooks (hooks that “remember”). Here’s what they are and when and why to use them.

Christian Nwamba

MDX 1.0 Released: Seamlessly Write JSX in Markdown — A major milestone for an increasingly popular library that makes it easy to write content that directly relies on components. Homepage and GitHub repo.

John Otander

Get the Fastest Website Deployments — Unlike most Continuous Integration (CI) solutions, Buddy only re-builds the parts of your application that have changed and deploys your updates in seconds to any cloud. Start building better React apps faster with Buddy.

Buddy sponsor

Spectacle 5.5: A React-Based Presentation Library — If you have a React talk to give any time soon, check this out as it’s a very mature way to put together presentations using the JSX syntax you know and love (complete with live code demos). v5.5.0 just dropped.

Formidable

ReactPlayer: A React Component for Playing Media from Remote URLs — From file paths to YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, and more.

Pete Cook

💻 Jobs

Full Stack, Mobile & Infrastructure Engineers — Joining our team means you will be working in our fast paced environment and you are fearless of our next big challenge.

Expensify

Find A React Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

📘 Tutorials

▶  Deep Sea Fishing with React Hooks — The developer of react-beautiful-dnd gives a talk about how he migrated a large class-based system over to using function components and hooks. (Note: Audio is a bit quiet.)

Alex Reardon

React List Components by Example — A one stop shop for learning about displaying lists (and even nested lists) with React. One for beginners.

Robin Wieruch

📕 20 Patterns to Watch for in Engineering Teams — Actionable insights to help you debug your development process with data. Get your copy.

GitPrime sponsor

What Are 'Controlled' Components in React? — A concept most commonly associated with form inputs.. controlled components have their data handled by React, uncontrolled components have their data handled by the DOM.

Robin Wieruch

Deep Dive: How Do React Hooks Really Work?

Shawn Wang

🔧 Code and Tools

Brushable Histogram: A Time-Based Histogram ComponentGitHub repo and demos.

Luís Cardoso

graphql-hooks: A Minimal 'Hooks-First' GraphQL Client

NearForm

SVGR: Transform SVGs Into React Components — Turn SVG from your favorite graphics editor into ready-to-use components for your React apps.

Smooth Code

React Image Crop: A Responsive Image Cropping Tool — Responsive, touch-enabled, with no dependencies. Version 7 has just dropped with breaking changes. Demo here.

Dominic Tobias

redux-form: A HOC to Store Form State using Redux — A higher order component that uses react-redux to keep form state in a Redux store.

Erik Rasmussen

Learn to Build Blockchain Apps in 60 Minutes

Blockstack sponsor

react-pdf: Create PDF Files using React — v1.5.x came out in the past week with a lot of typography based improvements.

Diego Muracciole

react-beautiful-dnd 11.0: Accessible Drag and Drop for Lists — A popular library for building elegant drag and drop lists in React is taking some big steps towards adopting an entirely hooks-based API though it’s not quite there yet.

Atlassian