Installation

Ignite-Element is a lightweight library that integrates seamlessly with modern web standards and popular tools. It is compatible with any environment that supports modern JavaScript. You can install it using your favorite package manager, such as npm, ppm, or yarn.

While Ignite-Element itself is minimal, it requires you to install the following:

1. Ignite-Element: The core library.

2. lit-html: For rendering dynamic templates.

3. Your Preferred State Management Library: Choose between XState, Redux, or MobX.

You can install them using your favorite package manager, like npm, pnpm, or yarn.

npm

npm install ignite-element lit-html xstate
# Or, replace xstate with redux or mobx

pnpm

pnpm add ignite-element lit-html xstate
# Or, replace xstate with redux or mobx

yarn

yarn add ignite-element lit-html xstate
# Or, replace xstate with redux or mobx

---

Why Modular Dependencies?

Ignite-Element does not bundle external libraries like lit-html or state management tools. Instead, it allows you to choose your preferred libraries, giving you flexibility and avoiding unnecessary bloat.

For example:

• lit-html is required for efficient rendering.

• To handle the state logic for your components, you need a state management library (e.g., XState, Redux, or MobX).

This approach ensures you only install the dependencies relevant to your use case.

---

Next Steps

Once installed, you can start using Ignite-Element by initializing it with your preferred state management library. Check out the Quickstart section for an example of integrating Ignite-Element with XState, Redux, or MobX.