Upgrade to Pro — share decks privately, control downloads, hide ads and more …

react-hooks-loggerつくった話

nitaking
September 18, 2019
Technology
0
410

 react-hooks-loggerつくった話

2019-09-18 LT #ebisujs

nitaking

September 18, 2019
Tweet

More Decks by nitaking

See All by nitaking
人は30分でLT資料を作って発表できるのか
nitaking
0
110
React Native ことはじめ
nitaking
0
170
2021-06-24 最近のビルドツール調べてみた
nitaking
0
85
Fishのススメ
nitaking
0
51
Blitz.jsの紹介
nitaking
1
860
Expo WEB × Next.js は実用できるのか？
nitaking
3
940
あの震えるインタラクションを実装したい
nitaking
1
1.1k
アプリリリースまでのつらみあれこれ
nitaking
0
470
React非同期ライブラリを知る
nitaking
0
150

Other Decks in Technology

See All in Technology
ChatworkのSRE部って実は 半分くらいPlatform Engineering部かもしれない
saramune
0
100
HEXA OSINT CTF V3 作戦会議
meow_noisy
0
110
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
4
280
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
14
35k
**強い**エンジニアのなり方 - フィードバックサイクルを勝ち取る / grow one day each day
soudai
62
18k
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
480
クラウドサインにおけるプロダクトマネージャーの役割と開発プロセス / 20240410_cloudsign-PdM
bengo4com
1
690
[PlatformCon 24] Platform Orchestrators: The Missing Middle of Internal Developer Platforms?
danielbryantuk
1
180
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
130
Data and AI Governance: Existing Challenges and Emerging Trends
scotthsieh825
0
160
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
250
ChatGPT for IT Service Management (IT Pro)
dahatake
4
270

Featured

See All Featured
The Pragmatic Product Professional
lauravandoore
24
5.8k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
The Invisible Customer
myddelton
114
12k
Designing with Data
zakiwarfel
95
4.8k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
The Cult of Friendly URLs
andyhume
74
5.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Producing Creativity
orderedlist
PRO
336
39k
KATA
mclloyd
14
12k

Transcript

  1. react-hooks-loggerͭͬͨ͘ 2019-09-18 Satoshi Nitawaki twitter: @nitaking_ github: nitaking

  2. None

  3. react-hooks-logger

  4. None

  5. react-redux Ϣʔβʔ͓ͳ͡Έ

  6. redux-logger

  7. ϦεϖΫτ

  8. console.log ͢Δ͚ͩ

  9. ͳͥ࡞ͬͨ

  10. reactͷOSS ࡞ͬͯΈ͍ͨ

  11. hooksͳΒ ͍͚ΔͷͰ͸

  12. redux-loggerͷ hooks ϙδγϣϯ

  13. None
  14. None

  15. react-hooks-logger

  16. ઌۦऀ͸͍ͨ

  17. ͕ͩෛ͚ͳ͍

  18. ͳʹ͔ ʢܽ఺͸ʣ ͳ͍͔

  19. None
  20. None

  21. callͷͨͼʹ ؀ڥม਺ ౉ͯ͋͛͠Δͷ ඍົʁ

  22. ΋͏͢͜͠ ͍͍ײ͡ͷ࣮૷ ͳ͍ʁ

  23. hooksͰ middlewareత ࣮૷ͱ͔ʁ

  24. None

  25. ContextͰάϩʔόϧ؅ཧ applyMiddlewareͰ useReducerͷ dispatchΛ؂ࢹ

  26. ͍͚ͦ͏ʁ

  27. ͍͚ͦ͏ʁ

  28. None

  29. middlewareʹ ͯ͠͠·͑͹ɾɾɾ ͋ͱ͸ɾɾɾ Μʁ

  30. None

  31. ͜Ε redux-loggerͰ ͍͍Ͱ͢ΑͶ

  32. Fin.

  33. ͕ͩ΍Ίͳ͍

  34. None

  35. useReducerͷ ϥούʔతͳ ࣮૷͸Ͳ͏ͩΖ͏

  36. None
  37. None

  38. ͏ʔΜ ݁ہ use-reducer-loggerͱ ͋·ΓมΘΒͳ͍͔΋…

  39. ͦΜͳ react-hooks-logger

  40. None
  41. None
  42. None
  43. None

  44. ͨͩͷconsole.log ϥΠϒϥϦͰ΋

  45. Ͳ͏͋Δ΂͖ ΑΓྑ͘͢Δʹ͸ ߟ͑Δͱਂ͍

  46. Έͳ͞Μ΋ ΦϨΦϨhooks ϥΠϒϥϦ ࡞ͬͯΈͯ͸

  47. Happy hacking!