https://github.com/tbreuss/mithril-by-examples

Learn Mithril.js by seeing, reviewing, and running up-to-date code examples
https://github.com/tbreuss/mithril-by-examples

eleventy examples hacktoberfest learning learning-resources mithril mithriljs snippets ssg

Last synced: 3 months ago
JSON representation

Learn Mithril.js by seeing, reviewing, and running up-to-date code examples

• Host: GitHub
• URL: https://github.com/tbreuss/mithril-by-examples
• Owner: tbreuss
• License: mit
• Created: 2021-10-16T09:50:14.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-17T08:59:08.000Z (over 1 year ago)
• Last Synced: 2023-06-17T10:00:48.918Z (over 1 year ago)
• Topics: eleventy, examples, hacktoberfest, learning, learning-resources, mithril, mithriljs, snippets, ssg
• Language: JavaScript
• Homepage: https://mithril-by-examples.js.org
• Size: 4.47 MB
• Stars: 7
• Watchers: 2
• Forks: 8
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Mithril.js by Examples

> The missing addition to Mithril.js website with many up-to-date code examples that are often searched for and just work...

## What is this?

`Mithril.js by Examples` was created for new users including me to learn Mithril.js - a JavaScript framework for building brilliant applications.

This website itself is a simple wrapper for the wonderful [Flems](https://flems.io) - a static browser code playground.

It contains numerous Mithril.js code samples that can be seen, reviewed and run.

Besides that all examples can be searched or can be listed by tags, contributes, or levels.

But the best thing is: The code snippets are up-to-date and just work!

## Mithril.js Resources

### Official

- [Website](https://mithril.js.org)

- [Simple Application Tutorial](https://mithril.js.org/simple-application.html)

- [API Reference](https://mithril.js.org/api.html)

- [GitHub Repo](https://github.com/MithrilJS/mithril.js)

### Community

- [Zulip Chat](https://mithril.zulipchat.com)

- Use `#mithriljs` on Twitter and other social media.

## Getting started

The website is built using [Eleventy](https://www.11ty.dev), a simpler static site generator.

Clone this repository:

~~~bash

git clone https://github.com/tbreuss/mithril-by-examples.git

~~~

Navigate to the directory:

~~~bash

cd mithril-by-examples

~~~

Install dependencies:

~~~bash

npm install

~~~

Run local web server and watch for changes:

~~~bash

npx eleventy --serve --port=8081

~~~

Open http://localhost:8081 with your favorite browser.

More information about [command line usage](https://www.11ty.dev/docs/usage/) can be found on Eleventy's website.

## Contributing

If you're interested in contributing to `Mithril.js by Examples`, please read our [contributing guide](Contribute.md).