ionic-team / stencil-ds-react-template Goto Github PK

Hi,
Instructions state: "Replace component-library under dependencies with your core stencil package name."
There is no component-library under dependencies in package.json

What does this mean exactly?

I have a simple test component from the latest Stencil
and want to integrate it with React.

Repo: https://github.com/adaept/ae-panel-component

The original demo from Gil Fink was in 2017.
The version I built uses Stencil/core 1.1.7

Is the component a plugin? I am confused with the terminology.

I would like to integrate my component as a test with Angular, React, Vue etc.
following some official guidelines that I am not yet able to find.

I'm trying to setup react wrappers for my component library following this template, but it uses tsc which has apparently been deprecated for... 5 years?! Not sure how to proceed...

Hi, thanks for all the great work on Stencil and making it open source! For React users it would indeed be very interesting to automate the creation component wrappers.

Presumably Stencil component type information is parsed and wrappers are generated using something like: https://github.com/jagreehal/react-stencil-wrapper

As this repo stands currently however, it seems to be missing parts or perhaps it is not intended for normal users. Could someone please clarify? Thanks again for the efforts!

We have the support in most of the web platforms. Can we do it with mobile platforms? Like react native ?

I have followed the instructions completely and am getting the above error.

This occurs on the line import type { JSX } from 'stencil-component-library';
in my react-component-library/src/components/stencil-generated/index.ts

my project consists of the following structure:

react-and-stencil (top-level folder)
-react-app (generated via npx create-react-app, currently not used)
-react-component-library (cloned from this repo)
-stencil-component-library (generated component library via npm init stencil)

Any suggestions would be very much appreciated.

Thanks, Alex

This error happen when I try import the component from wrapper react project.

import { TextSkeletonLoader } from 'stencil-text-skeleton-loader-react';

Here is web component project built in StencilJs
https://github.com/lucascco/stencil-text-skeleton-loader

Here is the wrapper in React
https://github.com/lucascco/stencil-text-skeleton-loader-react

Could anyone help me about this issue?
Many thanks.

Windows 10
Clone repo
npm i
Fail

Microsoft Windows [Version 10.0.17763.615]
(c) 2018 Microsoft Corporation. All rights reserved.

C:\ae\_components_\stencil-ds-react-template>npm i
npm WARN deprecated [email protected]: 🚨 jest-dom has moved to @testing-library/jest-dom. Please uninstall jest-dom and install @testing-library/jest-dom instead, or use an older version of jest-dom. Learn more about this change here: https://github.com/testing-library/dom-testing-library/issues/260 Thanks! :)
npm ERR! code ETARGET
npm ERR! notarget No matching version found for component-library@^0.0.1
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.
npm ERR! notarget
npm ERR! notarget It was specified as a dependency of 'stencil-ds-react-template'
npm ERR! notarget

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\peter\AppData\Roaming\npm-cache\_logs\2019-07-20T20_08_05_140Z-debug.log

C:\ae\_components_\stencil-ds-react-template>

Hi,

I tried a simple PoC according to https://github.com/ionic-team/stencil-ds-output-targets#react.
This works fine and the src/components.ts file is generated in this (sibling) stencil-ds-react-template repository.

Additionally I created a simple react app that imports stencil-ds-react-template.

The package.json is configured with a main and module property that are not generated anymore:

"main": "./dist/index.cjs.js",
"module": "./dist/index.es.js",

I think this is a relict of the old rollup setup.

With this code and configuration this template can not work under any circumstances :(
As this repo wasn't touched in the last 12 months is it maybe abandoned? Or are there simpler ways to interact with React nowadays?

Is there a package.json for react 17.
I tried to update the devDependencies

"@types/jest": "^26.0.23",
"@types/node": "^12.20.15",
"@types/react": "^16.14.8",
"@types/react-dom": "^16.9.13",
"jest": "^27.0.4",
"@testing-library/jest-dom": "^5.14.1",
"np": "^3.1.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"typescript": "~4.1.5"

The template project built successfully but the package generated is not working in a sample react app.

Do we have a package.json for react 17.
The one which is currently provided is not working for react 17.