| #230 — March 17, 2021 | 
|   | 
| Introducing Relay Hooks with Relay 11.0 — Use hooks to fetch and manage GraphQL data with the most developer-friendly version of Relay yet. Relay is a framework from Facebook for building data-driven React applications in a particularly declarative way. Robert Balicki and Juan Tejada | 
| Comparing Svelte and React — After spending an extended period of time working with both, the author identifies his preference based on first hand observations supported with real-world examples. Jack Franklin | 
|   React Native: How To Build Bidirectional Infinite Scroll — Learn how to implement a smooth bidirectional infinite scroll in React Native. Stream sponsor | 
| Add Voice Recognition to React Native without Adding the Cloud — Quick and easy voice recognition often depends on a cloud service for implementation. However there a lots of good reasons—security, for example—why you don’t want to do it that way. Ian Lavery | 
| Integrating Google Maps in React — A thorough review of just about everything you need to know to incorporate a feature-rich mapping experience which many users simply expect these days. Pavlo Chabanenko | 
| React Clean Code Recommendations — Eight well thought out recommendations complete with code examples first showing how not to do it, followed by a new and improved version. Tyler Hawkins | 
| 💻 Jobs | 
| React Native Engineer (Remote) — Looking for devs with a passion for building mobile apps. No sprinting, no scrumming, work normal hours. CompanyCam | 
| Find Your Next Job Through Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired | 
| 📘 Tutorials and Stories | 
|   | 
| ▶ How to Make It 'Rain' with CSS Animation, React, & Styled Components — Although it’s not everyone’s cup of tea, if you want to implement the trendy ‘rain’ effect for your website, this PG-13 video goes through the steps in an entertaining and logical way. Our favorite React YouTuber right now. Chris Power | 
| Creating an Outside Focus and Click Handler React Component — This tutorial recreates the react-foco component as the means of teaching these important UI concepts. Arihant Verma | 
| How I Improved My React Native App by Making It 50x Faster — Five specific recommendations for improvements that when taken together, add up to a dramatic improvement in app performance. Takuya Matsuyama | 
| An Engineering Leader’s Guide to OpenTelemetry Lightstep sponsor | 
| Lazy Loading React Native Components from a Server — This is an innovative way of updating the content of your app without going through a dreaded app store update. Sarath Kumar CM | 
| The Complete Guide to  Dmitri Pavlutin | 
| 
 | 
| react-ssr-prepass: A Partial Server-Side React Renderer — By using a prepass and pausing until thrown promises are resolved, this library offers a practical way to use Suspense when implementing complex fetching logic. Formidable | 
| react-avatar 1.0: A Load, Crop and Preview Component — Here’s another detail which tends to get skipped once a deadline crunch looms. Let this fully-featured component take care of it for you. Kirill Novikov | 
| A Better Way to Build Internal Tools — Build internal apps without the mundane, boring bits (wrestling with UI libraries or hacking together data sources & APIs). Retool sponsor | 
| next-sitemap: Simple Sitemap Generation for Next.js — Sitemaps quite often get skipped because they can be labour intensive to implement and maintain. Now you can automate the process. Vishnu Sankar | 
| Embla Carousel: Fluid Motion and Swipe Precision — Comes complete with the most comprehensive set of examples I've seen in a while. David Cetinkaya | 
| react-three-a11y: Accessibility for WebGL — A set of react-three-fiber components to address the requirements of an accessible user experience. Poimandres | 
| 
 |