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

Atomic DesignをFlutterでやってみた

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.

Atomic DesignをFlutterでやってみた

Avatar for つっちー

つっちー

December 10, 2019

Other Decks in Programming

Transcript

  1. ATOMIC DESIGN ATOMIC DESIGN Page (ը໘) Organism(૊৫ମ) Molecule(෼ࢠ) Atom(ݪࢠ) ‣

    Widgetͷ੾Γ෼͚ํͷҰͭ ‣ WidgetΛ࠶ར༻͠΍͘͢࡞ΕΔ
  2. BLOC BLOCͷઃܭ ‣ GLOBAL BLOC ‣ ೝূॲཧͳͲ ‣ UI BLOC

    ‣ UIͷঢ়ଶΛอ࣋͢Δ PAGE ORGANISMS MOLECULES ATOMS GLOBAL BLOC UI BLOC UI BLOC AtomsͱMolecules͸UI BLoCʹґଘ͞ ͤͳ͍Α͏ʹ͢Δ
  3. ISSUE Ͱ΋໰୊΋͋Δ ‣ ఻ൖ໰୊ ‣ UI BLoCͩͱProvider ͷྑ͕͞׆͔͖͠Εͳ ͍ ‣

    ؅ཧ͕େม ‣ ଞͷUIݻ༗ͷઃఆ͕Ͳ ΜͲΜೖͬͯ͘Δ PAGE ORGANISMS MOLECULES ATOMS GLOBAL BLOC UI BLOC UI BLOC