React-dnd: プレーンなES5の例を追加してください

私はそのような貢献を喜んで受け入れます。

チュートリアルの例はすべてES5、ES6、およびES7で提供されています。
http://gaearon.github.io/react-dnd/docs-tutorial.html

すべてのドキュメントページには、ES5、ES6、およびES7の例もあります。
http://gaearon.github.io/react-dnd/docs-drag-source.html
http://gaearon.github.io/react-dnd/docs-drop-target.html
等

残念ながら、すべてのサンプルコードを移植する時間がありませんでしたが、これは始めるのに役立つはずです。

ドキュメントサイトにはES5の例があります。 http://gaearon.github.io/react-dnd/docs-overview.html

githubリポジトリの完全な機能例を参照しています。

ES6 / 7が主流になるまでは、オプションのES6 / 7を使用したES5の例が望ましいことに同意します。 新しいプログラミング言語を同時に学習する必要がなく、コードを実行するためにES5にトランスパイルする必要がない場合は、react-dndを学習する方が簡単です。

ES6はすでに主流であり、言語は完成しており、Babelは多くのプロジェクトで使用されていると思います。

サンプルコードを理解するためだけにES6（さらに悪いことにES7）構文を学ぶように人々に強制することは、_best_で_hostile_です。 これは素晴らしいモジュールのように見えます。 少なくとも、例の_one_のES5バージョンを未経験者用のES5例フォルダーにエクスポートしてみませんか。 例を求める人々はそもそもES6とES7に慣れていない可能性が高いため、PRを受け入れると言っても役に立ちません。

ルため息。

私はここにいる人たちに同意します。 @ gaearonライブラリがどのように機能するかを理解するためだけにES6 / ES7を学ぶように強制するべきではありません。これにより、代わりに別のライブラリを使用するようになる可能性があります。
このライブラリは素晴らしいです、私がそれに反対しなければならない唯一のことはこのトピックです。 私はJSの専門家ではないので（私はRuby開発者です）、別の構文を使用しているという理由だけで、例を理解するのは難しいです（私は新しい構文に反対していませんが、ライブラリを開発するときは主流の標準を採用する）、それはばかげています。
このライブラリをReactの標準DnDライブラリにする場合は、これを修正する必要があります。 そうでなければ、あなたよりも良いか悪いかにかかわらず、人々は別の「より簡単な」解決策を使用するのではないかと心配しています。

別の構文を使用しているという理由だけで

参考までに、これは別の構文ではありません。JavaScriptであるES6です。 また、ES6構文に問題がある場合は、実際には別の構文であるため、reactにも問題があるはずです。

しかし、ライブラリを開発するときは、主流の標準を採用する必要があります

ES6が主流になりつつあります。 io.jsとreact自体はES6をサポートしています

あなたは間違っています。

1. ウィキペディアをチェックして

コンピュータサイエンスでは、コンピュータ言語の構文は、その言語で正しく構造化されたドキュメントまたはフラグメントと見なされるシンボルの組み合わせを定義する一連のルールです。

そして：

ECMAScript 2015（6th Edition）は、ECMAScript言語仕様標準の現在のバージョンです。

はい、ES5とES6はどちらもJSですが、構文が異なります。
2.2。

ES6が主流になりつつあります。 io.jsとreact自体はES6をサポートしています

「なる」と「のサポート」は、ES6がまだ主流ではないことを知っていることを意味します。最終的にはそうなるでしょうが、それまでの間、ES5で例を示す必要があります。

ES5の例がひどく必要な場合は、自分で貢献するように努力してみませんか。 @gaearonはとても忙しい人で、暇なときにこのライブラリで作業しています。 ですから、他の人もそれから利益を得ることができるように、貢献することを要求する代わりに。

プロジェクトオーナーのgaearonであるGuysは、誰にも何も強制していません。

gaearonは、このlibですでに途方もない作業を行っています。 プロジェクトはオープンソースであり、無料で提供されています。 彼を敵対的であると非難する、または彼がユーザーを所有しているように、何かはちょっと敵対的な私見です。

彼は、例をes5に移植する時間がなく、貢献を受け入れる用意があると述べました。 es5 / 6/7にはすでに例があります。 そして正直なところ、構文はそれほど違いはありません。

また、babelのようなトランスパイラーを使用してes6 / 7コードをes5に変換し、それを使用したり、調べたり、学習したりすることもできます。

誰もreact-dndの使用を強制していません。また、このライブラリの目的は「唯一の」ソリューションであるということでもありません。

@hakanderyalまさに私のポイントです！

@hakanderyal私たちはそれについて話し合っていません..そうです、私たちは皆、このプロジェクトでの途方もない仕事に対して@gaearonに感謝します。

ES6で例を書くという悪意はなかったことがわかっています。 個人的に私はこれについて誰も非難していません。 それでも、この問題はES5の例が必要であることを示していると思います。

