Material-ui: マテリアル-UIはReact0.14と互換性がありません

@tleunenあなたはボールに乗っています！ React0.14ベータ版が本日リリースされました。

@ hai-ceaいくつかの問題を調べました（21個のファイルで約50個見つかりました）。 これは、マイルストーンの良い機会になる可能性があります。 私はdialog / dialog-window / overlayファイルを見ていましたが、this.refs.xxx.yyy（）を介した結合がたくさんあるので、これは簡単な作業ではないかもしれません。 React 0.14互換性マイルストーンを作成したい場合は、私に知らせてください。問題の作成を支援できます（ @tleunenが関与したいと確信しています。彼を志願したくありません）。

みんな@tleunenありがとう！

私は同意します、これはいくつかの問題を引き起こすでしょう。 代替手段は何ですか？ 要素をレンダー内の変数に保存しますか？

@jkruderあなたはgitterにいますか-https

ほとんどの場合、コンポーネントはパブリック関数を持つべきではありません。 すべては小道具で、またはそれらがマウントされたときに渡される必要があります。

たとえば、Dialogコンポーネントはshowとhide必要としません。 DOMにある場合は表示され、そうでない場合は表示されません。

Material-UIを使い始めたばかりなので、他のコンポーネントの問題についてはあまり気づいていませんが、ほとんどのコンポーネントはパブリック関数を持たないように書き直すことができると思います（とにかく他の選択肢はありません）。
問題は、それは現在のバージョンからの大きな重大な変更になるということです。

@tleunenダイアログの表示と非表示のメソッドについてこれ以上同意できません。

@tleunen @oliviertassinariええ、私はあなたの両方に同意します。 これは、そのコンポーネントを設計するときに私たちが持っていた議論でした。 私たちが抱えていた問題は、クリックアウェイ機能でした。 オープン/クローズが状態で処理された場合、クリックアウェイでそれ自体を閉じることを心配する可能性があります。 開く/閉じるが小道具として渡された場合、ダイアログを使用するすべての人がクリックアウェイを自分で処理する必要があります。

ここでの中間的な解決策は、ダイアログにonClickAwayプロップを追加し、コンポーネントのユーザーが開閉できるようにすることです。

@ hai-ceahttps ： //github.com/rackt/react-modalと同じアプローチを使用することをお勧めし

他にどのような事は、このライブラリを使用していますthis.refs言うよりもDOMのコンポーネントと対話するときのためにgetDOMNode() ？ このReactの変更は、 <div/>や<i/>などのコンポーネントにのみ適用されますね。 カスタムコンポーネントには、通常どおりthis.refs.xxxから引き続きアクセスできます。 私が間違っている場合は、React 0.14をまだ試していませんが、HackerNewsで同じことが起こりました。

Reactが参照がカスタムコンポーネント上にあることを検出した場合、コンポーネント内のDOM要素ではなくコンポーネントを返すということですか？

@tleunenそれは私の理解です。 検証が必要です:)

@mullもしそうなら、それはとてもいいことです。 :)

@ hai-cea @mull @tleunen簡単なテストを実行し、カスタム（React.Componentを拡張するもの）コンポーネント（this.refs.customComponent）を参照すると、基になるDOMノードではなくReactコンポーネントへの参照が返されます。 DOMノード（div / a / img / etc）への参照がある場合、this.refs.domRefはノードを返します。

@ hai-ceaそうは言っても、this.refs.XXXのメソッドの呼び出しから離れることはまだ良い考えだと思います。

@jkruderありがとう、私が私のことを話していなくてよかった... :)

わかりました@jkruderの調査をしていただきありがとうございます。 私たちはこれを閉じるために救われていると思います。 しかし、私たちはまだ0.14マイルストーンを実行する必要があると思いますか？

また、＃1033についてどう思いますか？

それなら閉じることができると思います。 ただし、一部のコンポーネントを書き直して、それらのコンポーネントで関数を呼び出す必要をなくすのは良いことです。 コンポーネントがどのように機能するかではありません：/

@ hai-cea同意しました。 0.14マイルストーンの提案された作業のドラフトを作成しており、フィードバックのために送信します。

＃1033に関しては、まだジャンプするべきではないと思います。 0.14で提案されているものと互換性があり、コンポーネントをより機能的にするためにMUIを変換できる別のブランチを作成することに専念しています（this.refs.XXX.YYY（）を最小化/排除します）。

