--- title: "A closer look at React's memoize hooks" publication: "React Status" issue: 134 published_at: "2019-04-17" canonical_url: "https://react.statuscode.com/issues/134" --- This week's React news #134 — April 17, 2019 [Read on the Web](https://react.statuscode.com/issues/134) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/x66oiwkwuewinyl2r6ty.jpg)](https://www.codebeast.dev/react-memoize-hooks-useRef-useCallback-useMemo/) [A Closer Look at React Memoize Hooks: `useRef`, `useCallback`, and `useMemo`](https://www.codebeast.dev/react-memoize-hooks-useRef-useCallback-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](https://mdxjs.com/blog/v1/) — A major milestone for an increasingly popular library that makes it easy to write content that directly relies on components. [Homepage](https://mdxjs.com/) and [GitHub repo](https://github.com/mdx-js/mdx). John Otander [![\](https://copm.s3.amazonaws.com/0d48ed37.png)](https://buddy.works/?utm_source=sscprs&utm_campaign=sscprs1704&utm_content=p) [Get the Fastest Website Deployments](https://buddy.works/?utm_source=sscprs&utm_campaign=sscprs1704&utm_content=p) — 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](https://formidable.com/open-source/spectacle/) — 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](https://github.com/FormidableLabs/spectacle/releases/tag/v5.5.0) just dropped. Formidable [ReactPlayer: A React Component for Playing Media from Remote URLs](https://github.com/CookPete/react-player) — From file paths to YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, and more. Pete Cook 💻 Jobs [Full Stack, Mobile & Infrastructure Engineers](https://we.are.expensify.com/apply) — 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](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — 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](https://www.youtube.com/watch?v=MVi17tk3VsI) — 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](https://www.robinwieruch.de/react-list-components/) — 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](https://resources.gitprime.com/books/20-patterns/?utm_source=nl%28rs%29&utm_medium=email-nl&utm_campaign=nl%28rs%29) — Actionable insights to help you debug your development process with data. [Get your copy](https://resources.gitprime.com/books/20-patterns/?utm_source=nl%28rs%29&utm_medium=email-nl&utm_campaign=nl%28rs%29). GitPrime sponsor [What Are 'Controlled' Components in React?](https://www.robinwieruch.de/react-controlled-components/) — 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?](https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/) Shawn Wang 🔧 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/blaguhjyuuzjl0enzdvj.jpg)](https://medium.com/feedzaitech/introducing-brushable-histogram-6c6b0f0f60ca) [Brushable Histogram: A Time-Based Histogram Component](https://medium.com/feedzaitech/introducing-brushable-histogram-6c6b0f0f60ca) — [GitHub repo](https://github.com/feedzai/brushable-histogram) and [demos](https://feedzai.github.io/brushable-histogram/?path=/story/histogram--basic-example). Luís Cardoso [graphql-hooks: A Minimal 'Hooks-First' GraphQL Client](https://github.com/nearform/graphql-hooks) NearForm [SVGR: Transform SVGs Into React Components](https://github.com/smooth-code/svgr) — 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](https://github.com/DominicTobias/react-image-crop) — Responsive, touch-enabled, with no dependencies. [Version 7](https://github.com/DominicTobias/react-image-crop/releases/tag/7.0.0) has just dropped with breaking changes. [Demo here](https://codesandbox.io/s/72py4jlll6). Dominic Tobias [redux-form: A HOC to Store Form State using Redux](https://github.com/erikras/redux-form) — 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](http://utm.io/ud40) Blockstack sponsor [react-pdf: Create PDF Files using React](https://github.com/diegomura/react-pdf) — 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](https://github.com/atlassian/react-beautiful-dnd/releases/tag/v11.0.0) — 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 A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom