🌼 Fleur 🌼

An Fully-typed Flux framework inspired by Fluxible.
Runs on Node / Web.

(No dependence to React. See this 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
• Completely Server-side rendering support
• Support React Hooks in @fleur/react
• Dynamic import (import()) support in @fleur/route-store-dom w/o any code transformer

Packages

• @fleur/fleur - Basic flux-flow framework
• @fleur/react - Fleur react connector
• @fleur/testing - Fleur Test helpers
• create-fleur-next-app - Create Next.js app with Fleur
• @fleur/next - Next.js integration helpers
• @fleur/di - Library independency DI function
• @fleur/route-store-dom - Fleur DOM router
• fleur-benchmarks - Benchmarks. (Fleur vs Fluxible vs react-redux)

Usage

Recommended structure

Fleur recommends Re-ducks like directory structure.
See file details on 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/