https://github.com/hanakla/fleur
A fully-typed, type inference and testing friendly Flux Framework
https://github.com/hanakla/fleur
fleur-js flux flux-architecture react typescript
Last synced: 16 days ago
JSON representation
A fully-typed, type inference and testing friendly Flux Framework
- Host: GitHub
- URL: https://github.com/hanakla/fleur
- Owner: hanakla
- License: mit
- Created: 2018-07-29T15:30:00.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2025-03-24T01:00:37.000Z (about 1 month ago)
- Last Synced: 2025-03-28T09:40:58.730Z (26 days ago)
- Topics: fleur-js, flux, flux-architecture, react, typescript
- Language: TypeScript
- Homepage:
- Size: 4.93 MB
- Stars: 77
- Watchers: 1
- Forks: 5
- Open Issues: 44
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 🌼 Fleur 🌼 [](https://travis-ci.org/fleur-js/fleur)
An Fully-typed Flux framework inspired by Fluxible.
Runs on Node / Web.
(No dependence to React. See [this](https://www.npmjs.com/package/@fleur/react) if you want to use with React.)
Social hashtag: #fleurjs
## Feature
- Comfortable to write code
- Fully typed. Friendly to type inference.
- Next.js supported with [`create-fleur-next-app`](./packages/create-fleur-next-app)
- **Completely** Server-side rendering support
- Support React Hooks in `@fleur/react`
## Packages
- [@fleur/fleur](./packages/fleur) - Basic flux-flow framework
- [@fleur/react](./packages/react) - Fleur react connector
- [@fleur/testing](./packages/testing) - Fleur Test helpers
- [@fleur/create-next-app](./packages/create-next-app) - Create Next.js app with Fleur
- [@fleur/next](./packages/next) - Next.js integration helpers
- [@fleur/di](./packages/di) - Library independent DI function
- [fleur-benchmarks](./packages/fleur-benchmarks) - Benchmarks. (Fleur vs Fluxible vs react-redux)
- ~~[@fleur/route-store-dom](./packages/route-store-dom) - Fleur DOM router~~
- Use [`@fleur/froute`](https://github.com/fleur-js/froute) instead.
## Usage
### Recommended structure
Fleur recommends [`Re-ducks`](https://github.com/alexnm/re-ducks) like directory structure.
See file details on [`packages/fleur/README.md`](./packages/fleur/README.md)
```
app/
domains/
User/
actions.ts
operations.ts
store.ts
selector.ts
Article/
actions.ts
operations.ts
store.ts
selector.ts
# and any components structure you liked (Atomic, Smart / dumb, etc...)
components/
containers/
```