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

react-hooks-loggerつくった話

Avatar for nitaking nitaking
September 18, 2019
Technology
0
530

 react-hooks-loggerつくった話

2019-09-18 LT #ebisujs

Avatar for nitaking

nitaking

September 18, 2019
Tweet

More Decks by nitaking

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

Other Decks in Technology

See All in Technology
【Λ（らむだ）】最近のアプデ情報 / RPALT20260318
Avatar for Λ lambda
0
120
アーキテクチャモダナイゼーションを実現する組織
Avatar for SatohJohn satohjohn
1
1.1k
GCASアップデート（202601-202603）
Avatar for 高橋広和 techniczna
0
240
Microsoft “Adaptive Cloud” Update 2026年3月版
Avatar for osamut sdosamut
0
100
大規模ECサイトのあるバッチのパフォーマンスを改善するために僕たちのチームがしてきたこと
Avatar for panda_program panda_program
1
290
イベントで大活躍する電子ペーパー名札を作る（その２） 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
Avatar for you（@youtoy） you
PRO
0
130
Zero Data Loss Autonomous Recovery Service サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
13k
AlloyDB 奮闘記
Avatar for hatappi hatappi
0
170
スケールアップ企業でQA組織が機能し続けるための組織設計と仕組み〜ボトムアップとトップダウンを両輪としたアプローチ〜

Avatar for tarappo tarappo
3
250
[2] Power BI Deep Dive [2026-03]
Avatar for Ohata Masatoshi ohata_bi
0
100
ガバメントクラウドにおけるAWSの長期継続割引について
Avatar for takeda_h takeda_h
2
5.4k
SLI/SLO 導入で 避けるべきこと3選
Avatar for Kota yagikota
0
130

Featured

See All Featured
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.9k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.3k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
140
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
210
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
62
52k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
160

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!