JavaScript Architecture

Open-source JavaScript projects categorized as Architecture | Edit details

Top 10 JavaScript Architecture Projects

  • GitHub repo web-skills

    A visual overview of useful skills to learn as a web developer

    Project mention: Web Skills – This is a nice chart of web dev skills. Could be a reminder of how far you've come, or a glimpse of how much there is to learn. Web development is hard. | reddit.com/r/webdev | 2021-10-10

    I recommend reading the Readme for the project as others have mentioned https://github.com/andreasbm/web-skills, as it isn't the intention of the author to deter beginner programmers.

  • GitHub repo react-native-boilerplate

    A React Native template for building solid applications 🐙, using JavaScript 💛 or Typescript 💙 (you choose).

    Project mention: Need help with the folder structure! | reddit.com/r/reactnative | 2021-04-22

    I can recommend that you use docker for your API for better teamwork, less dependency version issues, best practices, and prepare your app to be easily deployed. I can recommend you to use a React-Native boilerplate for example this one: https://github.com/thecodingmachine/react-native-boilerplate. It was designed to realize real world applications, each React-Native application is created thanks to this boilerplate in my company. It works for small and large applications! It includes eslint, prettier, typescript (if you want), react-navigation, redux, i18next and everything you need for a great app!

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • GitHub repo Index

    Metarhia educational program index 📖

    Project mention: looking for enterprise-level node js tutorial or repo | reddit.com/r/node | 2021-06-19

    Even though not everything is enterprise-level and you have some truth in your words, there is a section dedicated to Enterprise for node. I still think, there are a lot of things to learn there: https://github.com/HowProgrammingWorks/Index/blob/master/Courses/NodeJS.md#%D0%B2%D0%B5%D0%B1%D0%B8%D0%BD%D0%B0%D1%80%D1%8B-nodejs-for-enterprise

  • GitHub repo gatsby-starter-lumen

    A constantly evolving and thoughtful architecture for creating static blogs.

    Project mention: [TASK] Help needed with SSL_ERROR_ILLEGAL_PARAMETER_ALERT error on React website | reddit.com/r/slavelabour | 2021-04-22

    The blog is based on this theme: https://github.com/alxshelepenok/gatsby-starter-lumen

  • GitHub repo 3rs-of-software-architecture

    A guide on how to write readable, reusable, and refactorable software

    Project mention: 7 repositorios de desarrollo web que debes conocer | dev.to | 2021-04-12

    Software engineering principles, from Robert C. Martin's book Clean Code adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.

  • GitHub repo Azure-PlantUML

    PlantUML sprites, macros, and other includes for Azure services

    Project mention: Plant UML – open-source UML Tool | news.ycombinator.com | 2021-04-29
  • GitHub repo documentation

    🍰 Structural methodology for frontend projects (by feature-sliced)

    Project mention: Clean Architecture on Frontend | dev.to | 2021-09-01

    You can also see a way around this restriction in "DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together" and Feature Sliced.

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo eslint-plugin-boundaries

    Eslint plugin checking architecture boundaries between elements

    Project mention: Released eslint-plugin-boundaries 2.0, now fully configurable. Check your architecture boundaries in any project structure | reddit.com/r/javascript | 2021-02-02
  • GitHub repo stream-live-system

    :red_circle: An example of a live broadcast system using microservice concepts and architected with docker.

  • GitHub repo event-driven-web-components-realworld-example-app

    Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture

    Project mention: Build an Event Driven TodoMVC App with 8 lightweight VanillaJS Web Components | dev.to | 2021-07-03

    Note about Browser compatibility: This example uses the attribute "is", which is not yet supported by IOS. It is possible to simply avoid this problem by wrapping elements with web components. As can be seen at our Real World Example.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-10-10.

JavaScript Architecture related posts

Index

What are some of the best open-source Architecture projects in JavaScript? This list will help you:

Project Stars
1 web-skills 5,241
2 react-native-boilerplate 2,714
3 Index 2,109
4 gatsby-starter-lumen 1,807
5 3rs-of-software-architecture 703
6 Azure-PlantUML 296
7 documentation 295
8 eslint-plugin-boundaries 218
9 stream-live-system 93
10 event-driven-web-components-realworld-example-app 36
Find remote jobs at our new job board 99remotejobs.com. There are 28 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com