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 repo의 완전하고 기능적인 예제를 언급하고 있습니다.

ES6 / 7이 주류가 될 때까지 ES6 / 7 옵션이있는 ES5 예제가 더 바람직하다는 데 동의합니다. 새로운 프로그래밍 언어를 동시에 배울 필요가없고 코드를 실행하기 위해 ES5로 트랜스 파일 할 필요가 없다면 react-dnd를 배우는 것이 더 쉬울 것입니다.

ES6는 이미 언어가 완성되고 Babel이 수많은 프로젝트에 사용되는 주류로 이미 주류라고 생각합니다.

당신의 예제 코드를 이해하기 위해 사람들이 ES6 (그리고 더 나쁜 것은 ES7) 구문을 배우도록 강요하는 것은 _best_에서 _hostile_입니다. 이것은 놀라운 모듈처럼 보입니다. 시작하지 않은 사람들을 위해 ES5 버전의 _one_ 예제를 ES5 예제 폴더로 내보내는 것은 어떻습니까? PR을 수락하겠다고 말하는 것은 도움이되지 않습니다. 예제를 요청하는 사람들은 처음부터 ES6 및 ES7에 익숙하지 않을 수 있습니다.

르 한숨.

나는 여기 사람들의 의견에 동의합니다. @gaearon 당신은 사람들이 단지 라이브러리가 어떻게 작동하는지 이해하기 위해 ES6 / ES7을 배우도록 강요해서는 안됩니다. 이것은 사람들이 대신 다른 라이브러리를 사용하도록 이끌 수 있습니다.
이 도서관은 놀랍습니다. 제가 그것에 반대 할 유일한 것은이 주제입니다. 저는 JS 전문가가 아니기 때문에 (저는 Ruby 개발자입니다) 다른 구문을 사용하고 있기 때문에 예제를 이해하기가 어렵습니다 (나는 새로운 구문에 반대하지는 않지만 라이브러리를 개발할 때 주류 표준 채택).
이 라이브러리가 React의 표준 DnD 라이브러리가되도록하려면이를 수정해야합니다. 그렇지 않으면 사람들이 당신보다 좋든 나쁘 든간에 다른 "쉬운"솔루션을 사용하게 될 것입니다 ..

다른 구문을 사용하고 있기 때문에

참고로, 이것은 다른 구문이 아닙니다. JavaScript 인 ES6입니다. ES6 구문에 문제가 있으면 실제로 다른 구문이기 때문에 react에도 문제가 있어야합니다.

하지만 라이브러리를 개발할 때는 주류 표준을 채택해야합니다.

ES6가 주류가되고 있습니다. io.js 및 react 자체는 ES6를 지원합니다.

당신은 착각입니다.

1. Wikipedia를 확인하십시오.

컴퓨터 과학에서 컴퓨터 언어의 구문은 해당 언어에서 올바르게 구조화 된 문서 또는 조각으로 간주되는 기호의 조합을 정의하는 규칙 집합입니다.

과:

ECMAScript 2015 (6th Edition)는 ECMAScript 언어 사양 표준 의 최신 버전입니다.

예, ES5와 ES6은 모두 JS이지만 구문이 다릅니다.
2.

ES6가 주류가되고 있습니다. io.js 및 react 자체는 ES6를 지원합니다.

"Becoming"과 "Support for"는 ES6가 아직 주류가 아니라는 것을 알고 있음을 나타냅니다. 결국에는 그럴 것이지만 그 동안 ES5에서 예제를 제공해야합니다.

ES5 예제를 너무나도 원한다면 직접 기여하는 것이 어떻습니까? @gaearon 은 매우 바쁜 사람이며 여가 시간에이 라이브러리에서 작업합니다. 따라서 다른 사람들도 혜택을 볼 수 있도록 기여를 요구하는 대신에 노력하십시오.

프로젝트 오너 개 아론은 누구에게도 강요하지 않습니다.

