State Management Provider #Flutter Indonesia Part 1

Asslamu’alaikum Wr. Wb.

Hallo sobat flutter kembali lagi di posting saya , pada postingan kali ini saya akan membahas tentang State Management Provider apasih State Management itu, State Management adalah sebuah design coding yang mana kita memisahkan antara logic dan view kita yang mana bertujuan agar logic tersebut juga bersifat re-usable. Kalau kita sebelumnya sudah mengenal java atau kotlin maka ini sama saja seperti design pattern yang mana ada MVP dan MVVM jika di web maka kita mengenal MVC maka di flutter ada yang namanya BLoC Pattern dan Provider :

Oke langsung saja kita praktek an bagaimana cara menggunakan provider ini

1. Pertama kita buat project flutter baru dengan nama flutter_provider atau bebas
2. Kedua buatlah sebuah folder baru didalam folder lib dengan nama model, pages, dan provider seperti gambar dibawah ini :

3. Kemudian kita pindah ke bagian pubspec.yaml untuk menambahkan beberapa dependencies library baru kita tambahkan dependecies berikut :

....
  http:
  provider:
  awesome_card:

4. Taruhlah dependecies tadi didalam file pubspec tepatnya dibawah setelah cupertino dan jangan lupa kita pub get / package get untuk mendownload dan mensinkronisasi ke dalam project kita

5. Setelah selesai buatlah file file baru yang mana akan di tempatkan sesuai dengan folder folder yang telah kita buat tadi, buatlah file file baru tersebut dengan nama nama berikut :

ModelUser => tempatkan didalam folder model
HomePage => tempatkan didalam folder pages
DetailPage => tempatkan didalam folder pages
BlocUser => tempatkan didalam folder provider

maka kurang lebih seperti ini strukturnya :

6. Kemudian kita edit file main.dart dengan mengetikan source code berikut ini :

Oke Mungkin cukup sekian tutorial kali ini jangan lupa share dan comment untuk part selanjutnya link ada dibawah ini :

State Management Provider #Flutter Indonesia Part 2