Git Product home page Git Product logo

subzw0rld / hypernova-react-vue Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 562 KB

A POC demonstrating combining an application developed in React and another application developed in Vue to interact with each other as one single application.

License: MIT License

JavaScript 75.42% CSS 12.92% Vue 9.98% Shell 1.68%
microfrontends microfrontend react vue hypernova ara reactjs vuejs microfrontends-demo microfrontend-architecture

hypernova-react-vue's Introduction

A Micro FrontEnd POC using ARA and Hypernova

This POC involves hosting 2 applications, one in React and the other in Vue within the same page and also have them communicate with each other.

This POC was take from the following git repo --> https://github.com/marconi1992/hypernova-micro-frontends

What is Hypernova ?

Hypernova is a service developed by Airbnb to support server side rendering of JS based views. or more info --> https://github.com/airbnb/hypernova

Setup

  • If using mac or linux then execute the setup file using the following command.
sh setup.sh

The command above will install all the dependencies required by the 3 projects used for this POC (aggregrator, react, vue). This saves time needed in manually installing dependencies inside all the project folders.

  • cd hypernova-aggregator
  • yarn buildAll
  • yarn startAll

The application would launch itself on http://localhost:8080

Happy Coding ๐Ÿ˜‰

hypernova-react-vue's People

Contributors

subzw0rld 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.