#177 — February 26, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

React Query 1.0: Hooks for Fetching, Caching and Updating Data — Hooks that help you keep your server cache state separate from your global state and let you read and update everything asychronously. Unopinionated and interoperable with any data fetching strategy including REST, GraphQL, and streaming-based APIs – can even lean on Suspense for ‘Fetch-As-You-Render’ prefetching. There’s a lot to enjoy here.

Tanner Linsley

How To Use The HTML Drag-And-Drop API in React — It won't be for everyone but this walks through the process of using the Drag and Drop API directly to build a file upload component, plus how to use the useReducer hook for managing state in a React functional component.

Chidi Orji

New Course: Interviewing for Front-End Engineers — Jem Young leverages his experience conducting dozens of interviews as Senior Software Engineer at Netflix to teach you to pass front-end engineering interviews, and give better interviews as a technical manager.

Frontend Masters sponsor

Using React-Loadable to Half a React App's Load TimeReact Loadable makes it easier to lazily import components as needed. The project’s detailed README does a great job of selling it, but so does this brief post on how one developer uses it (although it’s worth keeping the still-experimental Suspense in mind too).

Max Rozen

react-beautiful-dnd 13.0: Accessible Drag and Drop for Lists — A major release of a popular and powerful library for creating drag and drop interactions, including visuals, within React apps. It provides a higher level, list-focused abstraction than the HTML5 Drag and Drop API approach covered in the tutorial above.

Atlassian

reactnative.dev: React Native Gets A New Domain Name — It’s the same homepage but React Native now gets its own domain name rather than piggybacking on facebook.github.io :-)

Facebook

💻 Jobs

Find a Dev Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

📘 Tutorials and Stories

▶  Getting Started with the Create React App Redux Template — Last week we featured the release of the official Redux template for CRA, this 50 minute screencast takes a deeper look at its use.

Justin Kim

Nesting Tab and Stack Navigators in React Native and Expo Apps — The art of rendering a navigator inside the screen of another navigator.

Aman Mittal

9 Things I Learned Building the Same App with Angular and React — TJ VanToll rewrote an Angular app with React to compare Angular and React app dev. Find out what he learned during the rewrite process.

Progress KendoReact sponsor

Inline CSS Works Better in a Component World — If you’ve not entirely been won over by the idea of inline CSS, this makes a good case.

David Nicholas Williams

Advanced Memoization and Effects in React — It’s funny how some of the best written articles we come across are just GitHub Gists and not actual blog posts :-)

slikts

React Router v6 in Two Minutes — Learn what’s coming in the latest alpha.

Emre Yilmaz

🔧 Code and Tools

react-particle-image: Render Images as Interactive 'Particles' — A component to render a given image as an interactive particle display. See a demo here.

Austin Malerba

Electron React Boilerplate 1.0: A Foundation for Scalable Cross-Platform Apps — Brings together Electron (the popular cross-platform desktop app development toolkit) with React, Redux, React Router, webpack and React Hot Loader. v1.0 completes its migration to TypeScript.

Electron React Boilerplate

ImageCon: Great Media Experience for U and I

Cloudinary sponsor

Gestalt: React UI Components using Pinterest's Design Language — Check out all of the components in action here.

Pinterest

React PDF Reader: A Simple PDF Viewer Component — A wrapper around PDF.js, as used by Firefox.

ZEISS Group

React Stripe.js: React Components for Stripe.js and Stripe Elements — We linked to react-stripe-elements just last week but Stripe has decided to rename and rework the project making this repo the place to go for official React components for Stripe.

Stripe