Documentation

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.

🍰

New to FSD?

Learn the basics with quick overview of methodology

🚀 Get Started

A tour over the basic concepts and structure as well as a comprehensive review of a React sample project

Overview • Tutorial • FAQ

🎯 Guides

Practical guides and application examples

Examples • Migration • Tech

📚 Reference

Reference details of core concepts (for more efficient application)

Units • Isolation • Public API

🍰 About

The philosophy of the methodology, its goals and place in the modern front-end

Mission • Alternatives • Promote

💫 Community

Resources and additional materials, contributed by the community

Awesome • Team • Examples

🛠 Examples

Projects built with Feature-Sliced Design