React Newsletter #228 from ui.dev's RSS Feed

Articles

React Component Patterns

In this article, Alexi Taylor will help you to identify the trade-offs of the different React patterns and when each pattern would be most appropriate. These patterns will allow for more useful and reusable code by adhering to design principles like separation of concern, DRY, and code reuse. Each major pattern includes an example hosted on CodeSandBox.

Redux vs React’s Context API

For the last few years, Redux has been THE state management solution for bigger React apps. It’s far from being dead and yet, a strong enemy is arising: React’s Context API! In this article you’ll learn,

What is Redux?
What is React’s Context API?
Will React’s Context API replace Redux?

Tutorials

Morphing SVG With react-spring

In this tutorial, Mikael gives a helpful overview on how to add the popular morphing effect to an SVG using the react-spring animation library.

Sponsor

React developers are in demand on Vettery

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.

Projects

Intro to Storybook

Two Storybook maintainers just released this new collection of guides that walks through all of the new Storybook features, while still covering the fundamentals.

Effectful JavaScript Debugger

A new JavaScript/TypeScript debugger with hot-swapping, API & Persistent state, time traveling and more.

Zustand

A small, fast and scaleable state-management solution. It has a hooks-based api, isn’t boilerplate-y or opinionated, and is “just enough to be explicit and flux-like.”

Videos

Why Next.js is the future of React

In this 10-minute video, Lee Robinson shares why he believes that Next.js will be the go-to way to build React applications in the future. Keep in mind that Lee is a Next.js maintainer, so he might be a little biased. 🙂