Luce.js

Yet another Front end framework with all the main features of the "famous" frameworks, developed only to prove myself that "we can do it". To have better performance than the solutions adopting Virtual DOM I have used the Templating & Rendering engine of lit-html while for reacting to data changes the library on-change has been used.

Demo

Check the sample app running an updated version of the framework.

Documentation

Check the wiki

Features

• [x] Components, nested components and multiple istances of the same component
• [x] Components API similar to Vue.js with the reactive data model proxied from the data property and Computed properties
• [x] Component hooks: onInit, onPropsChange, onDestroy
• [x] Two way data binding and data reactivity on primitives, objects and arrays
• [x] Wrapper of the fetch API for HTTP requests
• [x] Client side routing system based on History API, routes with parameters,
• [x] Filters in template as pure functions
• [x] Props from parent components to child components
• [x] Automatic management of events on the single component instance
• [x] Debug mode (no logging if debug:false...)
• [x] Event bus: .emit(), .on() to subscribe and .off() to unsubscribe to custom events
• [x] Run function during bootstrap to load configurations, service inizialisations etc
• [x] forms validation (basic)

Todo

• [ ] queue for multiple data changes triggering only one rerendering of the specific component
• [ ] Global Error handler and error messages

Bugs

• data reactivity on objects shared among different components

Built With

HTML5, CSS, Javascript, lit-html, on-change

Versioning

Versione 0.2.98

License

This project is licensed under the MIT License.