All the Ways to Make a Web Component - May 2021 Update compares the coding style, bundle size, and performance of 55 different ways to make a Web Component. It put AppRun on the top 1/3 of the list of bundle size and performance.
- Write less code
- No proprietary syntax to learn
- Compiler/transpiler is optional
- State management and routing included
- Run side-by-side with jQuery, chartjs, D3, lit-html ...
AppRun is distributed on npm.
npm install apprun
You can also load AppRun directly from the unpkg.com CDN:
Or, you can create an AppRun app by using the
npm init apprun-app command.
npm init apprun-app [my-app]
- AppRun architecure has state, view, and update.
- AppRun is event-driven.
- AppRun apps can be global or Component based.
AppRun Book from Apress
AppRun Dev Tools
To use the AppRun dev-tools, include the dev-tools script.
See the annoucement: AppRun Dev Tools
AppRun Dev Tools connects to the Redux DevTools Extension. To use the dev-tools, install the Redux DevTools Extension. You can monitor the events and states.
You can launch the webpack dev-server and the demo app from the demo folder with the following npm commands:
npm install npm start
You can run the unit tests from the tests folder.
Unit tests can serve as functional specifications.
Finally, to build optimized js files to the dist folder, just run:
npm run build
Have fun and send pull requests.
AppRun is an MIT-licensed open source project. Please consider supporting the project on Patreon.
Thank you for your support
- Athkahden Asura
- Alfred Nerstu
- Gyuri Lajos
- Lorenz Glißmann
- Kevin Shi
- Chancy Kennedy
Copyright (c) 2015-2022 Yiyi Sun