gaearon은 이미이 lib에서 엄청난 작업을했습니다. 프로젝트는 오픈 소스이며 무료로 제공됩니다. 그를 적대적이라고 비난하거나 그가 사용자를 소유하고 있다고 비난하는 것은 다소 적대적인 IMHO입니다.

그는 예제를 es5로 포팅 할 시간이 없으며 기여할 수 있다고 말했습니다. es5 / 6 / 7에는 이미 예제가 있습니다. 솔직히 말해서 구문은 그렇게 다르지 않습니다.

또한 babel과 같은 트랜스 파일러를 사용하여 es6 / 7 코드를 es5로 변환하고 사용하거나 검사하거나 배울 수 있습니다.

아무도 사람들에게 react-dnd를 사용하도록 강요하지 않으며,이 라이브러리의 목적이 '유일한'솔루션이되는 것도 아닙니다.

@hakanderyal 정확히 내 요점!

@hakanderyal 우리는 그것에 대해 논의하지 않습니다. 당신 말이 맞습니다. 우리 모두이 프로젝트에서 엄청난 작업을 해주신

ES6에서 예제를 작성하려는 악의적 인 의도가 없음을 알고 있습니다. 개인적으로 나는 이것에 대해 아무도 비난하지 않습니다. 그럼에도 불구하고이 문제는 ES5 예제가 필요하다는 것을 보여줍니다.

예, 우리는 Babel을 사용할 수 있지만, 어떤 경우에는 당신이 필요로하는 예제 때문에 더 많은 lib를 추가하는 프로젝트에 더 많은 복잡성을 추가하고 싶지 않습니다. 저는 Rails 프로젝트에서 React와 ReactDnD를 사용하고 있으며 솔직히 코드를 실행하기 위해 더 많은 트랜스 파일러를 다루고 싶지 않습니다.

또한 어떤 사람들 (나 자신을 포함)은 JS 전문가가 아니기 때문에 가능한 한 단순하게 유지하는 것이 좋을 것 같습니다.

기존 기여자 또는 새로운 기여자가이 문제를 주도하고 @gaearon뿐만 아니라 몇 가지 예를 추가 할 수 있습니다.

@BTS_twt ᄏ ᄏ ᄏ ᄏ ᄏ ᄏ ᄏ ᄏ

: +1 : 뛰어난 @vkbansal! 감사합니다!

감사합니다, @vkbansal- 당신은

안녕하세요 여러분.

저는이 프로젝트와 문서 웹 사이트에서 몇 주와 밤을 보냈습니다.이 웹 사이트는 일부 코드가 포함 된 모든 문서 페이지에 ES5, ES6 및 ES7 코드 예제를 보여주는 유일한 JS 라이브러리 웹 사이트입니다. 예제 자체로 기대에 부응하지 못해 죄송합니다!

React Europe 토크에서 개인 무급 시간을 몇 주와 밤을 보낸 후 자유 시간이 생기면 귀하의 요청을 고려할 수 있습니다. 그동안 다른 라이브러리를 사용하거나 누군가에게 ES5 예제로 도움을 요청하십시오.

여가 시간이있을 때 제안하는 몇 가지 작업은 다음과 같습니다.

• 오픈 소스에도 기여
• 이 슬라이드 데크 읽기
• ES6 배우기

감사.

PS @vkbansal 덕분에 엄청나게 감사합니다.

안녕 Gaearon,

공개적으로 사용하기 위해 코드를 공개하는 것은 그것을 사용하는 대다수의 사람들에게 대단히 감사합니다.

당신은 일을 '앞으로'밀어 붙이고 공개적으로하고 있습니다. .. 어느 쪽도 '쉬운'것이 아닙니다.

나는 당신이받은 비난에 완전히 놀랐습니다 (그리고 대부분의 사람들이 그럴 것이라고 생각합니다)
예 : '강제'사람 .. '적대적'
... 특히 기여를 초대 한 경우

