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
440
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
160
React Native ことはじめ
nitaking
0
190
2021-06-24 最近のビルドツール調べてみた
nitaking
0
93
Fishのススメ
nitaking
0
53
Blitz.jsの紹介
nitaking
1
910
Expo WEB × Next.js は実用できるのか?
nitaking
3
980
あの震えるインタラクションを実装したい
nitaking
1
1.2k
アプリリリースまでのつらみあれこれ
nitaking
0
520
React非同期ライブラリを知る
nitaking
0
160
Other Decks in Technology
See All in Technology
AIを活用した柔軟かつ効率的な社内リソース検索への取り組み
cygames
0
190
タイミーのレコメンドにおける ABテストの運用
ozeshun
1
200
『GRANBLUE FANTASY: Relink』最高の「没入感」を実現するカットシーン制作手法とそれを支える技術
cygames
1
140
チームビルディングは"感性"で向き合おう / Team Building with Awareness
kohzas
0
270
たった1人からはじめる【Agile Community of Practice】~ソース原理とFearless Changeを添えて~
ktc_corporate_it
1
500
Creative UIs with Compose: DroidKaigi 2024
chrishorner
1
600
なにもしてないのにNew Relicのデータ転送量が増えていたときに確認したこと
tk3fftk
2
230
忙しい人のためのLangGraph概要まとめ
__ymgc__
1
200
Analytics-Backed App Widget Development - Served with Jetpack Glance
miyabigouji
0
620
Oracle Autonomous Database:サービス概要のご紹介
oracle4engineer
PRO
1
7.1k
20240912 JJUGナイトセミナー
mii1004
0
140
可視化により内部品質をあげるAIドキュメントリバース/20240910 Hiromitsu Akiba
shift_evolve
0
230
Featured
See All Featured
How GitHub (no longer) Works
holman
310
140k
Rails Girls Zürich Keynote
gr2m
93
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Six Lessons from altMBA
skipperchong
26
3.4k
Facilitating Awesome Meetings
lara
49
6k
The Invisible Side of Design
smashingmag
296
50k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
19k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
123
18k
Testing 201, or: Great Expectations
jmmastey
36
7k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
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!