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
450
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
170
React Native ことはじめ
nitaking
0
190
2021-06-24 最近のビルドツール調べてみた
nitaking
0
97
Fishのススメ
nitaking
0
53
Blitz.jsの紹介
nitaking
1
930
Expo WEB × Next.js は実用できるのか?
nitaking
3
990
あの震えるインタラクションを実装したい
nitaking
1
1.3k
アプリリリースまでのつらみあれこれ
nitaking
0
530
React非同期ライブラリを知る
nitaking
0
160
Other Decks in Technology
See All in Technology
スプリントゴールにチームの状態も設定する背景とその効果 / Team state in sprint goals why and impact
kakehashi
2
100
最速最小からはじめるデータプロダクト / Data Product MVP
amaotone
5
740
Jr. Championsになって、強く連携しながらAWSをもっと使いたい!~AWSに対する期待と行動~
amixedcolor
0
190
新卒1年目が挑む!生成AI × マルチエージェントで実現する次世代オンボーディング / operation-ai-onboarding
cyberagentdevelopers
PRO
1
170
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
9
120k
とあるユーザー企業におけるリスクベースで考えるセキュリティ業務のお話し
4su_para
3
330
VPC間の接続方法を整理してみた #自治体クラウド勉強会
non97
1
870
顧客が本当に必要だったもの - パフォーマンス改善編 / Make what is needed
soudai
24
6.8k
10分でわかるfreeeのQA
freee
1
3.4k
omakaseしないための.rubocop.yml のつくりかた / How to Build Your .rubocop.yml to Avoid Omakase #kaigionrails
linkers_tech
3
740
来年もre:Invent2024 に行きたいあなたへ - “集中”と“つながり”で楽しむ -
ny7760
0
480
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
15
4k
Featured
See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
A designer walks into a library…
pauljervisheath
202
24k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
790
Code Reviewing Like a Champion
maltzj
519
39k
Why Our Code Smells
bkeepers
PRO
334
57k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
Statistics for Hackers
jakevdp
796
220k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
We Have a Design System, Now What?
morganepeng
50
7.2k
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
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!