Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more! Learn more →
Top 12 JavaScript Architecture Projects
-
-
react-native-boilerplate
A React Native template for building solid applications 🐙, using JavaScript 💛 or Typescript 💙 (you choose).
I think (thecodingmachine-react-native-boilerplate) is good. Have a look.🙂
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
react-proto
:art: React application prototyping tool for developers and designers :building_construction:
Project mention: 9 Must-have React Developer Tools to Create Better Apps Faster | dev.to | 2022-04-04Source
-
-
-
-
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
-
-
stream-live-system
:red_circle: An example of a live broadcast system using microservice concepts and architected with docker.
-
event-driven-web-components-realworld-example-app
Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture
-
js-todo-app
A pure javascript todo app built with an MVC-style architecture. Fully documented and explained.
Project mention: [AskJS] Does anyone use generated JSDoc pages? | reddit.com/r/javascript | 2022-07-03Can you expand on some of that rigid process? I just finished a project that I documented fully and generated JSDocs for, and while I feel like there are some features that I'd like to see in JSDoc to make me always want to use it (mainly nesting namespaces in the sidebar!), I'd love to get your feedback or insight
-
A complex codebase needs to be kept as simple as possible. In Predecos, one way this is done is through use of full-stack JavaScript, meaning developers only need experience with one language to maintain the codebase. Some differences exist in NodeJS when compared with browser-based JavaScript but those are minor compared with having to work in multiple languages. Front-end and back-end dependencies are also kept as uniform as possible. For example, Mocha and Chai are used in both the front-end and back-end meaning experience with said tools enables development in either. Developer setup and deployment should also be straightforward. Predecos uses Helm v3.8.2 to trigger one-click deployment of all the microservices. After doing this and setting a couple environment variables, one can easily start the front-end by using yarn run start then they are ready for development. This is also valuable when doing a deployment. When CircleCI went down, the impact was slight because automated deployment and manual deployment were very similar. All that was required was modifying the CircleCI config for the terminal, building the necessary docker images manually, pushing those images and running helm upgrade. A simple and fast mitigation that saved a lot of time. Diverging from simplicity was sometimes necessary though. Some may argue that use of Kubernetes makes the codebase difficult to understand by virtue of its high learning curve. However, the stability, reliability, documentation and wide-spread adoption of Kubernetes made it hard to resist. Google Cloud Platform (GCP), Amazon Web Services (AWS), Microsoft Azure and DigitalOcean all have Kubernetes offerings. This means applications developed on Kubernetes are largely portable from one cloud provider to another. Predecos uses DigitalOcean’s managed Kubernetes product because it is low-cost when compared to the other options. Should the desire for features such as, for example, encryption at rest arise, one option would be to migrate to Google Kubernetes Engine (GKE). Some modifications would be necessary but because Predecos is in a proof-of-concept (PoC) state and minimal data has been stored that migration would likely be simple.
JavaScript Architecture related posts
- Feature-Sliced Design
- Project file structure
- Diagram-as-code for Azure architecture
- I'm an experienced dev, and I want to get into C#. I'm looking for resources that don't walk you through programming concepts from the start (I don't need someone telling me what a class is for god's sake). Can you recommend any? Thank you :)
- System Design: Learn how to design systems at scale and prepare for system design interviews
- Архитектура фронтенда и какой она должна быть
- Awesome Software Architecture: A curated list of useful resources about software architecture and design principles.
-
A note from our sponsor - Appwrite
appwrite.io | 3 Feb 2023
Index
What are some of the best open-source Architecture projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | web-skills | 6,367 |
2 | react-native-boilerplate | 3,458 |
3 | react-proto | 3,386 |
4 | Index | 2,897 |
5 | 3rs-of-software-architecture | 906 |
6 | documentation | 619 |
7 | Azure-PlantUML | 374 |
8 | eslint-plugin-boundaries | 317 |
9 | stream-live-system | 121 |
10 | event-driven-web-components-realworld-example-app | 59 |
11 | js-todo-app | 1 |
12 | thinkdeep | 0 |