#141 — June 5, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Some Best Practices for Building a Large Scale React App — If you’ve built a React app from scratch, you may have noticed it become complex and unwieldy over time. This article digs into a few concepts worth keeping in mind to make neater, larger scale apps over time.

Aman Khalid

Urql: A 'Grown Up', Production-Ready GraphQL Client Library — Formidable has been quietly working away on this minimalist GraphQL client library for React apps and are now deeming it fully production-ready, complete with a full documentation site. If you’re looking for a lighter alternative to Apollo Client, perhaps, check out how to get started.

Formidable

20 Patterns to Watch for in Engineering Teams — GitPrime's new book draws together some of the most common software team dynamics, observed in working with hundreds of enterprise engineering organizations. Actionable insights to help you debug your development process with data. Get your copy.

GitPrime sponsor

When to useMemo and useCallback — An interesting demonstration of how abstractions and performance optimizations can sometimes come with a cost that outweighs the benefit, focusing here on the useMemo and useCallback hooks.

Kent C. Dodds

Dan Abramov is Answering React Questions on Twitter — Got a question for Dan (a React core team member and creator of Redux)? Ask him on this Twitter thread, or just enjoy the plethora of interesting responses so far.

Dan Abramov on Twitter

A Look Back at React Europe 2019 in Paris — A summary of React Europe in Paris through the eyes of the KendoReact team with a recap of events with links to some of the talks and highlights.

Eric Bishard

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.

X-Team

Land a New Dev Job on Vettery — Vettery specializes in tech roles and is completely free for job seekers.

Vettery

📘 Tutorials and Stories

Creating Animations Using React Springreact-spring is a great way to bring your components to life with simple animations. This tutorial shows the way.

Kingsley Silas

Self Positioning React Components — A look at what’s involved in bringing dynamic positioning to components. This is a lot more interesting than it sounds!

Benjamin Schachter

The Open Source Conundrum: How Do We Keep the Lights On? — Thoughts behind funding need to change if Open Source is to remain sustainable well into the future.

CodeFund sponsor

Getting the CSS out of Rendered React Components — Sure, use the DevTools.. but programatically? It’s not as easy as you might think.

Swizec Teller

How to Craft Animations in React with React Simple Animate

William Le

react-virtualized vs. react-window — Both of these libraries handle ‘windowing’, a technique for efficiently rendering large lists by only rendering a currently relevant portion (the ‘window’).

Rico Kahler

🔧 Code and Tools

React Intersection Observer: A Component for the Intersection Observer APIIntersection Observer is a browser API for observing changes in viewport visibility of DOM elements.

ResearchGate

React Date Picker: A Simple and Reusable Date-Picker Component — We want to ensure we’re meeting our monthly date picker/calendar component quota early 😂 This is a mature option that has had a few new releases recently.

HackerOne

react-easy-crop: A Component to Crop Images with Easy Interactions

ricardo.ch

Grow Your Cloud Service Business with Manifold

Manifold sponsor

Nerv: A Fast IE8- and React 16-Compatible React Alternative — Nerv bills itself as a tinier, faster React alternative that supports modern React 16 features. v1.4.0 just dropped.

Li Weitao

react-vector-maps: Interactive Vector Maps of the World and 100+ CountriesDemos here. You can also bring your own maps in, if they’re in SVG format.

Alex Gabites

react-scrollbars-custom: A Powerful Custom Scrollbars Component

Anton Zinovyev

SwiftUI: A New, React-Inspired UI Development Approach for Swift Apps — This is not a React project but it’s interesting to see how Apple has been influenced by React in this really neat looking new approach to building interfaces for iOS apps.

Apple