effector

Effector lets you write simple, fast and type safe code and manage reactive state with ease.
Benefits:
- statically typed
- multi-store
- less boilerplate by design
- computed values
- no need for memoization
- side-effect management
- framework agnostic
- observable interoperability
- relatively small size

Forget about component lifecycles and start thinking in effects

React recently introduced a new way to deal with side effects: the useEffect hook. Translating lifecycle methods to useEffect calls can be confusing at first. It’s confusing because we shouldn’t be translating imperative lifecycle methods to declarative useEffect calls in the first place. This article breaks it down.

The 10 Component Commandments

Creating components that are used by a lot of people is hard. You have to think pretty carefully about what props you should accept, if those props are supposed to be part of a public API. This article will give you a quick introduction to some best practices within API design in general, as well as the definite list of 10 practical commandments you can use to create components that your fellow developers will love to use.

Add Netlify Identity Authentication to any React App in 5 minutes with React Context, Hooks and Suspense - DEV Community 👩‍💻👨‍💻

This article is about effective design patterns for introducing authentication into React apps, and any reader should be able to write similar wrappers for their preferred provider.

React Fiber Deep Dive with Dan Abramov

Jani and Phil got a problem. There are too many divs! With the help of Jenn Creighton and special guest Dan Abramov, we learn how to hack React Fiber reconciler internals to make the world a less div-ided place.

Let's learn React Hooks and Context API by building a Recipe Search App

This is a beginner tutorial in understanding React Hooks and the Context API. This will be in two parts with this first part focusing on the basics of hooks. The other part will hopefully focus more on more advanced use cases and the Context API. You'll implement the search functionality and convert to using the Context API for managing states and avoiding props drilling.

Best React open-source projects

It is no secret that every great developer should be committed to open source projects. It is useful for personal professional development as well as for the technology ecosystem. But how do you choose the right project for your spare time efforts? In this article, you'll get a brief answer on how to choose a good open source project.

🎬 SuspenseList Updates
The new <SuspenseList /> component to coordinate the loading sequence of nested suspense boundaries now comes with:
• A tail="collapsed" option.
• A warning, when single items are used.
• And various other optimizations.

⏳ Scheduler: Allow Inferring Priority from Stack
To help finding out at what priority level specific tasks are enqueued, the call stack now wraps every priority inside an additional function call.

https://github.com/facebook/react/pull/16105

🧪 Allow Nested act()s from Different Renderers
Multiple renders can now operate inside a single act() scope. This allows for e.g. using ReactDOM.render inside another component tree.

https://github.com/facebook/react/pull/16039

🎇 React Flare Updates
• Capture Phase Flare events were removed.
• Support for currentTarget was added and later changed to responderTarget.
• Press events now include a button type.
• The Scroll responder now has more functionality.

🧯 Remove React Fire Fork
The unused React Fire fork was removed. Instead, the team is focusing on React Flare. Check out Dan’s reply to the React Fire announcement for more information.

https://github.com/facebook/react/pull/16046

👚 Fabric: Add dispatchCommand
The Fabric React Native renderer now has a dispatchCommand export.

https://github.com/facebook/react/pull/16085

⚠️ Change Warning for Unacted Effects
A warning is now only issued for unacted effects inside strict and non-sync modes.

https://github.com/facebook/react/pull/16041

How using component-based design helps us build faster

This post breaks down how using a component-based design (which includes React) has helped Twitter build across all platforms.

How I ruined my application performances by using React context instead of Redux

Georges used React contexts instead of Redux for centralized states. Without a selector system, his components where getting lots of data as props, some of them were often changing and not necessary to build the view. This post is how he fixed it.

Concurrent Mode explained

Is Concurrent Mode just a workaround for “virtual DOM diffing” overhead? In this Twitter thread, Dan breaks it down.

Authenticated Routing with React, React Router, Redux & TypeScript

In this post, Fred shares how they went about authentication at Octopus Wealth utilising react-router-dom, react-redux & TypeScript.

Build your own React

How does React really work? In this talk, you'll find out. You'll write a simplified version of React from scratch, based on the real source code, including: jsx, fibers, reconciliation, hooks, and more.

A Deep Dive into React-Redux

Redux and React are frequently used together, and many people are familiar with the "Provider" and "connect" APIs from React-Redux. But how does React-Redux work, and why do we even need it in the first place? Join Redux maintainer Mark Erikson on a journey through the history and internals of React-Redux.

📌 useSubnoscription Hook

Similar to the createSubnoscription helper, the React team now maintains a useSubnoscription hook.

https://github.com/facebook/react/pull/15022