documentation
documentation | reference-architecture | |
---|---|---|
11 | 3 | |
1,301 | 43 | |
3.6% | - | |
7.7 | 6.0 | |
2 days ago | about 1 month ago | |
MDX | TypeScript | |
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.
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.
reference-architecture
-
Code stability and interdependencies
Adopt an architecture or design patterns (e.g. client-side reference architecture) that help you determine which parts should be stable. Patterns and consistent architecture help to create imaginary boundaries between functions and modules as well.
-
Demystifying state management
The above image is coming from a reference architecture from client-side applications. It is only used to visualize the different types.
- How do you go about architecturing large React application?
What are some alternatives?
bulletproof-react - 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
twilio-video-app-react - A collaboration application built with the twilio-video.js SDK and React.js
frontend-clean-architecture - React + TypeScript app built using the clean architecture principles in a more functional way.
redaxios - The Axios API, as an 800 byte Fetch wrapper.
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
SWR - React Hooks for Data Fetching
nx-react-code-sharing-starter - Monorepo Starter: Nx, React, React Native, NodeJS, NextJS, Storybook