#163 — November 6, 2019 |
▶ The React Conf 2019 Playlist — Last week we linked to the raw recordings of React Conf 2019, but now the separated, finished recordings are available for you to enjoy. Here’s a playlist, but if you want some highlights:
ReactConf |
How to Enable React Concurrent Mode — Concurrent Mode (as featured in last week’s issue) is an enormous improvement for performance. Here’s how you enable it and get started. Kent C Dodds |
⭐️ Master Writing Modern, Professional JavaScript — Take your JavaScript to the next level to find out what it is fully capable of with this comprehensive learning path. Frontend Masters sponsor |
React Hook Form vs. Formik: A Technical and Performance Comparison — An overview of the technical and performance differences between Formik and React Hook Form, a relatively new Hooks-based React form builder. Siegfried Grimbeek |
Building a Drag and Drop List — What goes into building a drag and drop component in 2019? Vojtech Miksu |
💻 Jobs |
React Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers. X-Team |
Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started. Vettery |
📘 Tutorials and Stories |
Simplifying Apollo Client Local Cache with React Hooks — Apollo Client local cache is powerful, but complex. Utilizing custom React hooks and Apollo Client cache simplifies the interphase and makes data fetching more effective. Andy Peterson |
An Interview with Yuzhi Zheng — The first in a series of React Community Stories which features interviews with ‘folks behind the scenes who make the React community truly awesome.’ Rachel Nabors |
Learn How to Build a Sales Dashboard with React — Follow along as we mock-up, design and lay out a sales dashboard using a responsive data grid, charts and more. Progress KendoReact sponsor |
▶ Strongly Typing Carl Rippon |
Six Tools for Debugging React Native — The most commonly used debugging tools in the React Native ecosystem, starting with the Developer Menu. Said Hayani |
▶ How to Upload Files in Node & React with Formidable in 30 Minutes Merunas Grincalaitis |
🔧 Code and Tools |
react-text-loop: Animate Words in Your Headings — Could be useful for landing pages where you want to have different strings rotating in a heading. Live demo here. Bernardo Raposo |
VSCode Glean: A VS Code Extension for Refactoring React Code — Extract JSX into new components, convert functions to components (or, yes, stateful components to functional ones!), and more. Wix |
FastImage: A Performant React Native Image Component — A replacement for Dylan Vann |
Sell Your Managed Services and APIs to Millions of Developers Manifold sponsor |
A Suspense Demonstration Project — A sample project built with Suspense to demonstrate render-as-you-fetch. Dan Abramov |
Peacock: Visually Distinguish Your VS Code Windows — If you have multiple VS Code instances running, this extension lets you set a different color scheme for each so they’re more easily identifiable. Visual Studio Marketplace |
React Checkbox Tree: A Component for a Tree of Checkboxes — For selecting items within a filesystem or category tree, say. Jake Zatecky |