우리가 reactjs에서 node.js와 babel을 사용하는 이유

-2

나는 reactjs에 새로 왔고 node.js와 babel을 설치했습니다. 왜 우리가 node.js와 babel을 react.a에서 사용하는지에 대한 명확한 생각이 없습니다. 나는 반응한다.우리가 reactjs에서 node.js와 babel을 사용하는 이유

출처

2016-08-12 praveenkumar

React.js 라이브러리를 사용하려면 multiple ways이 있습니다. 가장 편리한 방법은 Babel + Webpack을 사용하는 것입니다.

React uses JSX 구문입니다. Babel은 transpiler입니다. JSX를 바닐라 자바 스크립트로 변환합니다. 코드와 "실행 가능한"코드 사이의 중간 단계로 babel을 볼 수 있습니다.

React는 또한 대부분의 브라우저에서 지원되지 않는 ES6을 사용합니다. Babel은 ES6 코드를 브라우저와 호환되는 코드로 변환합니다.

성숙한 React 프로젝트의 가장 좋은 조합은 React + babel + Webpack입니다. babel과 webpack을 실행하려면 노드가 필요합니다.

먼저 손을 더럽힐 수있는 자습서를 제안 해주십시오.

출처

2016-08-12 08:18:31 Mihir

ok mihir ... ur 대답을 위해 행복 – praveenkumar

mihir 나는 node.js에 관한 기본적인 세부 사항을 읽었다. 그러나 나는 아직도 node.js와 반응 사이의 관계에 관해 명확한 생각을 얻지 못한다. – praveenkumar

좋아, 문제 없다. React와 Node 사이에 직접적인 관계는 없습니다. 그러나 React는 브라우저와 호환되지 않는 JSX 및 ES6 코드를 사용합니다. 따라서 React 구성 요소를 작성하더라도 브라우저에서 실행되지 않습니다. 따라서 브라우저에서 이해할 수있는 코드로 해당 코드를 변환해야합니다. 해당 코드를 변환하려면 바벨이 필요합니다. 바벨을 실행하려면 노드가 필요합니다. 노드없이 Babel을 실행할 수는 없습니다. 암시 적으로, 당신은 React 코드를 실행할 수 없습니다. – Mihir

ReactJS는 JavaScript를 기반으로하지만 자바 스크립트가 아닌 자체 언어 (JSX)를 사용한다.

Babel은 해당 구문을 웹 브라우저에서 실행할 수있는 JavaScript로 변환합니다.

Babel은 Node.JS에 의존하여 실행됩니다.

출처

2016-08-12 08:11:40 Quentin

좋은 quentin ... 이제 나는 babel에 대한 아이디어를 얻었고 plz는 node.js에 대한 정보를 당신의 바벨 설명처럼 보여줍니다. – praveenkumar

@PraveenKumarInvoscape - "바벨은 Node.JS를 실행하는 데 달려 있습니다" – Quentin

나는 바벨이 node.js..plz에 의존하는 이유에 대해 지금처럼 좋아한다. – praveenkumar

우리가 reactjs에서 node.js와 babel을 사용하는 이유

답변

관련 문제