Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
react-hooks-loggerつくった話
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
nitaking
September 18, 2019
Technology
0
530
react-hooks-loggerつくった話
2019-09-18 LT #ebisujs
nitaking
September 18, 2019
Tweet
Share
More Decks by nitaking
See All by nitaking
人は30分でLT資料を作って発表できるのか
nitaking
0
270
React Native ことはじめ
nitaking
0
260
2021-06-24 最近のビルドツール調べてみた
nitaking
0
150
Fishのススメ
nitaking
0
80
Blitz.jsの紹介
nitaking
1
1k
Expo WEB × Next.js は実用できるのか?
nitaking
3
1.1k
あの震えるインタラクションを実装したい
nitaking
1
1.5k
アプリリリースまでのつらみあれこれ
nitaking
0
680
React非同期ライブラリを知る
nitaking
0
180
Other Decks in Technology
See All in Technology
プレビュー版のDevOpsエージェントを現段階で触ってみた
ad_motsu
1
170
量子クラウドシステムと運用
oqtopus
0
180
ECS障害を例に学ぶ、インシデント対応に備えたAIエージェントの育て方 / How to develop AI agents for incident response with ECS outage
iselegant
5
810
使って学ぼう MCP (と GitHub Codespaces)
tsubakimoto_s
1
180
意外と知ってそうでしらない、Reserved Instances の世界
mappie_kochi
0
160
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
2
1k
AgentCore RuntimeをVPCにデプロイして 開発ドキュメント作成AIエージェントを作った
alchemy1115
3
230
AWSが推進するAI駆動開発ライフサイクル入門 〜 AI駆動開発時代に必要な人材とは 〜/ introduction_to_aidlc_and_skills
fatsushi
7
3.3k
Oracle Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
3
710
意志を実装するアーキテクチャモダナイゼーション
nwiizo
2
830
【Claude Code】Plugins作成から始まったファインディの開発フロー改革
starfish719
0
260
ランサムウェア対策としてのpnpm導入のススメ
ishikawa_satoru
0
340
Featured
See All Featured
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
340
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
200
So, you think you're a good person
axbom
PRO
2
1.9k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
170
From π to Pie charts
rasagy
0
140
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
600
Code Review Best Practice
trishagee
74
20k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
130
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
930
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
140
First, design no harm
axbom
PRO
2
1.1k
Transcript
react-hooks-loggerͭͬͨ͘ 2019-09-18 Satoshi Nitawaki twitter: @nitaking_ github: nitaking
None
react-hooks-logger
None
react-redux Ϣʔβʔ͓ͳ͡Έ
redux-logger
ϦεϖΫτ
console.log ͢Δ͚ͩ
ͳͥ࡞ͬͨ
reactͷOSS ࡞ͬͯΈ͍ͨ
hooksͳΒ ͍͚ΔͷͰ
redux-loggerͷ hooks ϙδγϣϯ
None
None
react-hooks-logger
ઌۦऀ͍ͨ
͕ͩෛ͚ͳ͍
ͳʹ͔ ʢܽʣ ͳ͍͔
None
None
callͷͨͼʹ ڥม ͯ͋͛͠Δͷ ඍົʁ
͏͢͜͠ ͍͍ײ͡ͷ࣮ ͳ͍ʁ
hooksͰ middlewareత ࣮ͱ͔ʁ
None
ContextͰάϩʔόϧཧ applyMiddlewareͰ useReducerͷ dispatchΛࢹ
͍͚ͦ͏ʁ
͍͚ͦ͏ʁ
None
middlewareʹ ͯ͠͠·͑ɾɾɾ ͋ͱɾɾɾ Μʁ
None
͜Ε redux-loggerͰ ͍͍Ͱ͢ΑͶ
Fin.
͕ͩΊͳ͍
None
useReducerͷ ϥούʔతͳ ࣮Ͳ͏ͩΖ͏
None
None
͏ʔΜ ݁ہ use-reducer-loggerͱ ͋·ΓมΘΒͳ͍͔…
ͦΜͳ react-hooks-logger
None
None
None
None
ͨͩͷconsole.log ϥΠϒϥϦͰ
Ͳ͏͋Δ͖ ΑΓྑ͘͢Δʹ ߟ͑Δͱਂ͍
Έͳ͞Μ ΦϨΦϨhooks ϥΠϒϥϦ ࡞ͬͯΈͯ
Happy hacking!