Light

metal / metal-examples Goto Github PK

View Code? Open in Web Editor NEW

2.0 1.0 9.0 597 KB

Many examples using Metal.js for different use cases.

HTML 23.73% JavaScript 76.09% CSS 0.17%

metal

metal-examples's Introduction

metal-examples

Many examples using Metal.js for different use cases:

attribute - A simple class that has no rendering logic.
custom-build/browserify - A simple component using soy templates and Browserify.
custom-build/jspm - A simple component using soy templates and JSPM.
custom-build/metal-cli - A simple component that is compiled by metal-cli.
custom-build/no-soy - A simple code with no soy templates built without any preexisting metal tool.
custom-build/soy - A simple component using soy templates transpiled to ES5 without preexisting metal tools.
custom-build/systemjs - A simple component using soy templates and System.js.
flux/todo - A TODO list implementation using Metal.js and Flux.
soy-component/nested - An example showing nested Metal.js soy components.
soy-component/no-js - A simple modal component built with soy templates and without any custom js code.
soy-component/simple - A simple modal component built with soy templates.

metal-examples's People

Contributors

Stargazers

Watchers

Forkers

angeloyoun zsagia fernandosouza antoniopol06 robframpton vbence86 jonmak08 abhik29 naderjafari

metal-examples's Issues

Add example using metal-jsx

We only have soy examples, so we should add one that uses JSX templates too.

Unable to run any exemple

Except "hello world", I am unable to obtain a runnable demo from any example. For instance, I build "modal nested component" example according to the readme and see this in Chrome console:

Uncaught Error: No template with namespace "CloseHeader.incrementaldom" has been loaded yet.
    at Modal.js:1838
    at $render (Modal.js:4009)
    at Soy.renderIncDom (Modal.js:1924)
    at render (Modal.js:3124)
    at Modal.js:15130
    at f (Modal.js:15094)
    at callPatch_ (Modal.js:16183)
    at tryPatchWithNoParent_ (Modal.js:16238)
    at patch (Modal.js:16202)
    at Soy.patch (Modal.js:2177)

On the other hand, the same (almost) example works well when I download it from the web site (boilerplate.zip) and build it according to the readme.
I use npm 3.10.10 and node 6.11.2 on windows 10

Add example using Rollup

Rollup JS is another popular build system, so we should also have an example that uses it.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.