frontend-clean-architecture
documentation
Our great sponsors
frontend-clean-architecture | documentation | |
---|---|---|
4 | 11 | |
2,259 | 1,294 | |
- | 9.4% | |
3.3 | 7.7 | |
5 months ago | 26 days ago | |
TypeScript | MDX | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
frontend-clean-architecture
- Places to learn Clean Architecture
-
First blog post
I forked frontend-clean-architecture because I'd like to challenge my code design, maintainability and to learn more about design patterns.
-
Clean Architecture on Frontend
We will select and design the checkout use case. It is the most representative one because it is asynchronous and interacts with a lot of third-party services. The rest of the scenarios and the code of the whole application you can find on GitHub.
documentation
-
Consistent project structure with eslint-plugin-project-structure.
Have you heard about Feature-Sliced Design? I have personally found it extremely helpful as the project grows larger, though it can have a bit of a learning curve
-
Explicit Design, Part 5. App Composition
In our case, the current folder structure resembles Feature-Sliced Design:
-
What's the best component / folder architecture for a project to scale?
Feature-slice design is the one and only correct solution imho
-
FSD - Feature-Sliced Design
(https://feature-sliced.design/)
-
How do you structure your React apps?
for large spa I recommend https://feature-sliced.design/
- Feature-Sliced Design
-
Project file structure
There are many more benefits of using feature sliced design which are well documented in the docs. I highly recommend you to check it out and learn new ways of organizing your frontend project.
-
Best react/redux directory structure
Hi, I use feature-sliced design for big or middle spa. Excellent solution for scalability! https://feature-sliced.design/
-
Архитектура фронтенда и какой она должна быть
Ссылка на офф сайт.
-
Clean Architecture on Frontend
You can also see a way around this restriction in "DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together" and Feature Sliced.
What are some alternatives?
typescript-clean-architecture - It is my attempt to create Clean Architecture based application in TypeScript.
bulletproof-react - 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
resolution-browser-extension - Surf the dweb today with chrome extension
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
react-handbook - ⚛🤌 Modern approaches to architecture and feature development in React apps.
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
ts-brand - Reusable type branding in TypeScript
redaxios - The Axios API, as an 800 byte Fetch wrapper.
webcast - Super simple webcaster (based on Eyevinn WHIP libraries)
twilio-video-app-react - A collaboration application built with the twilio-video.js SDK and React.js
omegga - Brickadia server wrapper, automator, and plugin runner
reference-architecture