水無瀬のプログラミング日記

プログラムの勉強した時のメモ

React

Firebase Realtime DatabaseをReactで使ってみる〜書き込み編〜

はじめに 前回読み込みについてまとめたので、今回は書き込み周りについてまとめていく。 基本的なFirebaseの設定については前回行っているので、今回は早速実装 & 必要な設定をしていく。 TL;DR. 作ったコード 実装 FirebaseでGoogleログインできるようにす…

Firebase Realtime DatabaseをReactで使ってみる〜読み込み編〜

はじめに Firebase Realtime DatabaseをReact使ってみた今日このごろ。 備忘録も兼ねて使い方をまとめておく。 まとめていたら思ったより長くなったので、今回は読み込みまでやる。 今回はReact(クライアント側)の設定だけで、Firebaseのプロジェクトの設定…

ReactHooksざっくりまとめ

はじめに Hooksを触り始めている今日この頃。 雰囲気で色々触っていたけど、だんだん辛くなってきたのでちゃんとまとめていこうと思う。 APIリファレンスを見ながら、簡単に使い方とサンプルをまとめておく。 TL;DR. コード useState component内で使うステ…

GatsbyJSでGithubPagesに静的サイトを作る

はじめに Angularで静的サイトを作ってた今日このごろ。 Gatsbyも触ってみたかったので今回はGatsbyを使って静的サイトをGithubPagesに公開してみる。 ただ公開するのはチュートリアルですぐできそうなので、 Markdownページを公開できるようにするのと自動…

ReactでStorybookを導入する

はじめに 前回、AngularでStorybookを導入したので、今回はReactでやってみる。 ついでに前から気になってたstyled-omponentsも試してみる。 TL;DR. ソースコード Reactプロジェクト作成 create-react-appを使ってサクッと作る。 $ npx create-react-app rea…

React + ReduxでRssリーダーもどきを作ってみる

はじめに 前にReact + Reduxはやったことがあったけど、型を付けてなかったり、非同期処理を入れてなかったりするので、今回はその辺を踏まえてやってみる。 RSSリーダーとは言ったけど、 自分が望んだ形式で返ってくる前提で作っているのでRSSリーダーもど…

React+Redux+TypeScript事始め

はじめに 普段はAngularを使っているので、他のフレームワークを触ってみようと思った今日このごろ。 Vueは超絶軽く触ったことがあるので今回はReact。 JSXがパッと見とっつきにくかったので後回しにしてたけど、ちゃんと向き合うことにする。 TL;DR. 今回作…