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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
nitaking
September 18, 2019
Technology
540
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
react-hooks-loggerつくった話
2019-09-18 LT #ebisujs
nitaking
September 18, 2019
More Decks by nitaking
See All by nitaking
人は30分でLT資料を作って発表できるのか
nitaking
0
290
React Native ことはじめ
nitaking
0
280
2021-06-24 最近のビルドツール調べてみた
nitaking
0
160
Fishのススメ
nitaking
0
99
Blitz.jsの紹介
nitaking
1
1.1k
Expo WEB × Next.js は実用できるのか?
nitaking
3
1.1k
あの震えるインタラクションを実装したい
nitaking
1
1.6k
アプリリリースまでのつらみあれこれ
nitaking
0
820
React非同期ライブラリを知る
nitaking
0
190
Other Decks in Technology
See All in Technology
「ちゃんとやっている」は独りよがりだった ― 不安に寄り添うインシデント対応へ / Towards incident response that addresses anxieties
chmikata
1
5.2k
Kaggleで成長するために意識したこと
prgckwb
2
330
非定型なドキュメントを効率よくリファクタする 〜えぇ!?仕様書27本の移行が1日で終わったって!?〜
subroh0508
1
380
クラウド上のデータ復旧で見落としがちな制約: 医療系 SaaS の BCP 設計から得た教訓
kakehashi
PRO
0
3.5k
“それは自分の仕事じゃない"を越えて行け
yuukiyo
0
240
ヘルスケア領域における AI 活用と その安全性担保のための取り組み (Leveraging AI in Healthcare and Our Efforts to Ensure Its Safety) - Google I/O Extended Tokyo 2026, July 11, 2026
zettaittenani
0
320
穢れた技術選定について
watany
6
490
Data + AI Summit 2026 イベントレポート: 「AIがビジネスで意思決定するデータ基盤」へ
nek0128
0
120
はじめてのWDM
miyukichi_ospf
1
140
地域 SRE コミュニティ最前線 / SRE NEXT 2026 Discussion Night Track C
muziyoshiz
0
220
Road to SRE NEXTの今までとこれから
hiroyaonoe
0
310
SRE依存からの脱却 運用を開 発チームへ移す、 フルサイ クル開 発体制の実践
joooee0000
0
2.7k
Featured
See All Featured
KATA
mclloyd
PRO
35
15k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
260
How to train your dragon (web standard)
notwaldorf
97
6.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
For a Future-Friendly Web
brad_frost
183
10k
Design in an AI World
tapps
1
260
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.4k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
340
Fireside Chat
paigeccino
42
4k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
Designing Powerful Visuals for Engaging Learning
tmiket
1
450
The Invisible Side of Design
smashingmag
301
52k
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!