Meteor 공식적으로 React를 지원하기 때문에 튜토리얼을 진행해 보도록 하겠습니다.

2385 단어 ReactMeteor
지금까지 Blaze 템플릿의 Meteor 변화를 고집스럽게 관철한 징조.정식으로 리얼리티 템플릿을 채택한 것 같습니다.이번에 나는 그 강좌를 시험해 보고 싶다.

본가 강좌


완성품


시위 행진: 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의 자습서였습니다.

좋은 웹페이지 즐겨찾기