see https://github.com/bretgeek/VibeJS
YumJS is a reactive JavaScript library for building web apps with the smallest amount of overhead code all within a familiar syntax.
Aside from the JQuery like syntax, YumJS has tons of cool things like function queues, utilities, observers, and stuff for reactivity. You can read more about YumJS on the SITE and in my Introducing YumJS Dev.to article HERE and more HERE.
Setting up is easy...
1. Install node (if not already installed).
2. Clone the yumapp repo.
git clone https://github.com/bretgeek/yumapp.git
3. Navigate to the build directory - yumapp/build.
cd yumapp/build
4. Run npm install to install the dependencies for minification and that node needs.
npm install
5. Run the example app which will launch the boilerplate app in your default browser.
node buildyum --min --web
6. Edit the example App to create your own...
cd yumapp/src
then edit App.js and the other files. If you mess it up re-clone!
- Build an un-minified file with no web start
node buildyum
- Build an un-minified file with web start
node buildyum -- --web
- Build a minified file with no web start
node buildyum --min
- Build a minified file with web start
node buildyum --min --web
Running node buildyum
without the --web option will give you a notice on the screen as to where to find your output file:
Minifed files are in ../out/chunk.min.js
while un-minified is in ../out/chunk.js
You can use these output files in your project by first including YumJS in a script tag and then your output file.
Something like:
<script src='https://cdn.jsdelivr.net/gh/bretgeek/yumjs@main/yum.min.js'></script>
<script src='https://mycoolsite.com/js/chunk.min.js'></script>