react-clean-architecture
documentation
react-clean-architecture | documentation | |
---|---|---|
3 | 11 | |
1,485 | 1,294 | |
- | 3.1% | |
2.4 | 7.7 | |
7 months ago | about 1 month ago | |
TypeScript | MDX | |
MIT License | 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.
react-clean-architecture
-
Looking for an Advanced React course (design patterns and architecture)
I was also looking for similar resources. We ended up adapting ideas from clean architecture (https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html) in our app. A good starting point for me was this repo with an example implementation: https://github.com/eduardomoroni/react-clean-architecture
-
Which React Architecture To Choose
React Implementation
-
How do you go about architecturing large React application?
I know there is clean architecture. But I am wondering what other ways are there to architect large React web front-ends with Redux. How the project structure would look like?
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?
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
bulletproof-react - 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
frontend-clean-architecture - React + TypeScript app built using the clean architecture principles in a more functional way.
clean-redux - 📐 Clean Architecture with Redux [Moved to: https://github.com/garronej/redux-clean-architecture]
hls-downloader - Web Extension for sniffing and downloading HTTP Live streams (HLS)
redaxios - The Axios API, as an 800 byte Fetch wrapper.
reference-architecture
twilio-video-app-react - A collaboration application built with the twilio-video.js SDK and React.js
prime-react-native - The ultimate collection of production-ready, flexible and accessible React Native Boilerplate.