documentation
explicit-design
documentation | explicit-design | |
---|---|---|
11 | 7 | |
1,301 | 88 | |
3.6% | - | |
7.7 | 5.0 | |
2 days ago | 10 months 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.
explicit-design
-
Explicit Software Design. Preliminary Conclusions
If you have ideas that could complement this list, create an issue in the project repository. I’d be happy to discuss! 👋
-
Explicit Design, Part 5. App Composition
If desired, this hook itself can also be decoupled from specific implementations such as useStoreWriter, useStoreReader, and useConverter. I won't go into detail about this in the text, but I'll leave a link to an example where I describe different ways of composing the use case in hooks.
-
Explicit Design, Part 4. Ports, Adapters, and Infrastructure
Source code on GitHub
-
Part 3. Ports, Adapters, and UI
Source code for the current step on GitHub
-
Part 2. Application Core Design
By the way, source code for this series is available on GitHub. Give the repo a star if you like the posts!
-
Explicit Software Design Series
Perhaps the benefits would be more visible in a larger application, but I decided that a simple converter would be sufficient for the experiment. If you have any ideas on how to improve this, please, open an issue or PR on GitHub. Let's discuss it! 👋
-
Part 1. Domain Modelling
Next, we will try to design a converter and describe its model in terms of types and functions. You can find the final result and source code for all examples in this post on GitHub.
What are some alternatives?
bulletproof-react - 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
ts-arch - An architecture unit test framework for Typescript
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
www - Source code for my blog.
frontend-clean-architecture - React + TypeScript app built using the clean architecture principles in a more functional way.
refactor-like-a-superhero - How to refactor code efficiently and without pain.
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
react-design-patterns - A research project to apply the object-oriented design patterns to React.
redaxios - The Axios API, as an 800 byte Fetch wrapper.
proposal-pattern-matching - Pattern matching syntax for ECMAScript
twilio-video-app-react - A collaboration application built with the twilio-video.js SDK and React.js
proposal-partial-application - Proposal to add partial application to ECMAScript