Ichigo Demo Pages

This is a page dedicated to showing how you could use Ichigo, the HTML5 Typescript/Javascript micro-framework. Ichigo is something I wrote for fun, so it’s probably not the most powerful, most amazing framework. But it is small. Under 60K for the entire thing, less if you only need a few parts.

Does small mean a lot in a world where every web page has several MB of scripts to download? Probably not. But I think it’s neat that it’s now possible to build a modern dynamic web application with very little code and the help of a tiny library. That tiny library only wraps standard ES 2015 functions in a friendly API, but a nice API goes a long way toward making programming simple.

• Ichigo: Repository

Demos

I’ll add demo pages as I think of some and feel like making them. There’ll only be some simple ones to start. It takes a while think of good examples, and this is only something I do to kill time and making demos is not even remotely exciting.

• Unit Test Bench: Basic unit tests
• Hello World: Every programming demo has to start with Hello World, by law
• Simple Counter: A simple counter using one-way binding and prototype extensions
• Tic Tac Toe: One of the simplest computer games
• Page Router: A basic single page app page router demo

API Deep Dives

Complete demos of all the capabilities of certain objects.

• Keyword Arguments: Pythonish keyword arguments
• HTML: HTML helper functions
• Promises: Deferred promises, repeatable promises, and event handlers
• Observables: Observable properties, proxies, and state
• Component: Component base properties
• Component & Bound Component: Component constructors
• Bound Component: Component injection
• Bound Component: Component templates
• Bound Component: Custom properties
• Bound Component: Component value sources
• Bound Component: Component methods

Other

I made a test bench/demo for JOIN to Javascript, an implementation of the C# LINQ to Objects in TypeScript. It’s not worth making a whole demo site for 6 test pages, even if they are big, so I’ll put it here. The Github page is here.

• JOIN to Javascript: Typescript implementation of System.Linq

_{^{Ichigo logo hacked up using two SVGs licensed by Wikimedia under CC BY-SA 4.0}}