React

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

人気の投稿

新着の投稿

この記事は、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

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
このエントリーをはてなブックマークに追加