はい、Babelを使用することもできますが、必要な例があるという理由だけで、プロジェクトに複雑さを追加したくない場合もあります。 私はRailsプロジェクトでReactとReactDnDを使用していますが、正直なところ、コードを実行するためだけにトランスパイラーなどを処理したくありません。

また、JSの専門家ではない方もいらっしゃるので（私も含めて）、なるべくシンプルにしておくといいと思います。

@gaearonだけでなく、既存の寄稿者または新しい寄稿者がこの問題を主導し、いくつかの例を追加し始めることができます。

@ bismark64 @jeffreywescott @emergentcypher＃214を参照してください。

：+1：素晴らしい@vkbansal！ ありがとうございました！

ありがとう、 @ vkbansal-あなたはロックします！

みなさん、こんにちは。

私はこのプロジェクトと、コードを含むすべてのドキュメントページにES5、ES6、およびES7のコード例を示している唯一のJSライブラリWebサイトであるそのドキュメントWebサイトに数週間と夜を費やしました。 例自体であなたの期待に完全に応えられなかったのは残念です！

React Europeの講演に数週間と夜を費やした後、自由な時間が取れたら、あなたのリクエストを検討するかもしれません。 それまでの間、別のライブラリを使用するか、ES5の例を手伝ってくれるよう誰かに依頼してください。

自由な時間が取れたら、次のことをお勧めします。

• オープンソースにも貢献する
• このスライドデッキを読む
• ES6を学ぶ

ありがとう。

PS @ vkbansalに大いに感謝します。

こんにちはGaearon、

コードを公開することは、それを使用する大多数の人々に非常に高く評価されています。

あなたは物事を「前進」させ、公的な方法でそれを行っています..どちらも「簡単」ではありません。

私はあなたが受けた告発に完全に驚いています（そしてほとんどの人はそうなると思います）
例：「強制的な」人々..そして「敵対的」であること
...特に投稿を招待した場合

これらの攻撃に対するあなたの反応は、私が同じ挑発を与えられるよりもはるかに抑制されています。

この否定的な少数派に先送りされないでください

コードとアイデアに感謝します

Stu

この議論を続けたくないという私の願いを尊重してください。 このリポジトリを見ている人にこれ以上スパムを送りたくありません。

私は問題をロックしていませんが、別のコメントが投稿された場​​合、これは「ディスカッション」コメントではなく、より多くのPRまたはある種のものにリンクする有用なコメントになると思います。 私たちはお互いの言葉を永遠にねじり、「両側を聞く」ことができますが、私にはその要点がわかりません。

私はあなたの懸念を理解しています：あなたはES5の例が必要であり、現時点ではES6 / 7を学びたくないのです。 持つべき完全に有効な立場。 現時点での私の立場は、これらの例に取り組むことは_物理的に不可能_であるということです。 将来的にはできるかもしれません。 今のところ、このすばらしいES6学習リソース（私が自分で学んだ方法）を指摘する以外に、あなたを助けるために私ができることは何もありません。

さらに、これらの例に焦点を当てると、1.0はまったく出荷されなかったでしょう。 その直後に話を始めなければならなかったので、1.0を出すには必要なカットでした。 最新バージョンであるReactDnD 0.9.2を使用

最後に、特定のオープンソースのエチケットがあり、上記のコメントのいくつかのフレーズはそれに違反しています。 それが見当たらない場合、これはあなたの問題であり、私の問題ではありません。 このエチケットを破ることは、メンテナが人気のあるプロジェクトを焼き尽くして捨てる理由の1つです。 あなたは_あなたの_苦情は有効であり、あなたは_意味のある_と思うかもしれませんが、それはまったく無関係です。 自分のプロジェクトに汗と血を注ぎ、同様の問題を抱えるまで、これを本当に理解するのは本当に難しいです。

要約すると、これがさらに生産的なスレッドである場合、私は幸せです。 それが「誰に責任があるのか​​」なら、私はそれをロックします。
ありがとう。

あなたは完全に正しい@stoobooと@gaearonです。 上記のコメントがこのエチケットを破り、あなたが非難されたと感じたり、私があなたに無礼だったりした場合は、お詫び申し上げます。 そのようなプロジェクトを維持することは多くの努力と時間を必要とすることを私は知っています、そしてあなたはこれまで素晴らしいことをしているので、私はそれに感謝しています。 私の意図は、この懸念を指摘することだけでした。
そうは言っても、これを渡して、このスレッドを通常どおりに進化させる必要があります。

恥ずかしくて恥ずかしい思いをします。 コメントありがとうございます、@ gaearon。 言い訳にはなりませんが、今週は私にとって大変な週でした。そして、欲求不満の瞬間に、私は激しく非難しました。 本当に申し訳ありませんが、この素晴らしいライブラリをありがとうございました。

また、いくつかのコンテキストを提供しましょう。 例がES5で書かれていない理由は、私が1.0を書いた主な理由は、ES6クラスの0.xを使用するのに問題がある人々であったためです：＃109。

例にES6クラスがない状態でES6クラスの問題を「解決する」1.0をリリースするのはばかげています。 そのため、ES6をさらに使用することにしました。

