Reactアプリケーションの環境構築とReduxによる状態管理ベストプラクティス
開発環境のセットアップとスタイリング
Reactプロジェクトの雛形作成には create-react-app を活用し、スタイリングには styled-components を採用してコンポーネント指向なCSS設計を行います。
まずはパッケージを導入します。
yarn add styled-components
続いて、ブラウザ間のスタイル差異を吸収するため、createGlobalStyle を用いてリセットCSSとグローバルスタイル ...
9月9日 01:46 投稿
React RouterとHooksの実践的応用
React Router DOMの活用方法
1. ハッシュモードによるルーティング
ブラウザのURLハッシュを利用した基本的なルーティング実装例です。ハッシュ値の変化を監視してコンテンツを切り替えます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ハッシュルーター</title>
</head>
<body>
...
6月11日 22:35 投稿