This project aims to test out different frontend frameworks by building three different mini applications and seeing how each framework handles things such as reactivity, developer experience, etc.
The current frameworks being tested include:
- Lit
- Solid-JS
- Vue JS
The project uses npm to manage package dependencies and also uses the workspaces feature of package.json.
The top-level package.json file includes shared dependencies and each package.json file in the packages/<subpackage> folders include their own dependencies.
To install a dependency in a subpackage, run the following command:
npm i -w @frameworks/<name> <dependency>[ <dependency>]
where <name> is the name of the subpackage such as lit or vue and <dependency> is the dependency that should be installed.
In order to run one of the subpackages, use the following command:
npm run -w @frameworks/<name> dev
where <name> is the name of the subpackage such as lit or vue.
All of the mini applications are written using Typescript for type checking and use the most bleeding edge JavaScript and CSS features currently available.
- CSS Nesting
- Container Queries
- Promise.withResolvers
This project is supported by the following browsers:
- Applie Safari 17.4+
- Google Chrome 119+
- Microsoft Edge 119+
- Mozilla Firefox 121+