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

react-hooks-loggerつくった話

Avatar for nitaking nitaking
September 18, 2019
Technology
530
0

 react-hooks-loggerつくった話

2019-09-18 LT #ebisujs

Avatar for nitaking

nitaking

September 18, 2019

More Decks by nitaking

See All by nitaking
人は30分でLT資料を作って発表できるのか
Avatar for nitaking nitaking
0
280
React Native ことはじめ
Avatar for nitaking nitaking
0
270
2021-06-24 最近のビルドツール調べてみた
Avatar for nitaking nitaking
0
150
Fishのススメ
Avatar for nitaking nitaking
0
91
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
700
React非同期ライブラリを知る
Avatar for nitaking nitaking
0
190

Other Decks in Technology

See All in Technology
オライリーイベント登壇資料「鉄リサイクル・産廃業界におけるAI技術実応用のカタチ」
Avatar for Takumi Karasawa takarasawa_
0
370
PdM・Eng・QAで進めるAI駆動開発の現在地/aidd-with-pdm-eng-qa
Avatar for butatamasoba / Shota Kusaba / 草場翔太 shota_kusaba
0
160
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
8k
QAエンジニアはどうやって プロダクト議論の場に入れるのか？
Avatar for Sammy(MoritaMasami) moritamasami
2
410
CyberAgent YJC Connect
Avatar for shimayuu shimaf4979
1
170
試作とデモンストレーション / Prototyping and Demonstrations
Avatar for Kenji Saito ks91
PRO
0
200
SREの仕事は「壊さないこと」ではなくなった 〜自律化していくシステムに、責任と判断を与えるという価値〜 / 20260515 Naoki Shimada
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
110
サービスの信頼性を高めるため、形骸化した「プロダクションミーティング」を立て直すまでの取り組み
Avatar for すてにゃん stefafafan
1
260
「QA＝テスト」「シフトレフト＝スクラムイベントの参加者の一員」の呪縛を解く。アジャイルな開発を止めないために、10Xで挑んだ「右側のしわ寄せ」解消記 #scrumniigata
Avatar for nihonbuson nihonbuson
PRO
4
970
"うちにはまだ早い"は本当？ ─ 小さく始めるPlatform Engineering入門
Avatar for Haruka Sakihara harukasakihara
4
440
[Scram Fest Niigata2026]Quality as Code〜AIにQAの思考を再現させる試み〜
Avatar for Masami Yajiri masamiyajiri
1
300
100マイクロサービスのTerraform/Kubernetes管理地獄から抜け出すためのAI活用術
Avatar for Masaki Ishigaki markie1009
0
110

Featured

See All Featured
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.2k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
190
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
210
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
180
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
870
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
790
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.1k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
530

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!