SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript Architecture Projects
-
domain-driven-hexagon
Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
-
react-native-boilerplate
A React Native template for building solid applications 🐙, using JavaScript 💛 or Typescript 💙 (you choose).
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
gatsby-starter-lumen
A constantly evolving and thoughtful architecture for creating static blogs with Gatsby.
-
medusa-extender
:syringe: Medusa on steroid, take your medusa project to the next level with some badass features :rocket:
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
nodetskeleton
A NodeJs Skeleton based in Clean Architecture to use TypeScript with ExpressJS, KoaJS or any other web server framework. Please give star to project to show respect to author and effort. 🤗
-
node-typescript-architecture
Hexagonal architecture / ports-and-adapters for Node.js using simple functional programming
-
Server-Driven-UI
A framework example for Server Driven UI (SDUI) that teaches you the best practices to scale.
-
React-App-Clean-Architecture
Sample code of React + Redux-toolkit + typescript with Clean architecture
-
pivot
A front-end state management framework for highly decoupled and long-lived code. (by andyjessop)
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
That's exactly where I am. My manager gave me these links, that cover a lot of those words the backend uses, so I can identify what they mean and how to use them. 1. For inspiration and concepts: https://github.com/Sairyss/domain-driven-hexagon 2. Suggested to read the documentation for nest.js. They apply such concepts I don't understand: https://nestjs.com/
There is an interesting win-win tool called log4brains, that can turn your markdown into a static website. It's also integrated into MADR template. I haven’t had time to try them yet, but it's in my backlog.
It's opinionated, and it's self promotion, but this is what I've used for every project of mine since 2020: https://github.com/jbreckmckye/node-typescript-architecture
Server-driven UI is a thing that's been gaining traction in recent years.
To my knowledge, at least a few FAANG companies have adopted this for the reasons mentioned in the article (AirBnB, Lyft, Expedia)
https://github.com/csmets/Server-Driven-UI
There are a few frameworks that cater to this -- most of them are variations on an API that returns JSON describing view components and state/actions.
For instance, DivKit:
- https://github.com/divkit/divkit
- https://divkit.tech/playground
It's a decent idea IMO, though I have no personal experience with it. I guess time will tell whether it catches on at-large though.
If you have ideas that could complement this list, create an issue in the project repository. I’d be happy to discuss! 👋
Project mention: Show HN: Archsense – Accurately generated architecture from the source code | news.ycombinator.com | 2023-08-06It would seem that some of their tools are open source [0].
[0] https://github.com/ArchSense/archsense-mono
Project mention: What are some of the best libraries you cannot work without? | /r/reactjs | 2023-06-08
TypeScript Architecture related posts
-
Explicit Design, Part 5. App Composition
-
Explicit Design, Part 4. Ports, Adapters, and Infrastructure
-
Part 3. Ports, Adapters, and UI
-
History and Future of Infrastructure as Code
-
History and Future of Infrastructure as Code
-
A verdade sobre os bootcamps de programação
-
Como criar uma aplicação completa usando NodeJs em apenas 5 meses
-
A note from our sponsor - SaaSHub
www.saashub.com | 22 May 2024
Index
What are some of the best open-source Architecture projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | domain-driven-hexagon | 11,427 |
2 | react-native-boilerplate | 4,453 |
3 | gatsby-starter-lumen | 1,980 |
4 | Systemizer | 1,351 |
5 | fullstack-starterkit | 1,161 |
6 | log4brains | 1,064 |
7 | medusa-extender | 308 |
8 | nodetskeleton | 290 |
9 | node-typescript-architecture | 114 |
10 | Server-Driven-UI | 94 |
11 | explicit-design | 90 |
12 | treees | 51 |
13 | React-App-Clean-Architecture | 43 |
14 | archsense-alpha | 30 |
15 | nuxt3-structure-modules-pinia | 22 |
16 | CrazyStackNodeJs | 18 |
17 | pivot | 15 |
18 | scope42 | 8 |
19 | fine-grained-libs-with-nx | 7 |
20 | react-mvp | 4 |
21 | react-graphql-mvp | 2 |
22 | frontend_with_cleanArchitecture | 2 |
23 | circuit-breaker | 0 |
Sponsored