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 → matthewp → fritz

matthewp / fritz

Licence: other
Take your UI off the main thread

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects
Makefile
30231 projects

Labels

frameworkwebcomponentsworkers

Projects that are alternatives of or similar to fritz

lazy-image
Lazily load your images with <lazy-image> custom element
Stars: ✭ 42 (+7.69%)
Mutual labels:  webcomponents
redux-connect-element
Redux HTMLElement Connector
Stars: ✭ 16 (-58.97%)
Mutual labels:  webcomponents
vaadin-split-layout
The Web Component which allows you to partition a layout into resizeable areas. Part of the Vaadin components.
Stars: ✭ 40 (+2.56%)
Mutual labels:  webcomponents
go-worker-thread-pool
A visual working example of a Thread Pool pattern, based on a known blog article.
Stars: ✭ 24 (-38.46%)
Mutual labels:  workers
vaadin-context-menu
The responsive Web Component for showing context dependent items for any element on the page. Part of the Vaadin components.
Stars: ✭ 26 (-33.33%)
Mutual labels:  webcomponents
capacitor-vue-ionicv4-app
sample app using capacitor vuejs and ionicv4 components
Stars: ✭ 70 (+79.49%)
Mutual labels:  webcomponents
auth-ajax
Auth token handling for Polymer
Stars: ✭ 15 (-61.54%)
Mutual labels:  webcomponents
workbox-microsite
Workbox Microsite
Stars: ✭ 24 (-38.46%)
Mutual labels:  workers
rails async migrations
Asynchronous support for ActiveRecord::Migration
Stars: ✭ 56 (+43.59%)
Mutual labels:  workers
solar-components
Web Components Implementation of Solar Design System
Stars: ✭ 16 (-58.97%)
Mutual labels:  webcomponents
create-react-web-component
Set up a React App wrapped in a Web Component
Stars: ✭ 44 (+12.82%)
Mutual labels:  webcomponents
github-wc-polyfill
Ensure that all GitHub and GitLab scripts required for UXP and SeaMonkey are loaded correctly
Stars: ✭ 87 (+123.08%)
Mutual labels:  webcomponents
laravel-docker-base
Already-compiled PHP-based Images to use when deploying your Laravel application to Kubernetes using Laravel Helm charts.
Stars: ✭ 15 (-61.54%)
Mutual labels:  workers
natural
Fastest Framework for NodeJS. Written in pure ES6+
Stars: ✭ 30 (-23.08%)
Mutual labels:  workers
starter-simba
Lion-based Design System
Stars: ✭ 18 (-53.85%)
Mutual labels:  webcomponents
multiselect-combo-box
A multi select combo box web component based on Polymer and the vaadin-combo-box
Stars: ✭ 41 (+5.13%)
Mutual labels:  webcomponents
highcharts-webcomponent
Highcharts Web Component usable with any Framework
Stars: ✭ 21 (-46.15%)
Mutual labels:  webcomponents
angular-elements-sample
Demo project, that demonstrates how to generate Web Components using Angular Elements, cool stuff :)
Stars: ✭ 18 (-53.85%)
Mutual labels:  webcomponents
domy
Custom Elements Storage
Stars: ✭ 77 (+97.44%)
Mutual labels:  webcomponents
The-HTML-and-CSS-Workshop
A New, Interactive Approach to Learning HTML and CSS
Stars: ✭ 65 (+66.67%)
Mutual labels:  webcomponents
View All Similar Projects ➔

fritz

A library for rendering custom elements in a web worker.

worker.js

import { Component, h } from 'fritz';

class Hello extends Component {
  static get props() {
    return {
      name: { attribute: true }
    }
  }

  render({name}) {
    return (
      <span>Hello {name}</span>
    );
  }
}

fritz.define('x-hello', Hello);

index.html

<!doctype html>
<html lang="en">
<title>My App</title>

<x-hello name="world"></x-hello>

<script type="module">
  import fritz from '//unpkg.com/fritz@next/window.js';

  fritz.use(new Worker('./worker.js'));
</script>

Install

Using Yarn:

yarn add fritz

Using npm:

npm install fritz

License

BSD 2 Clause

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