Seed Style
Seed Hooks
Seed Hooks
Easy State for Seed Components

Easily implement global reactive state as well as local component state in your Seed apps to create re-usable interactive views.

Local State

let counter = use_state(||1337);

fancy_button![
    "Seed Rocks ", counter, " times!",
    counter.on_click(|c| *c+=1),
]

Global Reactive State

#[atom]
fn global_count() -> u32 {
    0
}

... somewhere in your app...

fancy_button![
    "Seed Rocks ", global_count, " times!",
    global_count.on_click(|c| *c+=1),
]

Getting Started

The best way to get started is to download the Seed Hooks quickstart, this targets current Seed master and includes seed_hooks

git clone https://github.com/rebo/seed-hooks-quickstart.git
cd seed-hooks-quickstart
cargo make start

Features

Use per state component.
Easily cache and memoize complex values
Trigger effects a single time, for instance on render
Use patterns such as React's `useReducer`
easily update state from EventHandlers
Atomic in nature, rich interactive components can be build from self contained building blocks

Guides and Examples

Getting Started

Let's explore some basics of Seed Hooks by using the quickstart app

Hooks Api Notes

See what functions and methods are available to interact with Seed Hooks

Hooks Tutoral

We create a live markdown preview component using seed hooks