fsd-lessons

A collection of examples that show how you can build applications with Feature-Sliced Design.

Examples are build on react, vite, typescript, tailwind, wouter, redux toolkit, redux toolkit query (rtkq), reatom@v1000, radix ui and so on.

YouTube playlist

See video lessons on YouTube (on Russian).

List

• packages/react-with-layouts
• packages/react-with-theme-toggler
• packages/react-with-feature-flags
• packages/react-with-dialog-manager
• packages/react-with-api
• packages/react-with-user-session

Experimental:

• packages/custom-infrastructure-services
• packages/custom-fractal-sub-slices

Roadmap

• react-with-redux
• react-with-redux-toolkit-query
• react-with-i18n
• nextjs-app-router

(custom)

• custom-fractal-sub-slices
• custom-abstarct-widgets-layer
• custom-page-modals-layer
• custom-domains

(idk about this examples)

• react-with-zustand
• react-with-entities-@x
• react-with-render-slot
• react-with-page-sliced
• react-with-store-composition-root
• react-with-pub-sub-for-shared
• react-with-store-di

Install

Warning

@reatom/react and @reatom/core versions are fixed in package.json overrides.

pnpm i

License

Licensed under the MIT license.