Question 1

How do I add TypeScript to the LitElement JavaScript starter?

Accepted Answer

While this starter is JavaScript-based, Lit supports TypeScript; you'll need to manually set up tsconfig.json and adjust build processes, as it's not included out-of-the-box. Check Lit's documentation for guidance on TypeScript integration.

Question 2

LitElement starter vs plain Lit: what's the benefit?

Accepted Answer

This starter provides a pre-configured environment with testing, linting, and documentation tools, saving significant setup time compared to starting from scratch with Lit alone. It enforces best practices and includes modern workflows like live-reload and VS Code support.

Question 3

How to test LitElement components in production mode with this starter?

Accepted Answer

Use the npm script `npm run test:prod` to run tests in Lit's production mode, as specified in the README's testing section. This ensures components behave correctly under optimized conditions.

Question 4

Can I use this starter to build a full web app or just components?

Accepted Answer

It's optimized for creating reusable web components, but can be extended for applications; however, you'll need to add routing, state management, and other app-level features separately. For full apps, consider Lit's application-focused templates.

Question 5

What's the migration path from Lit 2.0 to 3.0 using this template?

Accepted Answer

The starter is based on Lit 3.0 pre-release and designed to be interoperable with Lit 2.0, making upgrades straightforward by extending npm version ranges. Refer to the 'About this release' section for details on breaking changes.

Question 6

How to deploy LitElement components built with this starter?

Accepted Answer

Since bundling is only for docs, you'll need to set up your own production build process using tools like Rollup or Webpack, following Lit's publishing best practices. The README recommends performing optimizations at the application level.

LitElement JavaScript starter

What is LitElement JavaScript starter?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions