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
470
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
200
React Native ことはじめ
nitaking
0
210
2021-06-24 最近のビルドツール調べてみた
nitaking
0
110
Fishのススメ
nitaking
0
60
Blitz.jsの紹介
nitaking
1
960
Expo WEB × Next.js は実用できるのか?
nitaking
3
1k
あの震えるインタラクションを実装したい
nitaking
1
1.3k
アプリリリースまでのつらみあれこれ
nitaking
0
570
React非同期ライブラリを知る
nitaking
0
160
Other Decks in Technology
See All in Technology
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
57k
Helm , Kustomize に代わる !? 次世代 k8s パッケージマネージャー Glasskube 入門 / glasskube-entry
parupappa2929
0
210
ユーザーストーリーマッピングから始めるアジャイルチームと並走するQA / Starting QA with User Story Mapping
katawara
0
170
開発組織のための セキュアコーディング研修の始め方
flatt_security
3
1.4k
ホワイトボードチャレンジ 説明&実行資料
ichimichi
0
120
一度 Expo の採用を断念したけど、 再度 Expo の導入を検討している話
ichiki1023
1
160
レビューを増やしつつ 高評価維持するテクニック
tsuzuki817
1
480
君も受託系GISエンジニアにならないか
sudataka
2
410
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
540
TAMとre:Capセキュリティ編 〜拡張脅威検出デモを添えて〜
fujiihda
1
180
Data-centric AI入門第6章:Data-centric AIの実践例
x_ttyszk
1
390
技術負債の「予兆検知」と「状況異変」のススメ / Technology Dept
i35_267
1
1k
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Documentation Writing (for coders)
carmenintech
67
4.6k
Bash Introduction
62gerente
610
210k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Optimizing for Happiness
mojombo
376
70k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
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!