Reactはじめに、この記事はCodezineを見ながら手を動かして、一部自分のメモなどもしたかったので加筆修正したものなのでリンクしてきます。(1/3):CodeZine(コードジン)古い記事だと記法や手順が違ったりして面倒なことになりそうなので信用できるソース+体系的にまとまってるということでこちらを参考にさせていただいた。基本書いてあることはすべて記事内にあるので詳細知りたい方はそっちがいいかと。ここではざっくりとまとめたものを抜粋している。ReactとはJavaScriptフレームワークの2台巨塔の1つ。競合はAngularらしい。特徴1.宣言型2.コンポーネントベース(機能を兼ね備えたUI部品のこと)3.一度学べばどこでも使える特に3が強力で、クライアントサイドの描画以外にも・Nodeを使ったサーバーサイドレンダリング・ReactNativeというモバイルアプリ開発フレームワークつまりReactを学ぶことで、デスクトップクライアント、サーバー、モバイルアプリが開発できる。公式ドキュメントhttps://reactjs.org/docs/add-react-to-a-new-app.html#create-react-appここにも記載されてる標準ツールとして新しいアプリを作るときはcreate-react-appの利用が推奨とのことなのでそのとおりにするのがいいっぽい。start確認http://locahost:3000/確認できてるなら、今ここまでができてるということになる。・Webpackによるモジュール依存関係解決処理ファイルの関係と手順こんな感じになる予定。Export,Inportはセットらしい。id="root"></div>[構文]renderメソッドReactDOM.render(element,container,[callback])element:描画するタグ要素、container:コンテナ要素、callback:描画コールバックJSXXML風に書くからXだと思う。基本はHTMLを変数化するという理解で問題なさそう。このときclass,forはJavaScriptの予約語なので使えない。→className,htmlForというプロパティ名として使える。src={user.profilePhoto}>タグに子要素をもたせることも可能。・状態を管理出来る(ステートフル)→状態変化に応じてViewを更新したいような場合はこっち。}}コンポーネント宣言時に設定したタグ属性はpropsオブジェクトとしてコンポーネントに渡される。props.nameのように書くとname変数として取り出される。»プロフィールid:hiromode某PR会社勤務。2015年からフロントエンド従事。自分でサービスを作り流行らせるのが目標。主なスキルはHTML,CSS,JavaScript(Vue.js、jQuery),インフラ(AWS、VPS)、CakePHP、Gitなど。備忘録アイデアのつくり方を読んだメモAWSからのメールが迷惑メールになるときWordpress+S3+Cloudfrontで実現する、冗長構成対応の画像配信とメディアアップロードしてS3保存Wordpress等のサイトが500エラーで突然見れなくなった時に疑うメモリ不足とSwap領域について月別アーカイブはてなブログをはじめよう!hiromodeさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。