$30 off During Our Annual Pro Sale. View Details »

flutter_kmm_1.pdf

Kyohei Ito
December 21, 2020
Programming
1
770

 flutter_kmm_1.pdf

Kyohei Ito

December 21, 2020
Tweet

More Decks by Kyohei Ito

See All by Kyohei Ito
flutter_kaigi_2021.pdf
kyoheig3
0
490
ca.swift_10.pdf
kyoheig3
0
540
iosdc_2018.pdf
kyoheig3
2
2.1k
orecon_vol1.pdf
kyoheig3
4
1.3k
iosdc_2017.pdf
kyoheig3
4
720
ca.swift_2.pdf
kyoheig3
9
1k
ca.swift.pdf
kyoheig3
1
1.8k
protocol_buffers.pdf
kyoheig3
6
5.7k
abema_devcon.pdf
kyoheig3
8
6.5k

Other Decks in Programming

See All in Programming
ComposeCamp2022 Pathway2
veronikapj
1
140
Isolated Development
vrallev
0
290
Cloud-Native: Einführung, Überblick & Myth Busting
christianweyer
PRO
0
170
Amazon S3 Selectで実現するサーバーレス高負荷対応サイト
seike460
PRO
2
570
FlutterKaigi 2022 Keynote
wasabeef
1
230
How To 脆弱性対応
cmkomuro
0
270
Rust meets Mobile
smileykeith
0
180
良い設計と悪い設計の違い
masuda220
PRO
16
17k
JavaScript Testing Framework: Under the Hood(JSConfJP2022)
yoshiaki_togami
0
1.7k
Django REST Framework はじめの一歩 〜 押さえておきたい３つのポイント 〜 / First step of Django REST Framework (stapy#87 2022)
akiyoko
0
340
Unleashing the power of lazy objects in PHP 🪄
nicolasgrekas
2
430
Elm_LandでElm入門
negiboudu
0
150

Featured

See All Featured
Building Adaptive Systems
keathley
25
1.3k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.1k
Designing on Purpose - Digital PM Summit 2013
jponch
107
5.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
23
4.4k
Music & Morning Musume
bryan
36
4.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
What's in a price? How to price your products and services
michaelherold
231
9.6k
How GitHub (no longer) Works
holman
298
140k
Keith and Marios Guide to Fast Websites
keithpitt
405
21k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
11k
How STYLIGHT went responsive
nonsquared
86
4.1k
GraphQLとの向き合い方2022年版
quramy
19
9.3k

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!