이 공격에 대한 당신의 대응은 저와 같은 도발을받는 것보다 훨씬 더 제한적입니다.

이 부정적인 소수에 의해 미루지 마십시오

코드와 아이디어에 감사드립니다.

Stu

이 토론을 계속하지 _ 않으려는 _ 나의 소원을 존중 해주십시오. 더 이상이 저장소를보고있는 사람들에게 스팸 메일을 보내고 싶지 않습니다.

나는 문제를 잠그지는 않지만, 다른 코멘트가 게시된다면 이것이“토론”코멘트가 아니라 더 많은 PR이나 일종의 무언가로 연결되는 유용한 코멘트가 될 것으로 기대합니다. 우리는 서로의 말을 영원히 뒤틀어 "양쪽을 모두들을"수 있지만 요점은 보이지 않습니다.

우려 사항을 이해합니다. ES5 예제가 필요하고 현재 ES6 / 7을 배우고 싶지 않습니다. 가질 수있는 완전히 유효한 위치. 현재 제 입장은 제가이 예제를 _ 신체적으로 작업 할 수 없다는 것입니다. 나는 미래에 할 수있을 것이다. 지금 당장은 이 훌륭한 ES6 학습 자료 를 지적하는 것 외에는 당신을 도울 수있는 일이 없습니다 (제가 직접 배운 방법입니다).

게다가이 예제에 집중했다면 1.0을 전혀 출시하지 않았을 것입니다. 그 후 바로 토크 작업을 시작해야했기 때문에 1.0을 내기 위해 필요한 컷이었습니다. ES5 예제가있는 최신 버전 인 React DnD 0.9.2를 사용할 수 있습니다. 1.0과 크게 다릅니다.

마지막으로, 특정 오픈 소스 에티켓이 있으며 위 댓글의 일부 문구가이를 위반합니다. 당신이 그것을 보지 못한다면 이것은 당신의 문제이지 내 것이 아닙니다. 이 에티켓을 어기는 것이 메인테이너가 인기 프로젝트를 태워 버리는 이유 중 하나입니다. _ 귀하의 _ 불만이 타당하고 _ 의미가 좋다 _ 고 생각할 수도 있지만 전혀 관련이 없습니다. 자신의 프로젝트에 땀과 피를 쏟고 비슷한 문제가 생길 때까지 이것을 진정으로 이해하기가 정말 어렵습니다.

요약하자면 이것이 더 생산적인 스레드라면 기쁩니다. "누가 잘못 되었는가"라면 잠그겠습니다.
감사.

@stooboo 와 @gaearon이 완전히 맞습니다. 위의 의견이이 에티켓을 어 기고 비난을 받았거나 내가 당신에게 무례하다고 느낀다면 사과드립니다. 저는 그러한 프로젝트를 유지하는 데 많은 노력과 시간이 필요하다는 것을 알고 있으며 지금까지 훌륭하게 수행하고 있습니다. 그래서 감사합니다. 내 의도는이 문제 만 지적하는 것이었다.
우리는 이것을 넘어 가고이 스레드가 평소와 같이 진화하도록해야한다고 말했다 ..

부끄럽고 부끄럽습니다. 제 댓글 @gaearon 정말 죄송합니다. 변명의 여지가 없지만 이번주는 저에게 힘든 일이었고, 답답한 순간에 나는 화를 냈습니다. 정말 죄송합니다. 이 놀라운 라이브러리에 감사드립니다 .

또한 몇 가지 컨텍스트를 제공하겠습니다. ES5에서 예제가 작성되지 않은 이유는 내가 1.0을 작성한 주된 _reason_은 ES6 클래스에서 0.x를 사용하는 데 문제가있는 사람들 이었기 때문입니다 : # 109.

예제에서 ES6 클래스없이 ES6 클래스 문제를 해결하는 1.0을 릴리스하는 것은 어리석은 일입니다. 따라서 ES6를 더 사용하기로 결정했습니다.

