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

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
690
layerx_20241129.pdf
Avatar for Kyohei Ito kyoheig3
2
470
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
690
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
AIエンジニアリングのご紹介 / Introduction to AI Engineering
Avatar for r-kagaya rkaga
8
3k
ゲームの物理 剛体編
Avatar for Fadis fadis
0
350
JETLS.jl ─ A New Language Server for Julia
Avatar for abap34 abap34
1
420
WebRTC、 綺麗に見るか滑らかに見るか
Avatar for sublimer sublimer
1
190
Findy AI+の開発、運用におけるMCP活用事例
Avatar for starfish719 starfish719
0
1.2k
AI時代を生き抜く 新卒エンジニアの生きる道
Avatar for coconala_engineer coconala_engineer
1
300
関数実行の裏側では何が起きているのか？
Avatar for minop1205 minop1205
1
710
LLMで複雑な検索条件アセットから脱却する！！ 生成的検索インタフェースの設計論
Avatar for po3rin po3rin
4
830
C-Shared Buildで突破するAI Agent バックテストの壁
Avatar for po3rin po3rin
0
390
tparseでgo testの出力を見やすくする
Avatar for utagawa kiki utgwkk
2
240
AIコーディングエージェント（skywork）
Avatar for kondai kondai24
0
180
著者と進める！『AIと個人開発したくなったらまずCursorで要件定義だ！』
Avatar for yasuna yasunacoffee
0
150

Featured

See All Featured
It's Worth the Effort
Avatar for 3n 3n
187
29k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.3k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k

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!