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

flutter_kmm_1.pdf

Avatar for Kyohei Ito Kyohei Ito
December 21, 2020
Programming
1
1.1k

 flutter_kmm_1.pdf

Avatar for Kyohei Ito

Kyohei Ito

December 21, 2020
Tweet

More Decks by Kyohei Ito

See All by Kyohei Ito
flutter_kaigi_2025.pdf
Avatar for Kyohei Ito kyoheig3
1
120
layerx_20241129.pdf
Avatar for Kyohei Ito kyoheig3
2
450
flutterkaigi_2024.pdf
Avatar for Kyohei Ito kyoheig3
0
1.1k
flutter_kaigi_2021.pdf
Avatar for Kyohei Ito kyoheig3
0
1.1k
ca.swift_10.pdf
Avatar for Kyohei Ito kyoheig3
0
670
iosdc_2018.pdf
Avatar for Kyohei Ito kyoheig3
2
3k
orecon_vol1.pdf
Avatar for Kyohei Ito kyoheig3
4
1.7k
iosdc_2017.pdf
Avatar for Kyohei Ito kyoheig3
4
890
ca.swift_2.pdf
Avatar for Kyohei Ito kyoheig3
9
1.3k

Other Decks in Programming

See All in Programming
Dive into Triton Internals
Avatar for Liam Jongsu Kim appleparan
0
480
Bakuraku E2E Scenario Test System Architecture #bakuraku_qa_study
Avatar for teyamagu teyamagu
PRO
0
650
AI 時代だからこそ抑えたい「価値のある」PHP ユニットテストを書く技術 #phpconfuk / phpcon-fukuoka-2025
Avatar for shogogg shogogg
1
390
Designing Repeatable Edits: The Architecture of . in Vim
Avatar for Satoru Kitaguchi satorunooshie
0
250
HTTPじゃ遅すぎる！ SwitchBotを自作ハブで動かして学ぶBLE通信
Avatar for Shoichi Ochi occhi
0
230
「10分以内に機能を消せる状態」 の実現のためにやっていること
Avatar for おぎ togishima
1
260
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
Avatar for aose aoseyuu
3
5.9k
Node-REDのノードの開発・活用事例とコミュニティとの関わり(Node-RED Con Nagoya 2025)
Avatar for 404background 404background
0
130
AI駆動開発ライフサイクル(AI-DLC)のホワイトペーパーを解説
Avatar for Yasutomo Hariu swxhariu5
0
450
ネストしたdata classの面倒な更新にさようなら！Lensを作って理解するArrowのOpticsの世界
Avatar for shiita0903 shiita0903
1
290
FlutterKaigi 2025 システム裏側
Avatar for Ryotaro Onoue yumnumm
0
460
Flutterアプリ運用の現場で役立った監視Tips 5選
Avatar for Takuma Osada ostk0069
1
220

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.7k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.7k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
660
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.2k

Transcript

  1. ಡղ Flutter Hooks Flutter × Kotlin Multiplatform #1 2020/12/21

  2. About Me ҏ౻ɹګฏ Github : KyoheiG3 Twitter : @KyoheiG3

  3. Hooksͷ࢖͍ํ ← ΍Γ·ͤΜ

  4. Hooksͷಈ͖Λཧղ͢Δ ← ໨ඪ ※ίʔυଟΊͰ͢

  5. What is Hooks?

  6. What is Hooks? • ΋ͱ΋ͱ͸ReactJSͷ16.8(2019/2Ҏ߱)ʹ௥Ճ͞Εͨػೳ • Remi Rousselet͞Μ͕2018/12ʹinitial commit

  7. Why Hooks?

  8. None
  9. None

  10. Why Hooks? • ঢ়ଶͷ؅ཧͳͲΛclassΛ࢖Θͣʹ୯ମͰߦ͏͜ͱ͕Ͱ͖Δ Α͏ʹͳΔ

  11. Flutter?

  12. None
  13. None

  14. Why Hooks? • ঢ়ଶͷ؅ཧͳͲΛStatefulWidgetΛ࢖Θͣʹ୯ମͰߦ͏͜ ͱ͕Ͱ͖ΔΑ͏ʹͳΔ

  15. Principle

  16. None

  17. Code Reading

  18. HookWidget & HookElement

  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None

  35. Hook & HookState

  36. None
  37. None
  38. None
  39. None
  40. None

  41. Existing hooks

  42. https://github.com/rrousselGit/flutter_hooks#existing-hooks

  43. Custom Hook

  44. Custom Hook • class • function

  45. None
  46. None
  47. None
  48. None
  49. None
  50. None

  51. Rules

  52. None
  53. None

  54. About hot-reload

  55. None
  56. None
  57. None

  58. Thanks!