figjs

Experimental, component-based JavaScript UI framework.

introduction

Fig is a simple and experimental user interface framework attempting to bring pug templates into the world of dynamically rendered client-side content. Not yet ready for production or anything serious, just exploring what's possible with today's javascript ecosystem. Please refer to the project's main website for a guide and api reference - fig.nikerino.com :sparkles:

builds

Build	Size	Gzipped
fig.js	~31kB	~9kg
fig.min.js	~14kB	~5kb

updates

Any updates to the installed version of the framework should be done with care, fig is at the stage where every semver minor update can break your app in unexpected and weird ways. Remember to checkout the changelog before upgrading to newer versions!

contributing

Fork & clone the repo:

$ git clone https://github.com/<username>/fig`
$ cd fig/

Get the dependencies, you know the drill. Note that this project installs a TON of packages (695 at the time of writing) if you're having troubles downloading them with npm, consider upgrading to yarn!

$ npm install
# OR
$ yarn

Start the watch scripts:

$ npm run build:watch
$ npm run test:watch

Hack away! :rocket:

Before sending any PRs, remember to run the following lint script, thank you :heart:

$ npm run lint

license

MIT

related

• figify - fig.js browserify transform
• fig-compiler - fig.js component compiler
• fig-web - fig.js website

Changelog

0.2.0 - 2017-08-08

Added

• This changelog file! :tada:

Changed

• Components now get passed the bus.emit function, instead of the whole bus object to prevent adding bus.on listeners directly in components.
• fig:ready event is now named fig ready for a e s t h e t i c purposes.
• @event listeners in components are no longer default prevented.
• app.opts is now exposed at app._opts

Removed

• app._tree property.