React

【React】Udemyの講座で学んだことまとめ

対象講座 ここでReactを学んだ。 色々学んだことが多かったけど絶対忘れるので適宜メモしていく。 www.udemy.com 5,7 saneeeatsu.hatenablog.com 6(Section1のインストール関連) saneeeatsu.hatenablog.com 11 saneeeatsu.hatenablog.com 12,13 saneeeatsu.h…

【React】package.json、yarn.lock、とかwebpackとか

package.jsonとyarn Reactを使う際に最初に色々インストールして設定ファイルが作られてるけど何やってんのかわかってない。 yarn(ヤーン)はパッケージマネージャー。以下コマンドでインストール。 $ brew install yarn $ yarn --version yarnではpackage.js…

【React】SCSS、JSXファイルを使う

Lecture12、13の内容 SCSS yarnでのインストールはすでに終わっているものとする。 saneeeatsu.hatenablog.com ちなみに以下をインストールする。 $ yarn add node-sass style-loader css-loader sass-loader import-glob-loader extract-text-webpack-plugi…

【React】AtomでESLintを使う

Lecture11の内容 $ yarn add eslint eslint-plugin-react ./node_modules/.bin/eslintにファイルが入っている 設定ファイルを作成。答え方は以下のように。 ./node_modules/.bin/eslint --init ? How would you like to configure ESLint? Use a popular sty…

【Udemy】「最短で学ぶReactとReduxの基礎から実践まで」のyarn addコマンドメモ

www.udemy.com この講座で使うパッケージ一覧。これを一番最初にやっておく。 バージョン指定しないとdevサーバー立ち上げの時にエラーになって面倒くさい。 $ yarn add axios@0.16.2 babel-core@6.25.0 babel-loader@7.1.1 babel-preset-es2015@6.24.1 babe…

Reactを始める一番簡単な方法

Reactのプロジェクトを始めるにはここを見るのが一番良い Youtubeのリスト www.youtube.com 動画内でインストールの時に参考にしてねって言われる同じCodingEnterprenerursのサイト。 www.codingforentrepreneurs.com