documentation
ts-brand
documentation | ts-brand | |
---|---|---|
11 | 4 | |
1,301 | 289 | |
3.6% | - | |
7.7 | 4.9 | |
2 days ago | about 1 month ago | |
MDX | TypeScript | |
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.
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.
ts-brand
-
Twenty five thousand dollars of funny money
The closest way to get nominal typing in TypeScript is with type branding. I haven’t actually used this small library, but it illustrates the idea: https://github.com/kourge/ts-brand
- Reusable Type Branding in TypeScript
-
[AskJS] How many of you like JavaScript and TypeScript?
For this reason I've actually started to enjoy the idea of branded types. Instead of passing around entity IDs as numbers you can have the compiler ensure that you get a specific kind of number, or at least have to explicitly cast to get around this limitation.
-
Clean Architecture on Frontend
There is a way to make TypeScript understand that we want a particular type—use branding, branded types. Branding enables to keep track of exactly how types are used, but makes the code a little more complicated.
What are some alternatives?
bulletproof-react - 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
DefinitelyTyped - The repository for high quality TypeScript type definitions.
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
frontend-clean-architecture - React + TypeScript app built using the clean architecture principles in a more functional way.
tools - Unified developer tools for JavaScript, TypeScript, and the web
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
react-use - React Hooks — 👍
redaxios - The Axios API, as an 800 byte Fetch wrapper.
exotracker-cpp
twilio-video-app-react - A collaboration application built with the twilio-video.js SDK and React.js
reference-architecture