Stencil

A compiler for generating Web Components using technologies like TypeScript and JSX, built by the Ionic team.

Quick Start · Documentation · Contribute · Blog
Community: Discord · Forums · Twitter

### Getting Started Start a new project by following our quick [Getting Started guide](https://stenciljs.com/docs/getting-started). We would love to hear from you! If you have any feedback or run into issues using Stencil, please file an [issue](https://github.com/stenciljs/core/issues/new) on this repository. ### Examples A Stencil component looks a lot like a class-based React component, with the addition of TypeScript decorators: ```tsx import { Component, Prop, h } from '@stencil/core'; @Component({ tag: 'my-component', // the name of the component's custom HTML tag styleUrl: 'my-component.css', // css styles to apply to the component shadow: true, // this component uses the ShadowDOM }) export class MyComponent { // The component accepts two arguments: @Prop() first: string; @Prop() last: string; //The following HTML is rendered when our component is used render() { return (

Hello, my name is {this.first} {this.last}

); } } ``` The component above can be used like any other HTML element: ```html ``` Since Stencil generates web components, they work in any major framework or with no framework at all. In many cases, Stencil can be used as a drop in replacement for traditional frontend framework, though using it as such is certainly not required. ### Contributing Thanks for your interest in contributing! Please take a moment to read up on our guidelines for [contributing](https://github.com/stenciljs/core/blob/main/CONTRIBUTING.md). We've created comprehensive technical documentation for contributors that explains Stencil's internal architecture, including the compiler, runtime, build system, and other core components in the [/docs](/docs/) directory. Please note that this project is released with a [Contributor Code of Conduct](https://github.com/stenciljs/core/blob/main/CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.

Stencil

Quick Start · Documentation · Contribute · Blog Community: Discord · Forums · Twitter

Quick Start · Documentation · Contribute · Blog
Community: Discord · Forums · Twitter

Paquete	Descargas	Stars	Tamaño	Issues	Publicación	Licencia

@stencil/core	808,200	12,893	21.3 MB	254	hace 7 días	MIT