Home

Vader.js Wiki

Welcome to the Vader.js Wiki, your go-to resource for the Vader.js JavaScript library. Vader.js simplifies web development with reusable components, state management, authentication, signals, data stores, and HTML templating.

Getting Started

Installation

1. Install VaderJS:

  npm install vaderjs

or

<script type="module" src="https://cdn.jsdelivr.net/npm/vaderjs@latest/index.js" ></script>
<script type="module" src="https://unpkg.com/vaderjs@latest/index.js">

2. Import components and utilities into your project.

• Heres an example import map

  <script type="importmap">
       {
           "imports":{
               "vaderjs":"./dist/vader/index.js",
           }
       }
   </script>

• Then you can import like this

 import { Vader, VaderRouter } from 'vaderjs'

3. Use VaderJS features for routing, state management, auth, and more.

4. Create dynamic SPAs with enhanced user experiences.

5. Type checking / testing

   • Vader has jsdoc annotations built in but also allows ts using the tsconfig

 npm run test // validate your code

Key Features

Explore Vader.js features, including:

• Reusable Components
• State Management
• Authentication
• Signals
• Data Stores
• HTML Templating

Components

Create modular UI components for your web application.