Next.js Next.jsとは SSR, SSG, ルーター機能、を提供してくれる。 インストール エクスポート touch next.config.js CSS Reactではcssファイルをそのままimportす […]

Redux インストール npm install redux react-redux 語句 使い方 Reducerの作成 Storeの作成 const store = createStore(reducer);※ cre […]

コンポーネント 関数コンポーネント コンポーネントを別ファイルに切り離す タグボディはprops.childrenで取得可能、Vue.jsのslotと同じ。 ステート 独自イベントの作成 propsで関数を受け取るだけ。 […]

点数 82点 感想 React.jsとNext.jsに関してはわかりやすかったが、ReduxとFirebaseはわかりづらかった。 Reactの入門書としてはまずまずだと思う。 基礎 Reactを動かす React.cr […]

kindle本「はじめてつくるReactアプリ with TypeScript」のまとめ。 点数 82点 感想 とてもわかりやすかった。 作成するアプリは簡単なものだが、ひとつひとつの説明が丁寧で理解しやすい内容だった。 […]

kindle本「React Hooks TypeScript 実践入門」のまとめ。 点数 79点 感想 ソースの修正を1行ずつ説明するなど、とても細かい内容だったが、その分内容が薄く感じた。 関数コンポーネントの型指定、 […]

非同期処理 Redux Thunk Reduxを使ったアプリでHTTP通信などの非同期処理を行う場合はRedux Thunkを使用する。Redux ThunkはReduxのミドルウェアの1つで、非同期処理の結果によってd […]

kindle本「ReactでReduxを使ってみよう」のまとめ。 点数 80点 感想 理解することはできたが、少々わかりづらい点が多かった。 感想としては、reduxはとにかく面倒くさい、特にredux-thunkを使う […]

kindle本「React + Redux入門」のまとめ。 点数 82点 感想 とてもわかりやすかった。 特にreact-reduxの説明が段階的になっていて、なぜそのようになるかを理解することができた。 Reduxの仕 […]

Cordovaのインストール Cordovaを使うと、ReactアプリをiOS, Androidで実行することができる。 npm install cordova cordova create myapp cd myapp […]

TODOアプリの作成 1つのコンポーネントで実装 create-react-app todo cd todo; npm install react-router-dom App.jsを修正 複数のコンポーネントで実装 T […]

kindle本「ReactでTodoアプリを作ってみよう」のまとめ。 点数 75点 感想 前半はわかりやすかった。 Material-UIを使っている点がよかった。 Cordovaの説明が雑で、あまり参考にならなかったの […]