Reactを使用している場合、ビルドステップが_すでに_ある可能性が高くなります。 JSXを正しくコンパイルする必要がありますか？ （ほとんどの人がそれを使用します。）すでにビルドステップがある場合、JSXビルドステップをBabelビルドステップに置き換えるのに文字通り何の費用もかかりません。 実際、それはFacebookもやろうとしていることです。

話をする必要があることを知っていたので、しばらくの間このライブラリを「ハングアップ」する必要があると思っていました。 したがって、私はそれを_後ろではなく前向きに_構築することを選択しました。そうすれば、私の干渉なしにそれ自体でしばらく生きることができます。

@jeffreywescott問題ありません、どういたしまして。 ごめんなさいと言ってくれてありがとう。 私は本当に感謝しており、間違っていることを認めるのは難しいかもしれないことを知っています。

：+1：

@gaearon @emergentcypher @awarberg @jeffreywescott @ bismark64

私はチュートリアルのほとんどをES5に沿って進めました（ES6を学ぶのが遅すぎるためですが、最終的にはJSXを使用し、明らかに破壊します）： https ：

ここでES5の例を追跡してください：
https://github.com/vkbansal/react-dnd-es5-examples

@vkbansalに感謝します。

ついにそれを終える時間がありました： http ：

人々の感情を高めることは私の意図ではありませんでした。ライブラリにアクセスできるようにすることだけを望んでおり、ES6に切り替えてもまだ使用されない実験的なES7機能を含む例について主に懸念していました。 ES6が完成した今、開発コミュニティをES6に向けてプッシュし続けることが重要だと思います。確かに、 @ gearonはES6コードを優先事項として扱う際に正しい選択をしたと思います。元のコメントをひどく

ビルドステップについてコメントすると、私のビルド環境にはJSXビルドステップがありますが、ビルド環境はNode.jsではなく別の言語で処理されるため、特にJSXの代わりにBabelを「プラグイン」するほど簡単ではありません。ビルドに必ずしも責任があるとは限らないチームで作業しています。

@vkbansalに感謝し、最初にすべての作業を@gaearonに感謝します。

• 関係者の大多数はES6にほとんど参加していませんが、
• ES7からES5にトランスパイルすると、コードの解読が不快になることがよくありますが、
• すべてのES7機能はまだ実験的であると考えられていますが、

ES7のすべての使用を削除してください

構文の単純さ/簡潔さのためにES7を利用することは、関係するすべての人が構文の歴史的な変形を認識している場合にのみ機能します。

@vkbansalこれらの例をまとめてくれてありがとう。

2番目の項目の例：

クリーンコード：

var DragSourceDecorator = DragSource(ItemTypes.CARD, cardSource,
    function(connect, monitor) {
        return {
            connectDragSource: connect.dragSource(),
            isDragging: monitor.isDragging()
        };
});

var DropTargetDecorator = DropTarget(ItemTypes.CARD, cardTarget,
    function(connect) {
        return {
            connectDropTarget: connect.dropTarget()
        };
});

module.exports = DropTargetDecorator(DragSourceDecorator(Card));

トランスパイルされた出力（例から）：

Card = (0, _reactDnd.DragSource)(_ItemTypes2['default'].CARD, cardSource, function (connect, monitor) {
    return {
      connectDragSource: connect.dragSource(),
      isDragging: monitor.isDragging()
    };
  })(Card) || Card;
  Card = (0, _reactDnd.DropTarget)(_ItemTypes2['default'].CARD, cardTarget, function (connect) {
    return {
      connectDropTarget: connect.dropTarget()
    };
  })(Card) || Card;
  return Card;

編集：誤って@emergentcypherをes5サンプル作成者として参照し

酔っ払ってるの？
ごめんなさい！ 間違った場所にコメントしました！

@adamellsworth誰もあなたにES7の使用を強制していません。 使用したくない場合は使用しないでください。ただし、作成者に何をすべきかを指示する権利はありません。

人々はコメントする権利があります！ それがオープンソースの素晴らしいところです。 「削除してください」と言っても、作者をだましているとは思いません。 著者がコメントやリクエストを受け取りたくない場合は、githubで作品を公開するべきではありません。

ES5の例があるので、これを自分で閉じます:)

人々はコメントする権利があります！ それがオープンソースの素晴らしいところです。

@emergentcypherあなたは正しいです。

@gaearonは、すべての人がES7を快適に使用できるわけではないことを十分に認識しています。そのため、時間をかけてES6とES5の例をWebサイトに掲載しました。

著者がコメントやリクエストを受け取りたくない場合は、githubで作品を公開するべきではありません。

はい、作者はコメントやフィードバックを受け取りたいと思っていますが、建設的です。

あなたがそれを使用していないという理由だけで、完全に何かを削除するには、著者を尋ねる、あなたは彼/彼女の顔好きではないという理由だけで、あなたの上司にまで歩いて、同僚の火災1に彼を尋ねるのと同じです。