{"repo":"yurisldk/realworld-react-fsd","free":true,"listed":false,"github":"https://github.com/yurisldk/realworld-react-fsd","clone":"git clone https://github.com/yurisldk/realworld-react-fsd.git","description":"A real-world React application built with Feature-Sliced Design, evolving from a modular monolith toward a microfrontend-ready architecture.","language":"TypeScript","stars":530,"topics":["feature-sliced-design","react","react-query","react-router","realworld-frontend","typescript","jwt-authentication","feature-sliced","realworld-application","jest"],"license":"MIT","category":"ui-components","readme_excerpt":"🙌 RealWorld example app 🍰 Feature-Sliced Design A modern implementation of the RealWorld app built with React, TypeScript, React Router, React Query, and Zod. About the Project This project is an educational and demonstration Medium-clone built with the Feature-Sliced Design (FSD) architectural approach and modern frontend tools. It is suitable for learning, experimentation, and as a template for large-scale applications. ![Preview][preview-domain] Tech Stack - React 19 - TypeScript - React Router 7 - TanStack React Query 5 - Zod 4 - Webpack 5 - Jest - Testing Library - MSW - ESLint - Prettier - Sass - Orval Project Structure - src/app — application shell, root router, layout, providers, root error handling - src/pages — page-scoped route modules and page UI - src/shared — reusable API layer, utilities, router helpers, and shared UI Architecture Notes The codebase uses a page-scoped structure rather than a full multi-layer FSD tree. - The root router is defined in src/app/browser-router.tsx . - Pages expose route objects from src/pages/ / .route.ts . - Route modules are lazy-loaded to keep the initial bundle smaller. - Data fetching is handled in route loaders with React Query. - Mutations are handled in route actions and usually validate formData with Zod before calling the API. - Shared routing helpers, API utilities, and common UI live in src/shared . Runtime Patterns - Lazy route modules : page components, loaders, and actions are loaded on demand. - Route loaders : asy","default_branch":null,"files":null,"tree":[],"storefront":"/r/yurisldk","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/yurisldk/realworld-react-fsd/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}