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
nitaking
September 18, 2019
Technology
0
510
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
250
React Native ことはじめ
nitaking
0
250
2021-06-24 最近のビルドツール調べてみた
nitaking
0
140
Fishのススメ
nitaking
0
72
Blitz.jsの紹介
nitaking
1
1k
Expo WEB × Next.js は実用できるのか?
nitaking
3
1k
あの震えるインタラクションを実装したい
nitaking
1
1.4k
アプリリリースまでのつらみあれこれ
nitaking
0
660
React非同期ライブラリを知る
nitaking
0
170
Other Decks in Technology
See All in Technology
OSSで50の競合と戦うためにやったこと
yamadashy
3
980
Azure Well-Architected Framework入門
tomokusaba
1
130
Databricks AI/BI Genie の「値ディクショナリー」をAmazonの奥地(S3)まで見に行く
kameitomohiro
1
410
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
160
【SORACOM UG Explorer 2025】さらなる10年へ ~ SORACOM MVC 発表
soracom
PRO
0
150
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
0
310
知覚とデザイン
rinchoku
1
580
GraphRAG グラフDBを使ったLLM生成(自作漫画DBを用いた具体例を用いて)
seaturt1e
1
150
デザインとエンジニアリングの架け橋を目指す OPTiMのデザインシステム「nucleus」の軌跡と広げ方
optim
0
120
OTEPsで知るOpenTelemetryの未来 / Observability Conference Tokyo 2025
arthur1
0
240
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
13
10k
AI機能プロジェクト炎上の 3つのしくじりと学び
nakawai
0
110
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
140
7.2k
Agile that works and the tools we love
rasmusluckow
331
21k
What's in a price? How to price your products and services
michaelherold
246
12k
Thoughts on Productivity
jonyablonski
70
4.9k
Being A Developer After 40
akosma
91
590k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
RailsConf 2023
tenderlove
30
1.3k
Six Lessons from altMBA
skipperchong
29
4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
620
A Tale of Four Properties
chriscoyier
161
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
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!