Powered by FSD (Feature-Sliced Design) architectural methodology. As part of the solution to the issues caused by recent changes to the RealWorld API specifications, I’ve forked an backend and created a fully compatible alternative with RealWorld Express + Prisma.

2023年7月18日 · We will compare FSD with classical and modular architectures and examine their pros and cons. First and foremost, let's distinguish three concepts: layer, slice, and segment. Layers are top-level directories and the first level of application decomposition.

FSD React Template A modern React template built with Feature-Sliced Design (FSD) architecture, TypeScript, and TailwindCSS.

FSD（Feature-Sliced Design）是一种前端架构设计模式，旨在提高大型和中型前端项目的可维护性、可扩展性和清晰度。 它通过将应用分割成独立的功能（features）和重用的层（layers），来组织代码结构。

🚀 Vite + ReactJS + TypeScript + Tailwind + Storybook boilerplate 🧩 It includes an architectural methodology with feature-sliced design.

2024年5月9日 · RealWorld React FSD 是一个基于 React、Zustand 和 React-Query 构建的社交博客网站，采用了 FSD（Feature-Sliced Design）架构方法论。 该项目是一个 RealWorld 示例应用，展示了如何使用现代前端技术栈实现一个功能齐全的社交博客平台。 用户认证：通过 JWT 实现用户登录、注册和注销功能。 用户管理：支持用户信息的创建、读取和更新。 文章管理：支持文章的创建、读取、更新和删除。 评论管理：支持文章评论的创建、读取和删除。 分页功能： …

该项目收集了Feature-Sliced Design (FSD)相关的优质资源，涵盖社区链接、项目示例、开发工具、IDE插件、文章和演讲资料。 为学习和应用FSD架构的开发者提供全面实用的参考资料，有助于深入理解和实践这一前端架构方法。

Key concepts covered in this course include how to install ReactJS and use create-react-app; add a simple component; configure a component for props and state; and convert a functional component to use classes.

A curated list of delightful 🍰 FSD resources. Contribute to feature-sliced/awesome development by creating an account on GitHub.

2024年8月31日 · RealWorld React FSD 是一个基于 React、Zustand 和 React-Query 构建的社交博客网站，遵循 FSD（Feature-Sliced Design）架构方法论。 该项目是一个 RealWorld 示例应用，实现了 CRUD、认证、高级模式等功能，符合 RealWorld 规范和 API。