Ara Framework

Ara Framework

  • Docs
  • Blog
  • GitHub

›Getting Started

Getting Started

  • Nova architecture (Universal Rendering)
  • Nova architecture (Client-Side Rendering)
  • Quick Start
  • Render views on page

Tools

  • Nova Proxy
  • Nova Cluster

Nova Directives

  • Handlebars
  • Jinja2
  • Laravel Blade

Nova Bridge

  • What is it?
  • React
  • Vue.js

Nova Bindings

  • React
  • Vue.js
  • Angular
  • Svelte
  • Preact
Edit

The Nova architecture (Client-Side Rendering)

The client-side implementation consists of a host application (SPA) that contains references to the javascript bundles of each Micro-frontend.

Those bundles are lazy-loaded depends on the client-side route or when a Micro-frontend needs to be mounted on the page.

client side integration

The host application use a Nova Bridge to render a placeholder on the page where the Nova (Micro-Frontend) view needs to be mounted, then it emits an event named NovaMount the Nova entry-point listens and uses to render and mount the view.

client side integration

Examples

  • Vue.js
  • React
← Nova architecture (Universal Rendering)Quick Start →
  • Examples
Ara Framework
Docs
Getting Started
Community
Stack OverflowTwitter
More
BlogGitHub
Follow @AraFramework
Copyright © 2020 Ara Framework