#155 — September 11, 2019 |
Lee Warrick |
Fix The Slow Render Before You Fix The Re-Render — Kent covers how to start optimizing your React app renders before focusing on reducing the number of re-renders. Essentially, fix the underlying performance ‘disease’ rather than reducing the symptoms. Kent C Dodds |
Simplify Event Tracking with a Single API — Integrate 250+ tools with the flip of a switch. Power your entire tech stack with the same data. Segment is all you need — in one tool. Segment sponsor |
▶ A 6 Hour React Native 'Crash Course' for Beginners — It’s slow going at first, but that’s because it’s truly aimed at beginners. It’s amazing how much is included here, though, and it’s well recorded too. Maximilian Schwarzmüller |
Dan Abramov Shows Off 'Fast Refresh', Coming to React Native 0.61 — “It’s like the old “hot reloading” feature, but rebuilt from scratch for better reliability, error resilience, and function component support.” And you can already help out by testing it. Dan Abramov on Twitter |
Microsoft Continuing Work on React Native — Microsoft has been doing a lot of work with React Native recently, including using it in the Office suite for cross-platform components. Mike Grabowski on Twitter |
💻 Jobs |
React Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands. X-Team |
Job Searching Without The Searching? Try hackajob 🔎 — Let your skills do the talking. Our AI matches you to roles based on your favourite JavaScript framework so you can do what you love. hackajob |
📘 Tutorials and Stories |
Some Frustrations with React Hooks — “Before I detail my current frustrations with Hooks I do want to state for the record that I am, for the most part, a fan of Hooks..” Paul Cowan |
▶ Recreating Spotify's 'Bottom Sheet' Gesture and Animation in React Native — An impressively recorded screencast in the ongoing “Can it be done in React Native?” series. A must watch for any React Native developer. William Candillon |
📕 20 Patterns to Watch for in Engineering Teams — Actionable insights to help you debug your development process with data. Get your copy. GitPrime sponsor |
Building an In-App Notification System in React Native — How to implement a reliable and good looking notification system in React Native. Vadim Korobeinikov |
Create an Offline-First React Native App Using WatermelonDB — WatermelonDB is a React-specific database abstraction built on top of SQLite. Dhanraj Acharya |
Best Practices for Unit Testing in React 16 Anat Kleiman (Uber Engineering) |
🔧 Code and Tools |
React Suite 4.0: A Suite of 'Sensible' UI Components — A set of components that’s been under active development for a couple of years now. Supports React 16+, uses TypeScript, and they work on all major browsers. Components include things like buttons, modals, drawers, navigation bars, form input fields, tables, calendars, and more. GitHub repo. HYPERS |
Storytime: Tell Stories About Pieces of Code — This is hard to explain without a demo, so check out this explain demonstrating how React Fiber works. Storytime |
Urql 1.5: A Versatile GraphQL Client for React — In the few months since we last linked to Formidable |
Make Your Images & Videos Load Fast & Look Beautiful with Cloudinary Cloudinary sponsor |
React Spinners CSS: A Collection of CSS 'Loading Spinner' Components Josh Kuttler |
Markdown Editor: A Simple, React-Powered Markdown Editor with Preview uiw |
🐦 Seen on Twitter |
An interesting Twitter thread started by Tom Dale, one of the creators of Ember.js. He reflects on how React is now "more powerful and more correct and better all around" but that the current React approach may not have caught on if it had been the first version.. |