This project demonstrates the seamless integration of the stencil-web-component-demo library into various frameworks, specifically Angular and Blazor. It showcases how easily web components can be added to different web application frameworks, allowing for the creation of more dynamic, reusable, and framework-agnostic UI components.
The stencil-web-component-demo is a library of web components that can be easily integrated into any framework, enhancing your application with custom, reusable UI components.
These instructions will help you set up and run the Angular and Blazor projects locally on your machine for development and testing purposes.
- Node.js and npm installed on your local development machine.
- .NET SDK for running Blazor projects.
The library of components used in these projects is called stencil-web-component-demo. You can find more information and instructions on how to use these components in your own project by visiting the npm package page:
stencil-web-component-demo npm package
1; Navigate to the Angular project directory:
cd angular-project2; Install the project dependencies:
npm install3; Run the Angular project:
ng serve- The application will be available at
http://localhost:4200.
1; Navigate to the Blazor project directory:
cd blazor-project2; Restore the project dependencies:
dotnet restore3; Run the Blazor project:
dotnet run- The application will be available at
http://localhost:5258.
Once the projects are running, explore the integrated web components from the stencil-web-component-demo library within the Angular and Blazor applications. These components will demonstrate the power and flexibility of web components across different web frameworks.
This project is licensed under the ISC License.
- Thanks to the Orlando Code Camp for the opportunity to present this project.
- Thanks to Marvel for providing the API.
- Thanks to Alpha Vantage for providing the API.