React

【React】Reactに爆速で入門する4。Webpackを使ってバンドルする

はじめに Reactに爆速で入門する1~3までで、React自体に対する理解はできてきました。(第1回はこちら) しかし、入門1~3では、1つのファイルで、しかもReactやBabelの読み込みをscriptタグでCDNで行っていました。 実際のフロントエンド開発においては、この方式はまず採用されていなくて、大体はWebpackやBrowserifyやらを使用して、トランスパイル&バンドル […]

【React】Reactに爆速で入門する3。リストに画面から入力した値を追加する

はじめに 前回では、親コンポーネントから値を流し込んで、その値をリスト表示しました。 今回は、その画面表示した値に、画面からの入力値を追加していくというコードを書いていきます。 一旦ここまでできれば、親-子コンポーネントの関係、値表示、イベントハンドルまでが出来るようになりますので、とりあえずReactでの開発ができるようになってくる、はずです。実践で使うにはまだ足りませんが入門としては最低限やっ […]

【React】Reactに爆速で入門する2。親から値を受け取りリスト表示する

はじめに 業務でReactを使うことになったので爆速で入門するぜ!の第2回です。 前回の第1回では、とりあえずReactを使ってもともと決まりきったDOMを画面表示していましたが、今度はコンポーネントの外から値(配列)を与えて、その値を画面にリスト表示してみます。 雛形は前回記事のものと同じものを使用しますので、用意しておいてください。 前回にも書きましたが、暫くはReduxは使いませんし、Web […]

【React】Reactに爆速で入門する1。まずは1ファイルだけでHelloWorldする

はじめに みなさん、こんにちは!今回は、Javascript、というかReactの話です。 最近のフロントエンド開発ではまぁまず名前を耳にするReact。 私も、もう2年前位に遊びで手を出してみましたが、どうにもコンポーネントの切り単位の統一やデザイナーの分業といったところで引っ掛かりを感じ、結局Angularをメインで使用しています。 が、遂に、業務でReactを使った案件に携わることになり、重 […]