#177 — February 26, 2020 |
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 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 Time — React 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 |
|
💻 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. |
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 Stripe |