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

react-hooks-loggerつくった話

Avatar for nitaking nitaking
September 18, 2019
Technology
0
510

 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
240
React Native ことはじめ
Avatar for nitaking nitaking
0
240
2021-06-24 最近のビルドツール調べてみた
Avatar for nitaking nitaking
0
140
Fishのススメ
Avatar for nitaking nitaking
0
72
Blitz.jsの紹介
Avatar for nitaking nitaking
1
1k
Expo WEB × Next.js は実用できるのか？
Avatar for nitaking nitaking
3
1k
あの震えるインタラクションを実装したい
Avatar for nitaking nitaking
1
1.4k
アプリリリースまでのつらみあれこれ
Avatar for nitaking nitaking
0
660
React非同期ライブラリを知る
Avatar for nitaking nitaking
0
170

Other Decks in Technology

See All in Technology
【Oracle Cloud ウェビナー】クラウド導入に「専用クラウド」という選択肢、Oracle AlloyとOCI Dedicated Region とは
Avatar for oracle4engineer oracle4engineer
PRO
3
110
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
Avatar for Sagara sagara
0
210
リーダーになったら未来を語れるようになろう/Speak the Future
Avatar for Genki Sano sanogemaru
0
280
PLaMoの事後学習を支える技術 / PFN LLMセミナー
Avatar for Preferred Networks pfn
PRO
9
3.8k
関係性が駆動するアジャイル──GPTに人格を与えたら、対話を通してふりかえりを 習慣化できた話
Avatar for リリカル mhlyc
0
130
Goにおける 生成AIによるコード生成の ベンチマーク評価入門
Avatar for どすこい daisuketakeda
2
100
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
Avatar for maroon1st maroon1st
0
190
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
Avatar for mtskhs matsu0228
7
2.5k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
3
20k
成長自己責任時代のあるきかた/How to navigate the era of personal responsibility for growth
Avatar for Hiromu Shioya kwappa
3
270
20250929_QaaS_vol20
Avatar for Shin Murakami mura_shin
0
110
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
Avatar for moriyuya moriyuya
4
550

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
237
140k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Making Projects Easy
Avatar for Brett Harned brettharned
119
6.4k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k

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!