https://github.com/ara-framework/hypernova-svelte

Svelte Bindings for Hypernova.
https://github.com/ara-framework/hypernova-svelte

hypernova svelte

Last synced: 4 days ago
JSON representation

Svelte Bindings for Hypernova.

• Host: GitHub
• URL: https://github.com/ara-framework/hypernova-svelte
• Owner: ara-framework
• License: mit
• Created: 2019-05-30T21:51:22.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-08-02T05:56:18.000Z (over 3 years ago)
• Last Synced: 2024-11-16T10:47:23.982Z (about 2 months ago)
• Topics: hypernova, svelte
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/hypernova-svelte
• Size: 9.77 KB
• Stars: 12
• Watchers: 2
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# hypernova-svelte

[Svelte](https://github.com/sveltejs/svelte) bindings for [Hypernova](https://github.com/airbnb/hypernova).

On the server, wraps the component in a function to render it to a HTML string given its props.

On the client, calling this function with your component scans the DOM for any server-side rendered instances of it. It then resumes those components using the server-specified props.

## Install

```sh

npm install hypernova-svelte

```

## Usage

Here's how to use it in your module:

```js

import { renderSvelte } from 'hypernova-svelte'

import HeaderComponent from './components/HeaderComponent.svelte'

export default renderSvelte('Header', HeaderComponent)

```