Apollo Client 3.0, Adobe Spectrum, and Conditional Hooks
This was a major release for the Apollo team that was 11 months and 55 betas in the making.
Highlights:
New InMemoryCache APIs with new cache policies and features
A single, consolidated @apollo/client package
Reactive variables
Improved local state management
Adobe released this collection of 3 libraries and tools to help developers build adaptive, accessible, and robust user experiences.
Note: We wrote about Apollo Client 3 and Adobe Spectrum in a lot more detail in this week's Bytes Newsletter, which you can subscribe to here.
If you've used hooks at all, you'll know that one limitation is not being able to conditionally call them in the render body of your component. So what can we do if we really need to call a hook conditionally? This article demonstrates one possible option—using a generic component with a render prop.
This article gives a brief overview of SVG, when to use it (and when not to), and how to use it effectively in a React application. We'll also briefly touch on how to integrate with d3 (which comes in very useful when working with SVG).
This in-depth article walks through four different types of tests, the pros and cons of each, and when you might want to use each one.
This revamped tutorial from the Redux team will introduce you to Redux and teach you how to use it the right way, using the latest recommended tools and best practices. By the time you finish, you should be able to start building your own Redux applications using the tools and patterns you'll learn about in the post.
Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.
ReacType is a visual prototyping tool for developers employing React component architecture alongside the comprehensive type checking of TypeScript. In other words, you can draw prototypes and export React / Typescript code.
Plasmic enables developers and designers to compose React UIs visually. It lets you start with rough designs from Figma/Sketch or from scratch, and refactor them into maintainable, production-ready presentational components—without compromising developer control.