Recently, we open-sourced ♥ 𝗚𝗦 𝗪𝗲𝗯𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 - 𝗕𝗘𝗧𝗔 ♥. A pure vanilla JavaScript framework for building SPA web applications based on Bootstrap 5.2.0+.
The latest code iteration contains "almost" full example how to create SPA with our GS WebComponents.
To learn how to build modular SPA apps with GS WebComponents, check out the demo app source code at https://github.com/greenscreens-io/webcomponents/tree/main/demos/extension.
The demo app itself will be the base for our next release for 𝗚𝗿𝗲𝗲𝗻 𝗦𝗰𝗿𝗲𝗲𝗻𝘀 𝟱𝟮𝟱𝟬 𝗪𝗲𝗯 𝗧𝗲𝗿𝗺𝗶𝗻𝗮𝗹 𝗳𝗼𝗿 𝗜𝗕𝗠 𝗶 browser extension (links below) we plan to finish by the end of the year.
https://chrome.google.com/webstore/detail/green-screens-web-termina/heoadinjonfifkebpcpmnkhlanbfgkem
With GS WebComponents, the code base is significantly smaller (about 70%) compared to the current version.
Future browser extension distribution with the new library will be also significantly smaller as all currently used libraries and frameworks will be removed.
That will reduce distribution size by about 6-8x. Size itself, from ~2MB to ~350KB is not that big, however, the extension is used by the browser and loaded when browser starts.
Taken into account that ~235KB out of ~350KB is Bootstrap CSS only, the rest is JavaScript.
The memory used by the browser will be significantly smaller and startup times will be increased.
Our future plan is to use GS WebComponents framework for screen UI modernization for our 𝟱𝟮𝟱𝟬 𝗪𝗲𝗯 𝗧𝗲𝗿𝗺𝗶𝗻𝗮𝗹 𝗳𝗼𝗿 𝗜𝗕𝗠 𝗶.
Compared to some other solutions on the market, the framework itself is fully open-sourced and has no other dependencies than Bootstrap CSS (also open-sourced) giving a total freedom and flexibility for screen modernization on top of 𝗚𝗿𝗲𝗲𝗻 𝗦𝗰𝗿𝗲𝗲𝗻𝘀 𝟱𝟮𝟱𝟬 𝗪𝗲𝗯 𝗧𝗲𝗿𝗺𝗶𝗻𝗮𝗹 𝗳𝗼𝗿 𝗜𝗕𝗠 𝗶.