Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

react-hooks-loggerつくった話

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for nitaking nitaking
September 18, 2019
Technology
560
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
320
React Native ことはじめ
Avatar for nitaking nitaking
0
310
2021-06-24 最近のビルドツール調べてみた
Avatar for nitaking nitaking
0
170
Fishのススメ
Avatar for nitaking nitaking
0
110
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.7k
アプリリリースまでのつらみあれこれ
Avatar for nitaking nitaking
0
850
React非同期ライブラリを知る
Avatar for nitaking nitaking
0
210

Other Decks in Technology

See All in Technology
AIがGISを代替する日：〜すべてをAIが創る時代に、私たちがFOSS4Gに関わる意味〜
Avatar for Yuji Kobayashi lehupa
1
210
AI時代に求められる優秀なTechLeadの振る舞い
Avatar for pospome pospome
11
15k
新米を「売り越さない」、Aurora DSQLで作る在庫ゼロ死守の限定ドロップEC
Avatar for Yuuki Yamashita yama3133
0
180
生き様としてのSRE
Avatar for Yutaro Sugai hokkai7go
1
170
SLOを阻む不安
Avatar for sraku sraku2159
0
230
bpf_arenaとstruct_opsを使うのが難しかった話
Avatar for KANAI Masumi masu_mi
0
200
詳解 never 型 - ボトム型の性質を深掘り
Avatar for Nealle nealle
0
150
Gifu WordPress Meetup #200 に向けて、私たちには何ができるだろうか？/ 2026-11-07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
170
TSKaigi Sendai 2026 - tsgo時代のTypeScript Playgroundはどう動くか
Avatar for teamLab teamlab
PRO
0
110
GCASアップデート（202607-202610）
Avatar for 高橋広和 techniczna
1
200
公共分野での生成AI活用
Avatar for Toru_Kubota toru_kubota
1
240
AIコーディングはじめました
Avatar for 田中みそ miso
0
150

Featured

See All Featured
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.4k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
570
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.6k
Docker and Python
Avatar for Tania Allard trallard
47
4.3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.7k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
280
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
510
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
320
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
56
10k
Visualization
Avatar for Eitan Lees eitanlees
153
17k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k

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!