this.ref.xxxの現在の使用がreact0.14.0-beta1と一緒に使用されたときに実際にmaterial-uiを壊さない場合、そのパターンから離れたいとは思わないので、＃1033をブロックする必要があります。 react 0.14.0-beta1と一緒にmaterial-uiを簡単にインストールできるようにすることで、発生する可能性のある実際の問題に関するフィードバックを早期に受け取ることができるようになります。 0.14がまだベータ版であるときに、そのフィードバックを受け取ることをお勧めします。

おそらく、（期待をより適切に管理する）良い代替手段は、ピア依存関係として0.14.0を持つ（そしてmaterial-ui 0.14互換にすることを目的とした）npmでmaterial-uiのalpha / beta / rcバージョンをリリースすることです。 そうすれば、人々は前に進み、存在する可能性のある問題を見つけて修正するのが簡単になります。

@jkruderこれに関する更新はありますか？

@ashtonwarまだありません-私はいくつかのテストを確立し、いくつかの外部のコミットメントを解決することに焦点を当ててきました。 今週はそれを見て、私たちが何を扱っているかを見る時間が必要です。 他の何人かはすでに0.14への移行を試みています。

これを見て乾杯。 ＃1033からmaterial-ui-ioを見てきました。 一部のコンポーネント（ドロップダウン、ボタン、スナックバー）で機能するようですが、他のコンポーネント（チェックボックス、スライダー、トグル）で倒れて死んでしまいます。 他の移行の試みを認識していません。

@tleunenカスタムコンポーネントにはまだthis.refs.XXXを使用できます。 @jkruderに感謝し

問題ない; 可能な限りthis.refs.doSomething()使用は避けるのが最善だと私は今でも信じています。

更新はありますか？ React JS 0.14 RC 1がリリースされたばかりで、実際にMaterial-UIを使用したいと考えています。

ここでも同じですが、14への移行をサポートする方法はありますか？

私は本番環境でます-それは問題ないようです。

だから私はmaterial-ui-ioを公開した人で、material-uiを移植するのは非常にラフで悲しい試みでした。

このライブラリを本番環境で使用しないことを強くお勧めします。 私は移植を行い、material-uiをテストするために1日で公開しましたが、mdlの上に独自のライブラリを作成するように切り替えました

私たち全員がReact14でマテリアルUIを精査するのに役立つ最善の方法は、React 14-rc1にアップグレードして、個別に発生する問題を報告することだと思います。 問題のタイトルを「React14-rc1：この特定のエラーが発生します...」で開始するか、問題に適切なラベルをタグ付けすることをお勧めします。

しかし、そうではないかもしれません。その場合、主任メンテナが私を訂正してくれることを願っています。

https://github.com/callemall/material-ui/pull/1647

peer-deps vs dev-deps vs depsに関して修正が必要な場合があり、保留中のタッチイベントに問題があります。

React 0.14では、onTouchCancel、onTouchEnd、onTouchMove、onTouchStartが自動的に機能します。https： //facebook.github.io/react/blog/#breaking-changesを参照して
react-tap-event-pluginなしでonTouchTapを有効にするには：

import EventPluginHub from 'react/lib/EventPluginHub';
import TapEventPlugin from 'react/lib/TapEventPlugin';
EventPluginHub.injection.injectEventPluginsByName({ TapEventPlugin });

iOS Safariの300msの遅延はまだありますか？

私はIOSを持っていません...
しかし、ここhttps://github.com/facebook/react/issues/436の最初の投稿では、TapEventPluginを注入することが解決策として提案されています。
それ以外にここhttps://github.com/facebook/react/commit/ff12423d639413c1934dfc2ff337b298952e99ef私は関連するコミットを見つけました。

React 14をサポートするための暫定的なタイムラインはありますか？ この問題は本当に古いので、すぐに解決されればいいのですが。

私もこのUIツールキットを使用してBootstrap、Foundation、さらにはElemental UIを回避することに本当に興奮していました...しかし、ReduxでReact 0.14を使用しており、0.13に戻ることはありません。 更新までどのくらいかかりますか？

また、私がこの情報を尋ねる/提供する資格があるかどうかはわかりませんが、参照に関しては（これが0.14のものであるか0.12 / 0.13であるかどうかもわかりません）、通常、これをフォーム入力要素に追加します：

onclick（または任意のハンドラー）コードでは、this.name.valueを介して値にアクセスできます。 入力値を非常に簡単に取得できます。 ツールキットを動作する参照で更新するために必要なのはこれだけですか？

これに+1。 今日、マテリアルUIを見つけて、試してみることに本当に興奮しました。 残念ながら、サイコロはありません。

+1。 このアップデートのタイムラインも知りたいです！

：+1：

