Installation

# Install ragu-server
npm install ragu-server 
# create ragu-config.js
npx ragu-server init
# The directory where components should live.
# You can change the path at the ragu-config.js
mkdir components 

{
 "scripts": {
 "build": "ragu-server build",
 "start": "ragu-server run",
 "dev": "ragu-server dev"
 }
}

Create your first component

export default {
 render({name}) {
 return {
 html: `<h1>Hello, ${name}</h1>`
 }
 }
}

export default {
 hydrate(el, {name}) {
 el.addEventListener('click', () => alert('Hello, ${name}!'));
 }
}

Starting the server

npm run ragu-server:run
# OR with you want to automatically re-compile components when component change.
npm run ragu-server:dev