Reactreact-springまたはreactのカラーコード指定の仕様?に注意する
react-spring?react?のカラーコードの仕様に気を配る 問題 CSSの色指定の文字列がuseSpringの戻り値のSpringValueのtoでの戻り値に含まれていて、かつ、アニメーションが終わった状態で、コンポーネントの...
reactjs
React
Reactcreate-react-appでのアプリにnode-sassを入れた時のエラー
create-react-appで作成したreactアプリでscssを使おうとしたら、エラーが出たときのメモ 環境 package.jsonは次の通り: "dependencies": { // .....
ReactReactのサンプルとして連打回数測定器をつくった
Reactサンプル1 Reactの色々な機能などを使ってみようかと思い、サンプルを作ってみることにした。 基本的にできたものはCodePenに置いておこう。 今回は基本的事項の確認として、 stateやpropsでのコンポーネン...
ReactReactで親から子のコンポーネントにアクセスする
Reactで親コンポーネントから、子コンポーネントにアクセスする。 独立性が下がるが、そうしないと実現できないこともあるので仕方がない。 そもそも独立してないような気もするので問題ないか。小規模だし。 状況 親コンポーネントPで...
ReactReactでsetInterval使用で定期描画する
reactでsetIntervalを使って定期的な描画を行う。 調べたところ、コンポーネントをクラスで定義するか関数で定義するかで方法が異なるようだ。 クラス定義の場合 メソッドとして、componentDidMount()とcomp...
electronelectron環境にwebpackとelectron-connectを足す
electron, react, babel, webpack, gulpの環境にした。 今までのものからwebpackを追加した。 その理由は、jsxファイルを分割して、他ファイルからrequireするときに、正しくできないた...
electronelectron-reloadとgulp.watchでjsxをホットリロードする
electron-loadとgulpでjsxの変更を即時反映する。 hot reloadとかlive reloadで検索すると、2つのモジュールをよく目にした。 electron-connect - npm electro...
electronElectron, React, Babel, Gulpの環境構築
electron, react, babel and gulpの環境をつくる。 create-react-appとかelectron-react-boilerplateとかは、使わない。 普通に調べると、前者のコマンドが付いて回る。...