Git Product home page Git Product logo

angular_microapps_different_technologies's Introduction

Micro Apps with Web Components and Angular Elements

This example consists of three Angular projects that demonstrate how to use Web Components/ Angular Elements to implement a shell that loads micro apps:

  • shell (/src): Shell loading micro apps
  • client-a (/projects/client-a): Demo micro app
  • client-b (/projects/client-b): Another demo micro app

Install Dependencies

npm install

Standalone

For debugging and testing, you can start each of those projects individually. Please note that the shell will throw some exceptions when doing so because it does not find the micro apps that are expected in an sub folder for the sake of simplicity.

Use one of the following commands for this:

ng serve --project shell --open
ng serve --project client-a --open
ng serve --project client-b --open

Everything together

For using everything together, you have to build the example and run it:

npm run build
npm start

angular_microapps_different_technologies's People

Contributors

manfredsteyer avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

jdiaz-stratio jbandi suresh44t hotkey appcoreopc linnenschmidt dmorosinotto ernesth65 sevyls loetscher nertilpoci ngnam afgoulart study-inspired alx-andru krlosg chrismipi srnathanx davidkr1 i-tauseef hangxun grmca2010 johnjcool arv9135 saurabh47 aaronzinhoo test-driven-development janarthanancs thanhhnguyen23

angular_microapps_different_technologies's Issues

Why there are multiple folders in src with main.bundle.js

I have seen your source code in that i have seen some folders like client-a, client-b, client-c, client-d, etc. inside src directory. When i open one of the folders i have seen a main.bundle.js file. I would like to know whether it is needed.

If it is needed may i know how it is generated?

This seems like it would be such a valuable repo, if it had all of the pre-built microapps

Stumbled across your presentation on YouTube, and thought it was awesome. Very well done, good pacing, helpful information, and a home run of a demo.

So I was excited that I found the source code! Only to find out that it only has the bundled app code for clients C-E, and the payment app is unfortunately not working.

If either Client A or Client B were written in frameworks other than angular, it might be sufficient, but one of the really cool things about this demo was how it wrapped all the other microapps, regardless of framework.

It's mostly here, and probably demonstrates the principles well enough. Just would've been really cool to see the full example (building Vue.js, angular, etc. and being able to read all of those pre-transpilation).

Using ngx build plus

Hi Team,
Is there any way to use build plus so that I dont have to eject current project?

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.