技術ブログを開設する
ログイン
もっと気軽にアウトプットできる技術ブログプラットフォーム

React

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

人気の投稿

新着の投稿

こちらは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

react-hooksのuseStateはこれまでのstateのように値を保持してくれる重要な関数だ。 例えば単純なカウンターならこんな具合になるだろう const useCounter = () => { const [count, setCounter] = useState(0) return { count...

2019-02-06

経緯とか 最近、Tech系のポットキャストを趣味で聴き始めたのですが、そんな話を仲間内でしたら「自分たちでもやってみない?」ということになったのでReact使って公開用のページを作ってみました。とはいえ、React初心者が作ったものなので、クオリティはお察しです。今回の目標は、 Youtubeの動画を埋め込む 毎回の放送をカードで表示す...

2019-01-05

環境 Windows 10 64bit RubyやNode.jsすら入っていない全くクリーンな状態からスタート (追記予定) 新しいRailsアプリを作るところからスタート 適当な場所にフォルダを作成。(以下プロジェクトフォルダと呼ぶ) PowerShell(Macの場合はターミナル)のcdコマンドでそのフォルダに移...

2018-12-27

概要 https://github.com/sqlectron/sqlectron-term のソースを参考にreact-routerの設定を試みてみましたが、 v4以降はAPIが変更されているようで、そのままではうまくいかなかったため、使用法を調査しました。 設定 非ブラウザ環境では、MemoryRouterを使う。 initi...

2018-12-10

前置き 前回の記事から、ポートフォリオが色々変わりました。色々変えた際のインプットをアウトプットしていこうと思います。 具体的には何が変わった? redux, react-reduxの導入 connected-react-routerを導入 redux-sagaの導入 reactstrapからMaterial-UIに変更...

2018-12-06

最近React+Redux+Firebaseを勉強し始めて感じたこと 新しい技術を学ぶのは公式リファレンスが最強 新しい技術には限らないですが、やはり公式リファレンスを読むの大事です。 当然英語になるので読む敷居は高くて、つい読むことに躊躇してしまうのですが、いまどきGoogle翻訳の拡張機能でもいれてしまえば読むのは楽勝です 慣れてくると日本...

2018-11-25

「react native? なにそれ美味しいの?」状態から、5日間やったことをまとめておきます。 #まずはexpoの環境構築した 公式ページを参考にやる macに、nodeとnpm入れて npm install -g expo-cli あと、iOSシミュレータのためにxcodeを入れた それで expo start 何か聞かれ...

2018-11-24

Qrunch初投稿です。 なにこれ、改行はタグ打ち? 最近Reactの開発をすることになって、いろいろサンプルアプリとか試しに作ってましたが、Sublime Text 3のデフォルトの設定だと、 ・配色パターンがめちゃくちゃ(キーワードに色を付けるアレ) ・スニペット無し(特定のキーワード入力後Tabキーを押すとばばーっと入力してくれる...

2018-11-12

最近、世間を賑わせているReact Hooksですが、とりあえず細かいことは置いといて手を動かして試してみます。 環境構築 完成品はこちら。 React Hooksはまだ仕様策定中で、既存のプロジェクトに入れたくないので0から構築します。といっても、create-react-appで。プロジェクト名は「TrialReactHooks」とでもします...

2018-11-06

React は Facebook 謹製の JavaScript ライブラリです。 React で作られたアプリケーションは動作が素早く、小さなモジュールを作ることで保守管理性・再利用性を高められる、とされています。 また、Vue や Angular などと並んで人気が高いライブラリです。 前回は、React Component を利用する上で欠か...

2018-11-05
このエントリーをはてなブックマークに追加