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
230
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
650
React非同期ライブラリを知る
Avatar for nitaking nitaking
0
170

Other Decks in Technology

See All in Technology
AIエージェントを支える設計
Avatar for takuya kikuchi tkikuchi1002
11
2.4k
[TechNight #91] Oracle Database 最新パフォーマンス分析手法
Avatar for oracle4engineer oracle4engineer
PRO
3
210
人と生成AIの協調意思決定/Co‑decision making by people and generative AI
Avatar for moriyuya moriyuya
0
200
Snowflake のアーキテクチャは本当に筋がよかったのか / Data Engineering Study #30
Avatar for Yoshi Matsuzaki indigo13love
0
290
自分がLinc’wellで提供しているプロダクトを理解するためにやったこと
Avatar for bayashi murabayashi
1
170
「育てる」サーバーレス 〜チーム開発研修で学んだ、小さく始めて大きく拡張するAWS設計〜
Avatar for yut yu_kod
1
200
帳票構造化タスクにおけるLLMファインチューニングの性能評価
Avatar for yosukeyoshida yosukeyoshida
1
150
P2P ではじめる WebRTC のつまづきどころ
Avatar for tnoho tnoho
1
280
ビジネス文書に特化した基盤モデル開発 / SaaSxML_Session_2
Avatar for Sansan R&D sansan_randd
0
160
ファインディにおける Dataform ブランチ戦略
Avatar for Noriaki Hiraki hiracky16
0
220
Tiptapで実現する堅牢で柔軟なエディター開発
Avatar for kirik kirik
1
160
スプリントレビューを効果的にするために
Avatar for Miho Nagase miholovesq
9
1.7k

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
19k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.5k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.3k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k

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!