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. 🙂
RN Casts
A collection of bite-sized React and React Native videos that each cover one specific topic (i.e. Handling input events in React).
