stencil-component-starter | Minimal starter project for building | Web Framework library

by ionic-team TypeScript Version: 0.0.1 License: MIT

X-Ray Key Features Code Snippets Community Discussions(5)Vulnerabilities Install Support

kandi X-RAY | stencil-component-starter Summary

stencil-component-starter is a TypeScript library typically used in Server, Web Framework, Boilerplate, WebGL applications. stencil-component-starter has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

This is a starter project for building a standalone Web Component using Stencil. Stencil is also great for building entire apps. For that, use the stencil-app-starter instead.

Support

Quality

Security

License

Reuse

Support

stencil-component-starter has a low active ecosystem.

It has 255 star(s) with 108 fork(s). There are 21 watchers for this library.

There were 1 major release(s) in the last 12 months.

There are 7 open issues and 54 have been closed. On average issues are closed in 152 days. There are 5 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of stencil-component-starter is 0.0.1

Quality

stencil-component-starter has no bugs reported.

Security

stencil-component-starter has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

stencil-component-starter is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

stencil-component-starter releases are not available. You will need to build from source code and install.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of stencil-component-starter

Get all kandi verified functions for this library.

stencil-component-starter Key Features

No Key Features are available at this moment for stencil-component-starter.

stencil-component-starter Examples and Code Snippets

No Code Snippets are available at this moment for stencil-component-starter.

Community Discussions

Trending Discussions on stencil-component-starter

stenciljs Watch decorator not firing

Need visual studio code configuration for debugging stencil

ion-label component inside the stencil-component-starter not getting rendered

Error: "Cannot find module" when cloning Ionic 4 component with StencilJS

StencilJS Component Styles

QUESTION

stenciljs Watch decorator not firing

Asked 2019-Apr-13 at 04:05

I am trying to pass a JSON string to my component prop and let the component parse the string into javascript object.

Unfortunately the @Watch decorator is not firing... what did I do wrong? I followed this documentation: https://stenciljs.com/docs/reactive-data#watch-decorator

Here are the relevant parts of my code:

ptw-input.tsx

...

ANSWER

Answered 2018-Jun-22 at 14:18

The @Watch decorator does not fire when a component initially loads.

To get the method to run when the component loads, invoke it inside a componentWillLoad lifecycle hook:

Source https://stackoverflow.com/questions/50985239

QUESTION

Need visual studio code configuration for debugging stencil

Asked 2018-Nov-29 at 14:37

I'm using the stencil starter project found here (https://github.com/ionic-team/stencil-component-starter) and I would like to debug the code in visual studio code. I tried the following configurations but neither of them work

...

ANSWER

Answered 2018-Nov-29 at 14:37

The webRoot for a Stencil app should be ${workspaceFolder}/www. That should fix the launch configuration.

To attach you have to set port to the Chrome debugging port which you have to set with a flag. Source: https://github.com/Microsoft/vscode-chrome-debug#attach

But since Stencil does not generate source maps yet you will only be able to debug the compiled code. Source: https://github.com/ionic-team/stencil/issues/219

My method for finding the correct generated file is to just add a debugger; statement so that VS Code will automatically break.

Source https://stackoverflow.com/questions/53540548

QUESTION

ion-label component inside the stencil-component-starter not getting rendered

Asked 2018-Aug-30 at 00:17

I cloned the stencil-component-starter from:

https://github.com/ionic-team/stencil-component-starter

Then on the file: my-component.tsx I have the following code:

...

ANSWER

Answered 2018-Aug-28 at 01:54

based on the latest 4.0 beta... I still do think there is a bug in the styling of the labels by default, but this is a work-around

reference to the doc since stencil uses ionic v4 - https://beta.ionicframework.com/docs/api/range

Source https://stackoverflow.com/questions/52024158

QUESTION

Error: "Cannot find module" when cloning Ionic 4 component with StencilJS

Asked 2018-Aug-25 at 21:59

I need to clone an Ionic 4 component with StencilJS, then...

I just created the repository:

https://github.com/napolev/custom-range

based on the repository:

https://github.com/ionic-team/stencil-component-starter

then copied the Ionic component range:

https://github.com/ionic-team/ionic/tree/master/core/src/components/range

to:

...

ANSWER

Answered 2018-Aug-25 at 21:22

Yes you have missing folders and files:
Download them from here: https://github.com/ionic-team/ionic/tree/master/core/src

Edit:

or add the following dependencies:

Source https://stackoverflow.com/questions/52021218

QUESTION

StencilJS Component Styles

Asked 2017-Oct-20 at 19:19

What is the proper way to use the styles option/property of the ComponentDecorator? Using the styles property with the default my-name component from the repository stencil-component-starter doesn't seem to affect the styles of the respective component nor generate something like a

...

ANSWER

Answered 2017-Oct-20 at 19:19

I just tried with latest version 0.0.6-22, and it seems to work completely now.

While compiling, it will tell you if your styles contents is valid or not (mainly looking for valid selectors).

Here is a working example (with a simple string):

Source https://stackoverflow.com/questions/46639005

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install stencil-component-starter

To start building a new web component using Stencil, clone this repo to a new directory:.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: