Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
2
450
layerx_20241129.pdf
Avatar for Kyohei Ito kyoheig3
2
460
flutterkaigi_2024.pdf
Avatar for Kyohei Ito kyoheig3
0
1.2k
flutter_kaigi_2021.pdf
Avatar for Kyohei Ito kyoheig3
0
1.1k
ca.swift_10.pdf
Avatar for Kyohei Ito kyoheig3
0
680
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
900
ca.swift_2.pdf
Avatar for Kyohei Ito kyoheig3
9
1.3k

Other Decks in Programming

See All in Programming
connect-python: convenient protobuf RPC for Python
Avatar for Anuraag Agrawal anuraaga
0
350
AIコーディングエージェント（Manus）
Avatar for kondai kondai24
0
120
関数の挙動書き換える
Avatar for takato fukui takatofukui
4
770
関数実行の裏側では何が起きているのか？
Avatar for minop1205 minop1205
1
570
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
24
21k
Google Antigravity and Vibe Coding: Agentic Development Guide
Avatar for MIKIO KUBO mickey_kubo
2
130
Integrating WordPress and Symfony
Avatar for Alexandre Salomé alexandresalome
0
120
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
130
俺流レスポンシブコーディング 2025
Avatar for TAK tak_dcxi
13
7.7k
CSC305 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
270
Herb to ReActionView: A New Foundation for the View Layer @ San Francisco Ruby Conference 2025
Avatar for Marco Roth marcoroth
0
240

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k

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!