Teech Lab.

【React TypeScript】react -router-domの導入！Material UIのボタンを使って画面遷移をしよう！

今回は、Reactアプリケーションにreact-router-domを導入して画面遷移を実装していきます。 Reactのアプリケーションは、SPA（シングルページアプリケーション）と言って画面遷移の仕組みが特殊なので、その辺も理解しておくと良いと思います。

2021/08/29 23:34

【React TypeScript】Material UIを使ってヘッダーを実装してみよう！

今回は、ReactアプリケーションにMaterial UIを導入してヘッダーを実装していきます！ Material UIを使ってみたいと思っていた方は、ぜひ参考にしてみてください！

2021/08/28 07:28

【React TypeScript】node-sassを導入して、SCSSを使おう！まだ、CSSを使っている人は必見！

今回は、Reactアプリケーションにnode-sassを導入していきます！ まだ、CSSを使ってスタイルを定義している方は、ぜひ参考にしてみてください！

2021/08/28 06:10

ReactとTypeScriptとRedux Toolkitのフォルダ構成を変更しよう！

今回は、ReactとTypeScriptとRedux Toolkitのフォルダ構成を変更します。 フォルダ構成の良し悪しで、開発効率が全然変わってきますので参考にしてみてください！

2021/08/28 05:07

VSCode便利拡張機能！ES7 React/Redux/GraphQL/React-Native snippetsを導入しよう！

今回は、VSCodeの拡張機能のES7 React/Redux/GraphQL/React-Native snippetsを導入していこうといます！ Reactからは少し脱線してしまいますが、便利な機能なのでぜひ導入してみてください。

2021/08/28 03:45

React＋TypeScriptのアプリにESLintとPrettierを導入しよう！VSCodeの拡張機能も紹介！静的解析ツールとフォーマッター導入編

今回は、React＋TypeScriptアプリケーションにESLint（静的解析ツール）とPrettier（フォーマッター）を導入していこうと思います！ 静的解析ツールとフォーマッターをどうしたらいいかわからない方は参考にしてみてください！

2021/08/23 00:47

ReactとTypeScriptとRedux Toolkitの開発環境構築をしよう！コマンド1つで簡単にモダンな環境を！

今回は、ReactとTypeScriptとRedux-Toolkitの開発環境を構築していこうと思います！ 記事投稿時点でReactでアプリケーション開発を行うのであれば、モダンな環境だと思うのでぜひ参考にして構築してみてください！

2021/08/21 23:09