React를 사용하는 경우 _ 이미 _ 빌드 단계가있을 가능성이 높습니다. JSX를 컴파일해야하나요? (대부분의 사람들이 사용합니다.) 이미 빌드 단계가있는 경우 JSX 빌드 단계를 Babel 빌드 단계로 대체하는 데 비용이 들지 않습니다. 사실 그게 페이스 북도 할 일입니다.

저는 제가 강연을해야한다는 것을 알고 있었기 때문에 잠시 동안이 도서관을 "걸기 위해"떠나야한다고 생각했습니다. 그래서 나는 그것을 _ 뒤가 아닌 앞을 내다 보며 '구축하기로 결정했다. 그래서 내 간섭없이 스스로 시간을 보낼 수있다.

@jeffreywescott 문제 없습니다. 환영합니다. 미안하다고 말해줘서 고마워. 나는 정말로 감사하고 틀렸다는 것을 인정하는 것이 어려울 수 있다는 것을 알고 있습니다.

: +1 :

@BTS_twt ᄏ ᄏ ᄏ ᄏ ᄏ ᄏ ᄏ ᄏ

나는 튜토리얼 대부분 ES5 (I 너무 ES6을 배울 천천히,하지만 나는 결국 내가 분명히 JSX를 사용하고있어 때문에 함께 다음 destructuring :) https://github.com/jehoshua02/react-dnd-experiment

여기에서 ES5 예제를 추적하십시오.
https://github.com/vkbansal/react-dnd-es5-examples

@vkbansal에 감사드립니다.

마침내 완료 할 시간이 생겼습니다 : http://vkbansal.github.io/react-dnd-es5-examples/

사람들의 감정을 불러 일으키려는 의도가 아니었고, 라이브러리에 접근 할 수 있도록 돕고 싶었고, ES6로 전환하더라도 여전히 사용하지 않을 실험적인 ES7 기능이 포함 된 예제에 대해 주로 우려했습니다. ES6가 완성되었으므로 개발자 커뮤니티를 ES6로 계속 밀어 붙이는 것이 중요하다고 생각합니다. @ gearon 이 ES6 코드를 우선 순위로 취급하는 데 올바른 선택을했다고 생각 말하면 사과드립니다.

빌드 단계에 대해 설명하기 위해 빌드 환경에는 JSX 빌드 단계가 있지만, 빌드 환경은 Node.js가 아니라 다른 언어로 처리되기 때문에 JSX 대신 Babel을 "연결"하는 것만 큼 간단하지는 않습니다. 빌드에 대해 반드시 책임지지 않는 팀에서 일하고 있습니다.

@vkbansal 에 감사 드리며 처음부터 모든 작업에 대해 @gaearon 에게 감사드립니다.

• 관련된 모든 사람들의 대다수가 ES6에 거의 들어오지 않는 반면,
• ES7에서 ES5로 트랜스 파일하면 코드를 해독하기가 불편한 경우가 많습니다.
• 모든 ES7 기능은 여전히 ​​실험적인 것으로 간주되지만

ES7의 모든 활용을 제거하십시오

구문 적 단순성 / 간결함을 위해 ES7을 사용하는 것은 관련된 모든 사람이 구문의 역사적 변형을 알고있는 경우에만 작동합니다.

@vkbansal 예제를 모아 주셔서 감사합니다.

두 번째 항목의 예 :

깨끗한 코드 :

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 예제를 넣는 데 시간을 할애했습니다.

작성자가 댓글과 요청을 받고 싶지 않다면 github에 작업을 게시해서는 안됩니다.

예, 작성자는 의견과 피드백을 받고 싶지만 건설적 입니다.

당신이 그 / 그녀의 얼굴을 싫어해서 당신이 그것을 사용하지 않는 이유만으로 완전히 뭔가를 제거하기 위해 저자를 요구하면 상사에게 걸어와 동료의 불 하나에 그에게 묻는 것과 같습니다.