Meteor 공식적으로 React를 지원하기 때문에 튜토리얼을 진행해 보도록 하겠습니다.
본가 강좌
완성품
시위 행진: http://reace-meteor-encodows.meteor.com/
보관소: https://github.com/endows/react-meteor-example
1단계 Hello World
우선 react+meteor Helloworld를 사용해 보세요.
git clone https://github.com/endows/react-meteor-example
cd react-meteor-example
git checkout hello-world
meteor
이렇게 되면 이렇게 되는 거야.도쿄 고르의 링골 시조가 보고 있다.서류 좀 봅시다.
# react-meteor-example.jsx
var App = React.createClass({
render () {
return (
<div>
<img src='http://lohas.nicoseiga.jp/thumb/4521080i?'/></img>
<h1>Hello worldですぅ!!!!</h1>
</div>
);
}
});
if (Meteor.isClient) {
Meteor.startup(function () {
React.render(<App />, document.getElementById('root'));
});
}
전혀Template.**
.아름다운 코드!블레이즈에서 해방된 게 실감이 나네요.단계 2input 및 list 표시
git checkout reactive-collection
meteor
# react-meteor-example.jsx
...
Meteor.methods({
insertTask: function (task) {
// Validate the data
check(task, {
content: String
});
// Insert into MongoDB and Minimongo
Tasks.insert(task);
}
});
...
이렇게 하면 와list 표시를 입력할 수 있습니다.특히 콜렉션Meteor.call()
은 직접 사용하지 않습니다.이 근처는 폭스 같아.해보신 소감.
솔직히 나는 React의 초보였지만 의외로 할 줄 알았다.Meteor 포장은 건물과 내부 순항을 의식할 필요가 없다.나는 React로 입문하는 것도 괜찮다고 생각한다.React를 사용하는 사람에게는 좋은 소식이지만, 자신은 코드와 시야가 뒤죽박죽인 jsx 기법이 될 수 없다.
우선 리오트부터 익숙해져라.지금까지 React+Meteor의 자습서였습니다.
Reference
이 문제에 관하여(Meteor 공식적으로 React를 지원하기 때문에 튜토리얼을 진행해 보도록 하겠습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/endotakashi/items/c0d90a29197dc712ecda텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)