vanillajskit.github.io

Serverless Micro Frontend Architecture

A Journey for Beginning Serverless Micro-Frontend Architecture Powered by Vanilla Javascript ES6+.

Interesting Articles:

1. Does ES6 make JavaScript frameworks obsolete?
2. Framework Benchmark

Keep clean and clear with Easy Learning Curve

Guidelines :

1. Always Debug Using DevTools :
2. Always use Javascript ES6+ type=Module in your HTML

   <script src="./app.js" type="module"></script>
   

3. Use HTML 5 instead to simplified your script rather than using addEventListener. Example using HTML5 event onclick, calling a function with name PostSignUp() in JS module.

   <button class="button is-link is-light" type="submit" id="button" onclick="PostSignUp()">Submit</button>
   

   Declare your function using window syntax in the imported js module, so HTML5 can call the PostSignUp function.

   import PostSignUp from "./postfunction.js";
      
   window.PostSignUp = PostSignUp;
   

4. Need NPM Package? Just use skypack

   import confetti from 'https://cdn.skypack.dev/canvas-confetti';
   confetti();
   

Cheat Sheet and Library

Library List :

1. JSCroot
2. C-Craft

This site is open source. Improve this page.