https://sirokujira.com/wiki/wiki/ 2026-05-15T20:56:54+00:00 https://sirokujira.com/wiki/wiki/ https://sirokujira.com/wiki/wiki/lib/tpl/bootstrap3/images/favicon.ico text/html 2025-04-12T05:15:03+00:00 Anonymous (anonymous@undisclosed.example.com) https://sirokujira.com/wiki/wiki/doku.php/JavaScript/React/create-react-app%E3%81%AE%E5%88%B6%E7%B4%84?rev=1744402503&do=diff create-react-appの制約 参考： * Next.jsにEmotionを導入してみる | tamalog * I am mitsuruog | react-create-appで作成したTypeScriptのプロジェクトのwebpack.configを上書きする create-react-app を使うと、babelが使えなくなるらしい。 導入するには、react-app-rewired をインストールするが、create-react-app の保障外になるらしい text/html 2025-04-12T05:15:03+00:00 Anonymous (anonymous@undisclosed.example.com) https://sirokujira.com/wiki/wiki/doku.php/JavaScript/React/emotion%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E5%8B%95%E7%9A%84%E3%81%AACSS?rev=1744402503&do=diff emotionにおける動的なCSS レシピサービスのフロントエンドに CSS in JS を採用した話 - クックパッド開発者ブログ text/html 2025-04-12T05:15:03+00:00 Anonymous (anonymous@undisclosed.example.com) https://sirokujira.com/wiki/wiki/doku.php/JavaScript/React/React%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8BCSS?rev=1744402503&do=diff ReactにおけるCSS * React CSSで悩む全ての人へ【2022年版】 | ramble - ランブル - * ReactのCSSの選択肢を比較してみた * React + TypeScript で Emotion を使う * 【Next.js & TypeScript】Emotionの導入が大変だったので手順をまとめておく * [Emotion – TypeScript](<https://emotion.sh/docs/typescript> text/html 2025-04-12T05:15:03+00:00 Anonymous (anonymous@undisclosed.example.com) https://sirokujira.com/wiki/wiki/doku.php/JavaScript/React/%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%83%83%E3%82%AF?rev=1744402503&do=diff カスタムフック 参考：独自フックの作成 – React "カスタムフックとは、名前が ”use” で始まり、ほかのフックを呼び出せる JavaScript の関数のことです" import { useState, useEffect } from 'react'; function useFriendStatus(friendID) { const [isOnline, setIsOnline] = useState(null); useEffect(() => { function handleStatusChange(status) { setIsOnline(status.isOnline); } ChatAPI.subscribeToFriendStatus(friendID, handleStatusChange); return () => { ChatAPI.unsubscribeFromFriendStatus(friendID, handleStatusChange); }; …