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
layerx_20241129.pdf
Avatar for Kyohei Ito kyoheig3
2
390
flutterkaigi_2024.pdf
Avatar for Kyohei Ito kyoheig3
0
910
flutter_kaigi_2021.pdf
Avatar for Kyohei Ito kyoheig3
0
1k
ca.swift_10.pdf
Avatar for Kyohei Ito kyoheig3
0
650
iosdc_2018.pdf
Avatar for Kyohei Ito kyoheig3
2
2.8k
orecon_vol1.pdf
Avatar for Kyohei Ito kyoheig3
4
1.6k
iosdc_2017.pdf
Avatar for Kyohei Ito kyoheig3
4
870
ca.swift_2.pdf
Avatar for Kyohei Ito kyoheig3
9
1.3k
ca.swift.pdf
Avatar for Kyohei Ito kyoheig3
1
2.1k

Other Decks in Programming

See All in Programming
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
220
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
170
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
760
#QiitaBash MCPのセキュリティ
Avatar for Tommy(sigma) ryosukedtomita
1
1.3k
生成AI時代のコンポーネントライブラリの作り方
Avatar for touyou touyou
1
220
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
680
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
3
1.3k
地方に住むエンジニアの残酷な現実とキャリア論
Avatar for nakamichi ichimichi
5
1.5k
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
Avatar for Nealle nealle
1
10k
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
14
2.5k
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
Avatar for Takuya Katsusa takuyakatsusa
2
550
効率的な開発手段として VRTを活用する
Avatar for Yosuke Ishikawa ishkawa
0
140

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Scaling GitHub
Avatar for Zach Holman holman
460
140k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
740
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
690
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k

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!