Submission declined on 16 June 2024 by
Encoded (
talk). This submission is not adequately supported by
reliable sources. Reliable sources are required so that information can be
verified. If you need help with referencing, please see
Referencing for beginners and
Citing sources.
Where to get help
How to improve a draft
You can also browse Wikipedia:Featured articles and Wikipedia:Good articles to find examples of Wikipedia's best writing on topics similar to your proposed article. Improving your odds of a speedy review To improve your odds of a faster review, tag your draft with relevant WikiProject tags using the button below. This will let reviewers know a new draft has been submitted in their area of interest. For instance, if you wrote about a female astronomer, you would want to add the Biography, Astronomy, and Women scientists tags. Editor resources
| ![]() |
Submission declined on 9 April 2024 by
Star Mississippi (
talk). This submission appears to
read more like an advertisement than an entry in an encyclopedia. Encyclopedia articles need to be written from a
neutral point of view, and should refer to a range of
independent, reliable, published sources, not just to materials produced by the creator of the subject being discussed. This is important so that the article can meet Wikipedia's
verifiability policy and the
notability of the subject can be established. If you still feel that this subject is worthy of inclusion in Wikipedia, please rewrite your submission to comply with these policies. This draft's references do not show that the subject
qualifies for a Wikipedia article. In summary, the draft needs multiple published sources that are: Declined by
Star Mississippi 3 months ago.
| ![]() |
{{Multiple issues|
![]() | This article is written like a
personal reflection, personal essay, or argumentative essay that states a Wikipedia editor's personal feelings or presents an original argument about a topic. (May 2023) |
![]() | This article contains content that is written like
an advertisement. (May 2023) |
![]() | This article may require
copy editing for grammar, style, cohesion, tone, or spelling. (May 2023) |
![]() | The topic of this draft may not meet Wikipedia's
general notability guideline. (May 2023) |
![]() | A major contributor to this article appears to have a
close connection with its subject. (May 2023) |
Original author(s) | Adam Bradley |
---|---|
Developer(s) | Ionic (mobile app framework) |
Initial release | May 20, 2017 |
Repository | StencilJS Repository |
Written in | TypeScript |
Platform | JavaScript engine |
Size | 16.5 KB [1] |
Type | Web framework |
License | MIT License [2] |
Website |
stenciljs |
StencilJS is an open-source web component compiler developed by the Ionic (mobile app framework) team. [3] It enables developers to build high-performance, reusable web components using modern web standards. StencilJS combines the best concepts from popular frameworks like Angular, React, and Vue.js, while also allowing components to be framework-agnostic and interoperable across different environments. [4] [5]
StencilJS helps developers and teams build and share custom components ( Microfrontend), that are web framework agnostic. [6] [7] Its source code is licensed under MIT License and hosted on GitHub. [8] StencilJS generates framework-specific wrappers that allow custom elements developed, to be used with any framework, whether its Angular, React, or Vue.js. [9]
StencilJS was introduced by the Ionic team in 2017. [10] [11] The primary goal was to address the performance and reusability challenges faced while building Ionic Framework components. [12] By leveraging modern web standards and focusing on compiler techniques, StencilJS aimed to create a robust foundation for developing reusable web components. [13]
StencilJS offers a variety of features designed to simplify the development of web components:
StencilJS is centered around the Web Components standard, which comprises Custom Elements, Shadow DOM and HTML Templates.
StencilJS is framework agnostic, that means it can be used with any JavaScript framework or library, including Angular, React, Vue.js, or even vanilla JavaScript. This flexibility allows developers to leverage StencilJS in their existing projects without being tied to a specific framework.
An entire single-page application (SPA) can be built with StencilJS without relying on external libraries, as StencilJS provides built-in routing and state management capabilities.
Each StencilJS component has its own Shadow DOM, which encapsulates the component's HTML structure, styles, and behavior, isolating it from the surrounding document. It also avoids CSS conflicts and specificity issues.
StencilJS operates as a build-time tool that compiles components into standard web components. The architecture includes several key parts:
The main goal of enterprise teams to use StencilJS is, to build design systems and component libraries, [14] [15] that are web framework agnostic. [16] [17] StencilJS can be used to build Progressive web app (PWA). [18] [19] Several companies like Upwork, Volkswagen, Porsche, MasterCard, Amazon, Adidas, Panera etc. have built their design systems based on Stencil-based Web Components. [20] [21] Liberty Mutual Ins. Group's Design System FLUID (Frontend Library for User Interface Development) is built using StencilJS. [22] The music streaming platform Amazon Music is built using StencilJS.
A StencilJS component looks similar to a class-based React component, with the addition of TypeScript decorators.
import { Component, h, Prop, State } from '@stencil/core';
@Component({
tag: 'my-component',
styleUrl: 'my-component.css',
shadow: true // Enable Shadow DOM
})
export class MyComponent {
@Prop() name: string;
@State() count: number = 0;
increment() {
this.count++;
}
render() {
return (
<div>
<p>Hello, {this.name}!</p>
<p>Count: {this.count}</p>
<button onClick={() => this.increment()}>Increment</button>
</div>
);
}
}
In this example, the @Component decorator defines a new web component named my-component. The @Prop decorator defines a property that can be passed to the component, and the render method returns the component's HTML structure using JSX.
Category:2017 software Category:Compilers Category:Web development Category:Software using the MIT license
Submission declined on 16 June 2024 by
Encoded (
talk). This submission is not adequately supported by
reliable sources. Reliable sources are required so that information can be
verified. If you need help with referencing, please see
Referencing for beginners and
Citing sources.
Where to get help
How to improve a draft
You can also browse Wikipedia:Featured articles and Wikipedia:Good articles to find examples of Wikipedia's best writing on topics similar to your proposed article. Improving your odds of a speedy review To improve your odds of a faster review, tag your draft with relevant WikiProject tags using the button below. This will let reviewers know a new draft has been submitted in their area of interest. For instance, if you wrote about a female astronomer, you would want to add the Biography, Astronomy, and Women scientists tags. Editor resources
| ![]() |
Submission declined on 9 April 2024 by
Star Mississippi (
talk). This submission appears to
read more like an advertisement than an entry in an encyclopedia. Encyclopedia articles need to be written from a
neutral point of view, and should refer to a range of
independent, reliable, published sources, not just to materials produced by the creator of the subject being discussed. This is important so that the article can meet Wikipedia's
verifiability policy and the
notability of the subject can be established. If you still feel that this subject is worthy of inclusion in Wikipedia, please rewrite your submission to comply with these policies. This draft's references do not show that the subject
qualifies for a Wikipedia article. In summary, the draft needs multiple published sources that are: Declined by
Star Mississippi 3 months ago.
| ![]() |
{{Multiple issues|
![]() | This article is written like a
personal reflection, personal essay, or argumentative essay that states a Wikipedia editor's personal feelings or presents an original argument about a topic. (May 2023) |
![]() | This article contains content that is written like
an advertisement. (May 2023) |
![]() | This article may require
copy editing for grammar, style, cohesion, tone, or spelling. (May 2023) |
![]() | The topic of this draft may not meet Wikipedia's
general notability guideline. (May 2023) |
![]() | A major contributor to this article appears to have a
close connection with its subject. (May 2023) |
Original author(s) | Adam Bradley |
---|---|
Developer(s) | Ionic (mobile app framework) |
Initial release | May 20, 2017 |
Repository | StencilJS Repository |
Written in | TypeScript |
Platform | JavaScript engine |
Size | 16.5 KB [1] |
Type | Web framework |
License | MIT License [2] |
Website |
stenciljs |
StencilJS is an open-source web component compiler developed by the Ionic (mobile app framework) team. [3] It enables developers to build high-performance, reusable web components using modern web standards. StencilJS combines the best concepts from popular frameworks like Angular, React, and Vue.js, while also allowing components to be framework-agnostic and interoperable across different environments. [4] [5]
StencilJS helps developers and teams build and share custom components ( Microfrontend), that are web framework agnostic. [6] [7] Its source code is licensed under MIT License and hosted on GitHub. [8] StencilJS generates framework-specific wrappers that allow custom elements developed, to be used with any framework, whether its Angular, React, or Vue.js. [9]
StencilJS was introduced by the Ionic team in 2017. [10] [11] The primary goal was to address the performance and reusability challenges faced while building Ionic Framework components. [12] By leveraging modern web standards and focusing on compiler techniques, StencilJS aimed to create a robust foundation for developing reusable web components. [13]
StencilJS offers a variety of features designed to simplify the development of web components:
StencilJS is centered around the Web Components standard, which comprises Custom Elements, Shadow DOM and HTML Templates.
StencilJS is framework agnostic, that means it can be used with any JavaScript framework or library, including Angular, React, Vue.js, or even vanilla JavaScript. This flexibility allows developers to leverage StencilJS in their existing projects without being tied to a specific framework.
An entire single-page application (SPA) can be built with StencilJS without relying on external libraries, as StencilJS provides built-in routing and state management capabilities.
Each StencilJS component has its own Shadow DOM, which encapsulates the component's HTML structure, styles, and behavior, isolating it from the surrounding document. It also avoids CSS conflicts and specificity issues.
StencilJS operates as a build-time tool that compiles components into standard web components. The architecture includes several key parts:
The main goal of enterprise teams to use StencilJS is, to build design systems and component libraries, [14] [15] that are web framework agnostic. [16] [17] StencilJS can be used to build Progressive web app (PWA). [18] [19] Several companies like Upwork, Volkswagen, Porsche, MasterCard, Amazon, Adidas, Panera etc. have built their design systems based on Stencil-based Web Components. [20] [21] Liberty Mutual Ins. Group's Design System FLUID (Frontend Library for User Interface Development) is built using StencilJS. [22] The music streaming platform Amazon Music is built using StencilJS.
A StencilJS component looks similar to a class-based React component, with the addition of TypeScript decorators.
import { Component, h, Prop, State } from '@stencil/core';
@Component({
tag: 'my-component',
styleUrl: 'my-component.css',
shadow: true // Enable Shadow DOM
})
export class MyComponent {
@Prop() name: string;
@State() count: number = 0;
increment() {
this.count++;
}
render() {
return (
<div>
<p>Hello, {this.name}!</p>
<p>Count: {this.count}</p>
<button onClick={() => this.increment()}>Increment</button>
</div>
);
}
}
In this example, the @Component decorator defines a new web component named my-component. The @Prop decorator defines a property that can be passed to the component, and the render method returns the component's HTML structure using JSX.
Category:2017 software Category:Compilers Category:Web development Category:Software using the MIT license