banou26 / hnk

JS framework

HNK

The version 1 of the framework is accessible at https://js.fkn.app. It is an outdated version and was an experiment to try to remake Vue 2's API using the latest technologies like Template Literal Tags, Proxies, ect, to make it lighter and able to run without a pre-transpilation step(mandatory to remove the use of eval).

The v2 will be a version that focus on ease of use (the API will mostly look like react hooks) and performance, but in an modern and efficient way. That efficiency will come from the use of the maximum amount of native APIs to reduce the work the framework has to do. Of course, every set of feature we propose is completly optional, you can use each part as a standalone library if you don't want the full framework.

These APIs are :

• Userland code, The WebWorker API

The entire framework will be split between the main thread(UI thread) only used for DOM and CSSOM related work, and multiple workers, them be shared for multi-tab related code, or dedicated for each page logical code.

• GraphQL and cache, The Service Worker API

We will provide a set of ways to easily make PWAs, because we know it's hard make use of the cache API. This will mainly be accompanied by an optimised system to use GraphQL schemas in your components to reduce bandwith consumption.

• Router, The History API

Obviously, with every framework come its router component, it'll take ideas from both react's router and vue's router.

• Templates

The templating part is a big part of the framework, everything is done at runtime, there's no pre-compilation step like in vue(eval remover) and react(mandatory for JSX). It makes use of template literal tags, for every languages used, html, css, sass, pug, graphql, ect...

• HTML Templating

• CSS Templating

• Pug Templating

• Sass Templating

• Components

• Elements

• Hooks

hnk's Issues

Framework website only works on Chrome based browsers

The site https://js.ozapp.io only works on Chrome based browsers due to its usage of attachShadow which is not implemented in other engines. It would be great if the page for a web framework worked on all major browsers.

Screenshot from Firefox:

v2

Things to do for v1

• use EPK as testing library (Blocked on Banou26/EPK#1)
• Should use observables(rxjs for now)
• Rework the reactivity to work with observables
• Extend the reactivity to allow for side effect like behaviors (https://reactjs.org/docs/hooks-intro.html and https://github.com/yyx990803/vue-hooks)
• Support SSR (via PPTR?)
• Think about all in worker userland api