Displaying 1 to 20 from 56 results

choo - :steam_locomotive::train: - sturdy 4kb frontend framework

  •    Javascript

Want to see more examples? Check out the Choo handbook. We believe programming should be fun and light, not stern and stressful. It's cool to be cute; using serious words without explaining them doesn't make for better results - if anything it scares people off. We don't want to be scary, we want to be nice and fun, and then casually be the best choice around. Real casually.

nanohtml - :dragon: HTML template strings for the Browser with support for Server Side Rendering in Node

  •    Javascript

HTML template strings for the Browser with support for Server Side Rendering in Node. By default all content inside template strings is escaped. This is great for strings, but not ideal if you want to insert HTML that's been returned from another function (for example: a markdown renderer). Use nanohtml/raw for to interpolate HTML directly.

nanomorph - 🚅 - Hyper fast diffing algorithm for real DOM nodes

  •    Javascript

It's common to work with lists of elements on the DOM. Adding, removing or reordering elements in a list can be rather expensive. To optimize this you can add an id attribute to a DOM node. When reordering nodes it will compare nodes with the same ID against each other, resulting in far fewer re-renders. This is especially potent when coupled with DOM node caching. Sometimes we want to tell the algorithm to not evaluate certain nodes (and its children). This can be because we're sure they haven't changed, or perhaps because another piece of code is managing that part of the DOM tree. To achieve this nanomorph evaluates the .isSameNode() method on nodes to determine if they should be updated or not.

nanocomponent - 🚃 - create performant HTML components

  •    Javascript

Native DOM components that pair nicely with DOM diffing algorithms. These are some common patterns you might encounter when writing components.




go-choo-starter - Starter for choo projects with Go backend.

  •    Go

Starter for choo projects with Go backend. No configuration needed.develop watches your code (Go, JS and CSS) and applies changes immediately. If you don't need that, you can run make start and make stop commands. You should use these two commands when you're not actively changing your code.

choo-test - 🚂🚋🚋🚋 Easy choo app unit testing

  •    Javascript

Easy Choo testing.This module is a collection of helper functions. Each of them can be used separately.

dom-notifications - Atom-inspired notifications component

  •    CSS

Have a look at the example page. Install with npm install dom-notifications --save and use something like browserify to create a bundle for the browser.

chooet - All the goodness of choo, multi-threaded by duet.

  •    Javascript

All the goodness of choo, multi-threaded by duet.


yo-yoify - Transform choo, yo-yo or bel template strings into pure and fast document calls

  •    Javascript

Transform choo, yo-yo, or bel template strings into pure and fast document calls. yo-yo and bel, without this transform, pass template literals to hyperx. hyperx then parses and extracts the tags. bel then turns those tags into calls to document.createElement().

fun-component - A functional approach to authoring performant HTML components using plugins

  •    Javascript

A functional approach to authoring performant HTML components using plugins. Syntactic suggar on top of nanocomponent. Pass in a function and get another function back that handles rerendering as needed when called upon. The most straightforward use is to pass in a function and have the default shallow diff figure out whether to rerender the component on consecutive calls.

cans - 🍻 A framework for building React MobX application

  •    Javascript

A framework for building React MobX application.

nanocomponent-cache - Nanocomponent instance cache by key

  •    Javascript

Cache a nanocomponent instance by key. Creates a new instance if the key doesn't exist, otherwise returns the cached instance. A subclass of class-cache providing sane GC function defaults and a set of examples of intended usage. Optional LRU caching. Require NanocomponentCache class.

nanomap - Functionally map data into stateful nanocomponents

  •    Javascript

Functionally map data into stateful nanocomponents. Import Nanomap component class.

twitter-component - A native DOM component for embedding tweets

  •    Javascript

A native DOM component wrapper for embedded tweets. Import TwitterComponent component class.

youtube-component - A native DOM component for embedding youtube video players

  •    Javascript

A native DOM component wrapper for embedded videso from sites like youtube. Import YoutubeComponent component class.

awesome-yo-yo - Modules & resources related to yo-yo

  •    

Modules & resources related to the yo-yo module. A tiny library for building modular UI components using DOM diffing and ES6 tagged template literals, powered by bel and morphdom and based on the "yo-yo" data binding pattern: data down, actions up.

beldown - create dom nodes from markdown inside tagged template strings using bel & marked

  •    Javascript

Create dom nodes from markdown inside tagged template strings using bel & marked. Because maybe you're working with yo-yo or choo and want a way to easily turn markdown into dom nodes they can use.

boxcar - A choo-based grid/spreadsheet editor

  •    Javascript

A 🚂🚋🚋🚋🚋🚋 (choo)-based spreadsheet/multi-row form element widget. Very much a WIP. You can hardcode some data and see it get (rudimentarily using flex-box) rendered to the screen. You can move the focused cell with the arrow keys. You can double-click a cell to make it an input.

awesome-choo - 🌅 Awesome things related with choo framework

  •    

To the extent possible under law, Yerko Palma has waived all copyright and related or neighboring rights to this work.