Examples

It's difficult to overestimate the learning curve for any technology. That's why effector provides you few simple examples that may cover your basic needs and also give more confidence for the users for upcoming projects using effector.

Simple examples

UI loading

To display loader during effects resolving

Effects sequence

We'll need it when second request to the server requires resolved data from the first one

Abort effect

When we need to cancel our effect since it's pointless at the time

Modal dialog

To connect react modal with state

Range input

To connect custom range input component with state

More examples

• Snake game (interactive A* algorithm visualisation) (source code)
• Ballcraft game (source code)
• Client-server interaction with effects Github
• Reddit reader With effects for data fetching and effector-react hooks
• Lists rendering With useList hook
• Dynamic typing status
• Forward data between effects
• Range input component
• Modal dialog
• Conditional filtering
• Request cancellation
• Dynamic form fields, saving and loading from localStorage with effects
• Loading initial state from localStorage with domains
• Dynamic page selection with useStoreMap
• Update on scroll with guard
• Night theme switcher component
• Computed bounce menu animation
• Values history
• Read default state from backend
• Requests cache
• Watch last two store state values
• Stores from react context Codesandbox
• Basic todolist example Codesandbox
• Recent users projects