featureslices.dev

v0.1

[![](https://img.shields.io/badge/feature/slices-0.1-orange)](https://featureslices.dev/v0.1)

Reading

• Application structure
• FeatureSlices slides 🇷🇺

Applications uses

• Howtocards

Structure

Divide all your components to two groups:

• ui — pure components aimed to be your UI library
• features — components and code, aimed to solve business-cases

UI

UI components should be reusable. You can use AtomicDesign to structure ui components.

Important: No pages in UI!

Example:

src/
  ui/
    atoms/
      button/
        index.ts
        stories.ts
        tests.ts
        readme.md
      input/
      label/
      badge/
    molecules/
    organisms/
    templates/