mirror of
https://github.com/meteor/meteor.git
synced 2026-05-02 03:01:46 -04:00
63 lines
1.8 KiB
HTML
63 lines
1.8 KiB
HTML
<template name="examples">
|
|
<div>
|
|
{{#markdown}}
|
|
|
|
# Examples
|
|
|
|
The source to all our Meteor examples is
|
|
<a target="_blank" href="https://github.com/meteor/meteor/tree/master/examples">available
|
|
on GitHub</a>.
|
|
|
|
<pre class="prettyprint">
|
|
git clone git@github.com:meteor/meteor.git
|
|
cd meteor/examples/todos
|
|
meteor
|
|
</pre>
|
|
|
|
## Leaderboard
|
|
|
|
The <code>leaderboard</code> example shows a basic Meteor application
|
|
using <a href="#render">Meteor.ui.render</a>
|
|
and <a href="#renderlist">renderList</a>.
|
|
|
|
This example is under 100 lines of JavaScript. Read the source
|
|
<a target="_blank" href="https://github.com/meteor/meteor/blob/master/examples/leaderboard/leaderboard.js">
|
|
on GitHub</a> or check out the
|
|
<a target="_blank" href="http://leaderboard.meteor.com">live
|
|
example</a>. Try opening it in two browsers simultaneously!
|
|
|
|
## Todos
|
|
|
|
The second example is the classic Todos application. Our version
|
|
includes several advanced features demonstrating the power of the
|
|
Meteor platform.
|
|
|
|
<dl class="example">
|
|
|
|
<dt>Persistence</dt>
|
|
<dd>Your todo items are fully persistent, whether running locally or
|
|
deployed to a server. They survive across browser reloads and Meteor
|
|
restarts.</dd>
|
|
|
|
<dt>Multi-user</dt>
|
|
<dd>Meteor automatically synchronizes database state across
|
|
multiple clients. Try opening the demo in two different browsers!</dd>
|
|
|
|
<dt>Tagging and filtering</dt>
|
|
<dd>To demonstrate how easy it is to sort and
|
|
filter data with Meteor, we added tags to todo items. Each item can be
|
|
tagged with multiple tags, and you can filter on those tags.</dd>
|
|
|
|
<dt>Templates</dt>
|
|
<dd>Instead of calling <code>renderList</code>, Todos uses Meteor's
|
|
reactive Handlebars templates to generate and update DOM elements.</dd>
|
|
|
|
</dl>
|
|
|
|
Check out the live todos example at
|
|
<a target="_blank" href="http://todos.meteor.com">todos.meteor.com</a>.
|
|
|
|
{{/markdown}}
|
|
</div>
|
|
</template>
|