皆さん、そこに着きました！ ＃1751を参照してください。 この時点で、新しいreact-router APIにアップグレードするにはもう少し作業が必要です。

react-0.14-supportブランチを試して、タイトルの[React0.14]プレフィックスの問題を報告することをお勧めします。 そのブランチが完全に機能するようになったら、この問題を閉じます（ついに！）:)

聞いてよかった！ 最終版を楽しみにしています。 私は一緒に働いてきました
Redux、React、react-router、そしてこれまでのところ、それはかなり良い方法です。 見て
これにマテリアルUIを組み込むことを楽しみにしています。

13:31で火、2015年9月29日には、Shauryaアローラ[email protected]
書きました：

皆さん、そこに着きました！ ＃1751を参照
https://github.com/callemall/material-ui/pull/1751。 この時点で
新しいreact-routerapiにアップグレードするには、もう少し作業が必要です。

react-0.14-supportブランチとレポートを試すことをお勧めします
タイトルの[React0.14]プレフィックスに関する問題

—
このメールに直接返信するか、GitHubで表示してください
https://github.com/callemall/material-ui/issues/1030#issuecomment -144183104
。

涼しい！ 何かあったら問題を出します...

React 0.14サポートのリリース日に関するニュースはありますか？

@amagdasはreact-0.14-supportブランチを知っていますか？ それは継続的な取り組みです。 気軽にテストして、[React0.14]プレフィックスの問題を報告してください

@ shaurya947うん、私はそれを知っているが、npmを使用してブランチをインストールすることができず、再試行する。
react0.14を使用してこのブランチをテストする方法について何らかのReadme / wikiを用意しておくとよいでしょう。

クローンからnpm linkを実行するか、プロジェクトでnpm i 'git://github.com/callemall/material-ui#react-0.14-support'を実行できます。

明確にするために、node_modulesディレクトリでnpmインストールを実行する必要があります
ディレクトリのルートではありません
2015年10月2日08:01、「Chia-liangKao」 [email protected]は次のように書いています。

クローンからnpmリンクを実行するか、npm i'git：//を実行できます。
プロジェクトのgithub.com/callemall/material-ui#react-0.14-support '。

—
このメールに直接返信するか、GitHubで表示してください
https://github.com/callemall/material-ui/issues/1030#issuecomment -145051787
。

@amagdasこのブランチはまだいくつかの問題があり、進行中の作業であるため、npmではまだ

あなたはどちらか、あなたのマシン上のリポジトリのクローンを作成した後にスイッチ@clkaoが言ったことを実行する、またはすることができますreact-0.14-support使って枝をgit checkout react-0.14-support 。

その後、ルートディレクトリでnpm iを実行すると、すべてのソースファイルがlibフォルダーにコンパイルされます。 その後、プロジェクトでこのlibフォルダーを使用できます。

うん、これを行うとそれは動作し、フィードバックを提供します。

このFBツールを活用して自動的に変更を加えるのはどうですか？ https://github.com/facebook/react/blob/master/packages/react-codemod/README.md

react 0.14announce（http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html）の「注目すべきバグ修正」を見てください。
「クリックイベントは、モバイルブラウザ、特にMobileSafariでReactDOMによってより確実に処理されます。」
..。

@kinolaev詳細： https ：

react-0.14-support削除されますか？

@ovaris私はマスターに統合されました。

@oliviertassinariはいつnpmで利用可能になりますか？

npmでいつ利用可能になるか

バグのないバージョンがいつリリースされるかわかりません。 ただし、npmでマスターブランチを試すことができます。

最新リリースv0.13.0で修正する必要があります
evreybodyにご協力いただきありがとうございます。

@oliviertassinariありがとう！

ありがとうございました！

この問題が最新バージョンのmaterial-uiにまだ存在するかどうかについてのアイデアはありますか？ ほとんどのコンポーネントを使用できますが、this.refs.xxxを使用するコンポーネントも使用できます。たとえば、DatePickerコンポーネントを使用しようとすると、「未定義のプロパティ 'show'を読み取れません」というエラーが表示されます。ここでundefinedはthis.refs.dialogWindowです。

私はreact0.14.8とmaterial-ui0.14.4を使用しています..。

同じエラー

material-uiはReact0.14.8と0.14.9では動作しないようですが、それは哀れです。
Webpackがコンソールで多くの奇妙な苦情を出している。 何をすべきかわからない。

@ topgun743ここでの優れた作品（無料で提供されている）を哀れなものとして説明するのは非常に痛いです。

この号が開かれてから、react15がリリースされました。これはmaterial-uiと互換性があります。 プロジェクト内でReactをアップグレードすることをお勧めします。