ES6版React.jsチュートリアル - Qiita

はじめに 初心者による初心者のための記事 React.js公式チュートリアルの和訳風 ES6 さらっと仮想DOM調べてみたよ、ぐらいの人向けです。 JavaScript初心者、ES6初心者、React初心者向けかつ僕がそうです。 なので間違いがあるかもしれません。見つけたら教えて下さい。 公式のチュートリアルはこちらです。 React Tutorial React チュートリアル (和訳) 公式Documentのソース (Markdown) 環境 Mac OSX Node.js v0.12.7 Gulp 3.9.0 React 0.13.3 作るもの 公式のTutorialに沿って、シンプルなコメントボックスをReactで作成します。 次の機能を提供するものです。 すべてのコメントの表示機能 コメント投稿フォーム バックエンドサーバーとの連携 また、次の特徴を持っています。 更新最適化:

[mttkd399]

webpack使ってないけどわかりやすい

[seapig_dolphin]

“明示的にコンストラクタを定義しない場合はスーパークラスのコンストラクタが呼ばれるため、中身がsuper(props)だけのときは省略することもできます。”

[kent-where-the-light-is]

“index.jsを次のように編集してください。 index.js import React from 'react' class CommentBox extends React.Component { constructor(props) { super(props); } render() { return( <div className='commentBox'> <h2>Comments</h2> <CommentList /> <CommentForm /> </div> ); } } class CommentLis

[takaken1123]

[2016-12-22 15:04]

[fjwr38]

これやろ〜

[razokulover]

コメントした

[UDONCHAN]

参考になる

[efcl]

ReactのチュートリアルをES6 classesなどを使って書いた場合にどうなるかについてをチュートリアル形式で書かれている。

[banana-umai]

reactjs - ES6版React.jsチュートリアル - Qiita