React

todo-app つくった (pagination 編)

API 側 Qiita, GitHub などの API を参考に、RFC 8288 - Web Linking にのっとり、レスポンスのLinkヘッダを使ってページの情報を返すことにした Total-Count で全体の件数も返すようにした Rails では pagy と api-pagination を使ってページ情報をLinkヘッ…

todo-app つくった

技術スタック Rails (6.0.0.rc1) MySQL React React Hooks Typescript Repo github.com 所感 Typescript と React Hooks 完全に理解した SPAでログイン機能 (firebase or Amplify + Cognito とかで?)もつけたい どうやんだ? SPAでのページネーションも実装…

useContext と useReducer 使って、 Redux っぽいものをやる

他の React Hooks の機能も試したくて この前作った、カレンダーで Redux っぽいことをやってみた やったことは、 1つだったコンポーネントをのように、分けた useState を消して、useContext と useReducer を使って、state のやりとりをする 感想 combineR…

またカレンダーつくった

React Hooks 系を試す のにちょうどよい TypeScript 化したい が、うまくできない >< TypeScript 化 · Issue #1 · 7kaji/calendar · GitHub あわせて読みたい whitech0c0late.hatenablog.com

いろいろ、カレンダーUIをつくってた

最近、カレンダーを作ってみる機会が多かったのでまとめる (見た目だけ) javascript と CSS でカレンダー (React + styled-components + CSS Grid) terrierscript さんの例に、祝日を足しました 元のソースは、こちら CSS Grid の存在をはじめて知る LINE Bo…

React Router を導入

できたこと SPA で URL とコンテンツを更新する URL の パラメタとフォームの値を連動させる (内部的には、history API をつかってる) https://tenki-yoho.herokuapp.com/?place=iwate ついでに memcached と warmup スクリプトを追加 (キャッシュ) Rack::St…

React やってみた

ナウい javascript さわってみたくて React をちょっとやってみた。 だいたいほぼ初めてさわる技術だったので、雰囲気で書いてる。 つくったもの https://tenki-yoho.herokuapp.com/ ソース github.com 環境 ES2015 (ES6) ESLint Babel webpack Yarn React (…

React on Rails で hello world してみる

お久しぶりです。 最近は、Vue.js を触っていましたが React.js というやつも触れてみたかったのでやってみました。 今回は環境を作って、hello world をするところまでです。 やりたいことリスト React を使う(Rails の中で) ES6 も使う(JSXも触ってみた…