https://github.com/morgancaron/custom-element-ts

TypeScript framework designed to facilitate the creation of single-page web applications
https://github.com/morgancaron/custom-element-ts

Last synced: 5 months ago
JSON representation

TypeScript framework designed to facilitate the creation of single-page web applications

• Host: GitHub
• URL: https://github.com/morgancaron/custom-element-ts
• Owner: MorganCaron
• License: mit
• Created: 2021-03-27T22:41:41.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-24T03:04:17.000Z (over 3 years ago)
• Last Synced: 2025-03-15T13:48:04.609Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://morgancaron.github.io/custom-element-ts/
• Size: 7.45 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# CustomElementTs

CustomElementTs is a JavaScript/TypeScript library for the creation of **single-page web applications**.

*It allows you to **create your own custom HTML elements** and assign a **state** and **behavior** to them.*

![Github Stars](https://img.shields.io/github/stars/MorganCaron/CustomElementTs?style=for-the-badge)

![Github Forks](https://img.shields.io/github/forks/MorganCaron/CustomElementTs?style=for-the-badge)

[![Discord](https://img.shields.io/discord/268838260153909249?label=Chat&logo=Discord&style=for-the-badge)](https://discord.gg/mxZvun4)

### Project Health

[![Codacy](https://img.shields.io/codacy/grade/eb93a6155891444bb965b73aff843b9c?logo=Codacy&style=for-the-badge)](https://www.codacy.com/manual/MorganCaron/CustomElementTs)

[![Github Actions](https://img.shields.io/github/workflow/status/MorganCaron/CustomElementTs/Documentation%20deployment?logo=Github&style=for-the-badge)](https://github.com/MorganCaron/CustomElementTs/actions?query=workflow%3A%22Documentation+deployment%22)

---

## What problems exist?

React, Angular and most other reactivity libraries and frameworks are much criticized.\

Some for their heaviness, slowness, difficulty to use, lack of cleanliness or difficulty to maintain a project through time.\

Developers would like to have a minimalist tool, compatible with all projects that doesn't require any particular dependency.

## What solutions does CustomElementTs offer?

JavaScript already embeds all the features needed to design reactive web components.\

You don't need CustomElementTs or any other framework! :laughing:

- Cross-browser (web standard) for creating and extending reusable components.

- Requires no library or framework to get started. Vanilla JS/HTML FTW!

- Provides a familiar programming model. It's just DOM/CSS/HTML.

- Works well with other new web platform features (Shadow DOM, ````, CSS custom properties, etc.)

- Tightly integrated with the browser's DevTools.

- DOM allows you to dynamically modify page elements, no need for a virtual DOM.

- Leverage existing accessibility features.

- JavaScript functions to manipulate the browser history allow to react dynamically to url changes.

- No virtual DOM. Your app starts fast and stays fast.

### Yes, but these features are very verbose.

You don't need complex frameworks to create real web applications with components and reactivity.\

CustomElementTs is useful to you only for simplification and readability.

---

## Getting Started

[![Install](https://img.shields.io/badge/-Install-blue?style=for-the-badge)](INSTALL.md)

[![Contribute](https://img.shields.io/badge/-Contribute-blue?style=for-the-badge)](CONTRIBUTING.md)

---

## Additional Informations

![Top Language](https://img.shields.io/github/languages/top/MorganCaron/CustomElementTs?style=for-the-badge)

[![License](https://img.shields.io/github/license/MorganCaron/CustomElementTs?style=for-the-badge)](https://github.com/MorganCaron/CustomElementTs/blob/master/LICENSE)