Giter VIP home page Giter VIP logo

micro-ui-poc's Introduction

Micro UI POC

Code Structure

The POC includes all domains in the same git repository because the projects are intentionally small for readability. In a mature setup each poc-* folder would be its own git repository, with its own pipeline and code deployments. One of the major advantages of the Micro UI strategy is independent development and release schedules.

All projects can be launched with the following command: bun run --filter "*" dev. It might be worth cloning repositories in a file structure that takes advantage of this bun feature. Need to research further.

Container Domains

The purpose of a container domain is to support shell components, sub-domain components, and micro domain integration.

Micro Domains

The purpose of a micro domain is to support dedicated feature concerns that are meant to be injected into one or more container domains.

Technology

Web Components

Micro domains are integrated into one or more container domains by using Web Components to wrap UI framework components.

Data can be passed from the container to a micro domain component via attributes. This exchange should be limited. For many use cases, attributes might not be needed at all.

This POC does not have a formal authentication implementation. If the container domain uses a product like Auth0 to generate a token, then the JWT could be passed seamlessly to the gateway layer via cookies. In an enterprise platform, it's common to have the same gateway domain. If the domain is not the same, then extra steps might be necessary - such as passing the JWT across domain boundaries.

micro-ui-poc's People

Contributors

crichmond1989 avatar

Stargazers

Jeremy Price avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.