Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 25 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,31 @@ Flower is currently available for React only. -->
- **Form Management**: Flower has a powerfull built-in Form Manager that allows to create sets of rules to know if a form is valid.
- **Render Benefits**: Flower optimally manages rerenders, ensuring top-notch performance.

## External Redux Store Support

Flower può convivere con uno store già esistente semplicemente usando `createFlowerStore`, lo stesso helper che `FlowerProvider` usa internamente: la funzione accetta la stessa configurazione di `configureStore` ma aggiunge un reducer che intercetta gli id `^external.*` e aggiorna il rispettivo path alla radice dello stato. I reducer esterni non devono contenere logiche custom per Flower, basta combinarli normalmente.

```tsx
import { createFlowerStore } from '@flowerforce/flower-react'

const store = createFlowerStore({
reducer: {
external: (state = { externalMessage: '' }) => state
}
})

function AppWithExternalStore() {
return (
<FlowerProvider store={store}>
{/* i tuoi flow */}
</FlowerProvider>
)
}
```
L'helper `createFlowerStore` registra automaticamente il reducer interno di Flower, quindi ti basta dichiarare i reducer esterni da integrare.

`FlowerField` e le regole di navigazione possono continuare a usare `^external.*`, e ogni scrittura viene automaticamente applicata al path specificato (es. `state.external.externalMessage`). I reducer esterni vedono i dati aggiornati senza dover ascoltare azioni Flower-specifiche.

## Full Documentation

For more info [flowerjs.it/](https://flowerjs.it/).
Expand Down
2 changes: 1 addition & 1 deletion nx.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"extends": "nx/presets/npm.json",
"$schema": "./node_modules/nx/schemas/nx-schema.json",
"release": {
"projects": ["flower-core", "flower-react", "flower-devtool"],
"projects": ["flower-core", "flower-react", "flower-devtool", "flower-storybook"],
"projectsRelationship": "independent",
"changelog": {
"projectChangelogs": {
Expand Down
Loading