GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ragu-framework → ragu

ragu-framework / ragu

Licence: MIT license
🔪 A micro-frontend framework with Server Side Rendering.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

reactvueserver-side-renderinghacktoberfestmicro-frontendsmicro-frontendmicro-frontend-framework

Projects that are alternatives of or similar to ragu

Qiankun
📦 🚀 Blazing fast, simple and complete solution for micro frontends.
Stars: ✭ 11,497 (+13425.88%)
Mutual labels:  micro-frontends, micro-frontend
vue-mfe
✨ The easiest way to build a Vue.js micro front-end App.
Stars: ✭ 38 (-55.29%)
Mutual labels:  micro-frontends, micro-frontend
Microfrontends
Micro-frontend Architecture in Action-微前端的那些事儿
Stars: ✭ 2,696 (+3071.76%)
Mutual labels:  micro-frontends, micro-frontend
react-micro-frontend-example
One approach for a micro frontend in React.
Stars: ✭ 51 (-40%)
Mutual labels:  micro-frontends, micro-frontend
angular-react-microfrontend
🚧 React vs Angular ? Why not both ! Micro frontend demo using Angular and React alongs with a NodeJS API
Stars: ✭ 17 (-80%)
Mutual labels:  micro-frontends, micro-frontend
docker-bare-infra
Docker based, minimal infrastructure boilerplate, with MySQL, WordPress, a React application and Nginx
Stars: ✭ 11 (-87.06%)
Mutual labels:  server-side-rendering
admincraft
Admincraft is a vue admin application quick build tool
Stars: ✭ 36 (-57.65%)
Mutual labels:  micro-frontends
GranblueParty
Frontend and Backend of granblue.party website
Stars: ✭ 18 (-78.82%)
Mutual labels:  server-side-rendering
symbiote.js
Simple, light and very powerful library to create embedded components for any purpose, with a data flow management included.
Stars: ✭ 40 (-52.94%)
Mutual labels:  micro-frontends
nuxtjs-nestjs-starter
Starter project for nuxtjs and nestjs all in one integrated.
Stars: ✭ 56 (-34.12%)
Mutual labels:  server-side-rendering
easywebpack-vue
Vue Webpack Building Solution, Support Vue Server Side Render (SSR), Client Side Render (CSR) Building
Stars: ✭ 29 (-65.88%)
Mutual labels:  server-side-rendering
pokedex-nextjs
Get to know the different render methods that the Next.js framework provides by exploring Pokemons
Stars: ✭ 39 (-54.12%)
Mutual labels:  server-side-rendering
react-loadable-ssr-addon
Server Side Render add-on for React Loadable. Load splitted chunks was never that easy.
Stars: ✭ 68 (-20%)
Mutual labels:  server-side-rendering
angular-prerender
A command line tool to prerender Angular Apps.
Stars: ✭ 123 (+44.71%)
Mutual labels:  server-side-rendering
vue-js-laravel-multi-ssr
Source code for the article "Advanced Server-Side Rendering With Laravel & Vue: Multi-Page App"
Stars: ✭ 37 (-56.47%)
Mutual labels:  server-side-rendering
cloudwatch-public-metrics
Expose AWS Cloudwatch Metrics as a public HTML page using AWS Lambda and server-side rendering
Stars: ✭ 27 (-68.24%)
Mutual labels:  server-side-rendering
showcase
A Full Stack Journey with Micro Services and Micro Front Ends. Using dapr, kubernetes, react module federation and web assembly,
Stars: ✭ 45 (-47.06%)
Mutual labels:  micro-frontend
reflect
Static site generator for WordPress.
Stars: ✭ 19 (-77.65%)
Mutual labels:  server-side-rendering
stimulus reflex todomvc
An implementation of TodoMVC using Ruby on Rails, StimulusJS, and StimulusReflex
Stars: ✭ 50 (-41.18%)
Mutual labels:  server-side-rendering
react-data-fetching-components
♻️ Asynchronously load data for your React components with SSR
Stars: ✭ 13 (-84.71%)
Mutual labels:  server-side-rendering
View All Similar Projects ➔

Ragu

Ragu: A micro-frontend framework

Ragu is a micro-frontend framework designed to enable multiple teams to work at the same product but in different codebase.

Ragu Coverage Status License: MIT npm version PRs Welcome

Articles:

Installation

npx ragu-server init my-project

Core principles:

No artefact integration 📦 ➡️ 📦

The most common pattern when organization want to share code between teams is to create a private npm package and use this package across products. One of the main issues of this approach is that every time the shared package is updated a new build is required for each application that used the shared package.

Read more at Front-end integration via artifact - ThoughtWorks Tech Radar

Build system included 🚚

Ragu Server comes with a build system on top of webpack which you can extend though the ragu server configuration.

Server side rendering 📄

Ragu server enables SSR by default and exposes an API where you can get the HTML result from any component. You can write your own Ragu client for any language.

Read more about Ragu Server

Framework agnostic 🧩

You can write a Ragu Component using any framework you want since they enable you to have the render result as HTML string (such as ReactDOMServer.renderToString) and have a hydration mechanism such as ReactDOM.hydrate.

Ragu Repository

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].