A framework to build web components where targets can also be other web frameworks.

Using POO can help to structure the application code with the d3 library.

1. Create construction zone where the result is affected to a variable
2. Containing Side-Effects and Error-Handling (go)
3. Restrincting variable lifetimes (rust)

Store content that should be accessible. If the content should be seen or read on a page, don’t only put them in data attributes, but make sure that content is in the HTML content somewhere.

A use case is to style components based on their data attribute values.

Data attributes can be accessed in JS with tag.dataset.attributeName. It can also store JSON.

A good starter to use cases for the :has() selector

1. use product instead of nested python for-loops
2. use the walrus operator for assignment expressions
3. use ternary conditional operator if the assignment is simple
4. use lambda function to define simple functions
5. use list comprehensions
6. leverage the Higher Order functions of python such as map and other iterable functions.
7. use union operators to merge dictionaries
8. use f-strings to format strings
9. use asteriks for unpacking iterables and destructuring assignment

Featured components that are ready to be styled.

A pure HTML vue library. CSS is free :)

It uses the sqlean-fileio extension. It allows to import/export data from files such as JSON :)

It can be useful in some cases: to declare variables in the <template> directly.

An example of optimisation

A great example!

Some dark/light mode toggles