lollipopfly / polka

Book library

Polka - Vue 3, Feature-Sliced Design

Polka - is Feature-Sliced Design + Vue 3 example. The application is a bookshelf where you can add your favorite and read books. The application works with the Google Books API.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

About Feature-Sliced Design

Feature-Sliced Design (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and structured in the face of ever-changing business requirements.

Scheme of Feature-Sliced Design

Information provided by Feature-Sliced Design

polka's Issues

HomeLayout with FSD

I see an inconsistency with the documentation of the HomeLayout component
HomeLayout.vue imports components from the same layer and different slices.

import { Header } from '@/widgets/header'
import { Navigation } from '@/widgets/navigation'

But in the documentation mention:

Slices cannot use other slices on the same layer, and that helps with high cohesion and low coupling.