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

flutter_kmm_1.pdf

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
840
layerx_20241129.pdf
Avatar for Kyohei Ito kyoheig3
2
480
flutterkaigi_2024.pdf
Avatar for Kyohei Ito kyoheig3
0
1.3k
flutter_kaigi_2021.pdf
Avatar for Kyohei Ito kyoheig3
0
1.1k
ca.swift_10.pdf
Avatar for Kyohei Ito kyoheig3
0
690
iosdc_2018.pdf
Avatar for Kyohei Ito kyoheig3
2
3.1k
orecon_vol1.pdf
Avatar for Kyohei Ito kyoheig3
4
1.7k
iosdc_2017.pdf
Avatar for Kyohei Ito kyoheig3
4
910
ca.swift_2.pdf
Avatar for Kyohei Ito kyoheig3
9
1.3k

Other Decks in Programming

See All in Programming
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
290
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
280
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
680
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
230
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
560
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610

Featured

See All Featured
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.5k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
0
320
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
240
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k

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!