Skip to content

Making SPA in VanillaJS. Implementing - Routing, Global Store, Web Components, Reactivity

Notifications You must be signed in to change notification settings

SherAtrium/vanilla-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VanillaJS SPA 🚀

👋 😎 Welcome to the VanillaJS SPA project, a creative journey into building a Single Page Application using nothing but Vanilla JavaScript. This project is a testament to the power and flexibility of native JS, showcasing how dynamic and reactive web applications can be built without relying on external libraries or frameworks.

Key Features 🧨

  • Dynamic Routing: Implementing a sophisticated routing system that manages the navigation between different views in the SPA.
  • Global Store (Reactive Store): A central store for managing and maintaining the application's state reactively, ensuring efficient data flow and updates.
  • Web Components: Leveraging the Web Components standard to create encapsulated and reusable custom elements, enhancing the modularity and maintainability of the codebase.
  • Reactivity: Integrating a reactive system that updates the UI in response to state changes, providing a seamless user experience.

Project Overview 🔭

This project is not just a coding exercise, but a parody on VanillaJS, exploring the limits of what can be achieved with pure JavaScript. It's an ongoing effort, constantly evolving with the addition of more cool features and optimizations. 😉

Before you run the project:

Please, add this line to your VSCode settings.json:

  • "liveServer.settings.file": "index.html"

About

Making SPA in VanillaJS. Implementing - Routing, Global Store, Web Components, Reactivity

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published