adobe / adobe/react-webcomponent

Support style/link optional parameters in createCustomElement to style wrapped React component.

オープン
#23 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
enhancement
主要言語
JavaScript
スター
104
フォーク
20
PR マージ指標
30日以内にマージされた PR はありません

説明

### Expected Behaviour
In case of using Webpack Minicssextractplugin or StyleLoaderPlugin I want to be able to pass generated styles inside web component to style React component.

### Actual Behaviour
Right now only inline styles in React component will work behind shadow dom.

### Reproduce Scenario (including but not limited to)
#### Steps to Reproduce
Try to wrap React component with css modules.

#### Platform and Version
any

P.S. I could contribute code to add this functionality.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

issue で言及されているエントリーポイント createCustomElement から開始し、ラップされた React コンポーネントが shadow DOM の背後にどのように配置されるかを追跡します。オプションの style パラメーターと link パラメーターが、CSS modules、Webpack MiniCssExtractPlugin、または StyleLoaderPlugin から生成された CSS をコンポーネントにどのように渡すべきかを確認します。外部で生成されたスタイルによってラップされたコンポーネントをスタイル設定でき、React のインラインスタイルだけに限られなければ完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript, react, webpack
領域
frontend
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
42/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。