React

「React」に関する情報が集まっています

人気の投稿

新着の投稿

この記事について 私が作ったWebアプリをオープンソース化したので、そのWebアプリがどのような形で作られているかを解説した記事です。 オープンソース化した理由としては、これからReact Hooksを導入する人やWebアプリを作ってみたい人などの参考になればと思いオープンソース化しました。 作ったもの 画像投稿ができるWebアプリです...

2019-07-04

Reactカスタムフックの可能性を感じる 趣味でReactの勉強を始めて早ひと月。何か面白い機能は無いかなーとReact公式を眺めていたら、面白そうなものが目に入りました。その名も「カスタムフック」。むしろ何故今まで気づかなかった。 というわけで、簡単に使い方をまとめてみます。 カスタムフックを使わない場合 例えば本の情報を保持する配列...

2019-06-12

React Hooks、使っていますか? 私は鋭意学習中です。 Reaact Hooksで提供されているAPIの一つに、useReducerが存在します。簡単に言うと、変数を宣言するときに更新方法をあらかじめ設定しておくことができるものですね。言葉で聞いてもわかりにくいと思いますので、簡単な例を。 import React, { useRe...

2019-05-21

React Hooks on TypeScript に Action Creator は必要ない まだReactもTypeScriptもはじめたばかりですが、そう感じました。というわけで、まとめてみた。 そもそもAction Creatorって? React HooksにはuseReducerという機能がある。これはReduxのreducer...

2019-05-15

React始めました 最近までVue.jsを勉強していましたが、先日知人に「React >>> 越えられない壁 >>> Vue.js」と論破されてしまったので、ついカッとなってReactを始めました。結果……完全にReactの軍門に下ることになりました。まだどちらが優位かまではわかりませんが、少なくとも私にはRea...

2019-05-13

はいどうもこんにちは!Dive into Hackingのはむです。2019年のゴールデンウィーク10連休、いかがお過ごしでしょうか? Reactアプリケーションを作成するためのの定番ボイラープレートcreate-react-app。先日、v3.0.0にメジャーアップデートされ、まさに安定のツールとなりました。僕のUdemyのコースRea...

2019-04-30

TL;DR(要約) <div>をフォーカスを持たせるためには、tabIndex属性を使用する。 Tabキーで<div>に到達可能にするならtabIndex={0}、到達不可にするならtabIndex={-1}を<div>に追加する。 前書き 私事ですが、Githubが提供しているOSSの G...

2019-04-27

この記事は、React を勉強し始めた Rubyist が、React を使っていて「良さそう」と思ったところを話すシリーズです。 React をいじっていると、いくつかコンポーネントの書き方があるということに気づくと思います。React.Component を extend して、クラス内で state などを管理できる stateful ...

2019-04-18

redis-termというnpmモジュールを作成しました。 開発にあたって使用したモジュールや背景等について書かせていただきます。 背景 今までnpmモジュールを利用することはあったが、自作したことはなく、何か作りたいと考えていた。 Redisについて、過去に使用する経験があったが、十分に理解しているとはいえず、より理解...

2019-03-31

React(参考になりそうなサイト&動画集) Reactを始める前に読んだ方が良い記事 Reactを使うとなぜjQueryが要らなくなるのか 今から始めるReact入門 なぜ仮想DOMという概念が俺達の魂を震えさせるのか 【React Native入門】Java Scriptでアプリ作ろう【Reactやったことない人向...

2019-03-20

こちらはReact Hooksだけでライブラリ使わずにgoogle mapを利用する(基礎編)の続きになります。 Google MapのReact Hooksでの利用。前回マップを出すとこまでをとしてまとめた。ここからは応用編としていろんな手段を書いて行きたい。 3 クリックしたらマーカーを増やすようにする 4 クリックしたら削...

2019-02-11

Vue.jsでライブラリ使わずにgoogle mapを利用する のをReact Hooksでやってみたらすぐ書けてびっくりしたのでまとめる 今回は基礎編なので、useState, useEffectを中心に使う。本当はBasic Effectのみでやろうと思ったが、useRefはどうしても必要だったので今回利用している ライブラリを使わず、...

2019-02-11

技術ブログ開設

ここから先はアカウント(ブログ)開設が必要です

英数字4文字以上
.qrunch.io
英数字6文字以上
ログインする