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

flutter_kmm_1.pdf

4d40d82cc3c676e8a67ffc2a473bf423?s=47 Kyohei Ito
December 21, 2020

 flutter_kmm_1.pdf

4d40d82cc3c676e8a67ffc2a473bf423?s=128

Kyohei Ito

December 21, 2020
Tweet

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!