Transcript for:
Pengalaman Belajar Mobile Apps dengan Flutter

Yeh ini mobile ini web tinggal tunggu yang desktopnya Halo cuy Selamat malam ini malam-malam gua baru beres ngoding untuk mobile Apps yang lagi gua pelajarin terlebih untuk yang flut ya karena di sini gua mau sharing pengalaman gua belajar mobile apps dalam beberapa hari ke belakang gitu jadi kayak 3 EMP harian gua belajar mobile apps dengan rata-rata satu harinya itu bisa sampai 6 jam lebih lah ini gua mau sharing apa yang terjadi di otak gua ketika gua mempelajari mobile Apps yang lu tahu gua adalah anak web gitu kan ya Apakah sulit Bang karena udah bisa ngodingnya Maksudnya udah tahu e alur kode itu seperti apa gitu ya workflow-nya kayak gimana ketika kita bikin satu produk jadi enggak begitu kaget kalau dibicarain pusing ya pusing jelas namanya orang baru coba pasti pusing dulu Apalagi baru tig atau EMP harian discllaimer dulu sebelum jauh-jauh e Ini pengalaman gua pribadi gua sharing cerita berdasarkan apa yang gua lihat apa yang gua pelajarin apa yang gua baca di dokumentasinya mungkin salah mungkin benar tapi Apa hasilnya itu lu bisa Lihatlah pokoknya di sini kayak gimana gua bakal jelasin sesuai dengan hasilnya kurang lebih seperti itu ya yang pertama gua di sini bikin satu mobile Apps yang sangat sederhana ketika orang belajar coding atau gua belajar coding tu biasanya gua bikin kayak Apps yang simpel yang penting di dalamnya itu mengandung beberapa konsep inti dari si bahasa pemogramannya atau frameworknya atau apa gitu Nah yang kiri Ini adalah si flatter ya flatter oke yang kanan adalah react native Jadi sebenarnya gua pelajarinya di flatter karena dari web gua udah mainin react lumayan lama jadi react native gak begitu Kaget gitu loh Nah untuk appsnya simple apps-nya simpel appsnya kayak gini ini untuk yang FL yang berwarna biru seperti ini ya kalau yang re na bisa lihat logonya di sini gua pakai Expo yang flut ini logonya flatter ya kan nah yang expo ini react native punya Ya kurang lebih sama intinya si projectannya itu cuman kayak lu bisa punya halaman baru untuk nambah kontak lu bisa masukin nama misalnya De Afriza kayak gini terus masukin nomor telepon pas ditambahin muncul notif bisa kembali muncul sini ada Dea bla bla bla bla bla bla kayak gitu-gitu aja dan bisa didelete kalau di flatter ada muncul kayak gininya punya gua gitu ya karena flatter lebih enak untuk mainin ui-ui-an oke langsung hilang kayak gitu sikokom kita hapus juga kayak gitu-gitu untuk yang react native itu kurang lebih kayak gini doang tambah baru sama aja tapi dari segi UI lu bisa lihat ada sedikit perbedaan atau mungkin perbedaan yang cukup signifikan tambahkan masuk sini ke paling mana Gua enggak tahulah Datanya ada di mana sekali lagi dah hilang ini udah disorting kalau yang react native tuh A udah paling atas kalau yang tadi itu belum gua sorting sih jadi data baru itu muncul paling bawah ddd ya tadi lu lihat nih ddd paling bawah nah jadi selama 3 hari bikin Apps yang sederhana kayak gini tuh gimana rasanya bang apalagi lu dari web masuk ke mobile react native lu cobain terus flatter juga lu cobain Oke biar fair kita mulai dari yang awal dulu karena kalau lu mau belajar juga itu gak jauh dari yang namanya satu set up ya kan kedua adalah fundamentalnya itu kayak gimana ketiga adalah Core konsepnya kayak ng ngcang fil-nya Seperti apa permainan import ekport kayak gitu-gitunya kayak gimana keempat mainin data kayak state props yang gitu-gitunya ada atau enggak untuk kita tampung Data sementara temporary data kayak gitu-gitu terus kelima proses eh apa ya namanya development-nya atau development experience-nya juga ketika kita ngoding rumit enggak codingannya sejauh kayak gimana kalau kita mau bikin kayak beginian doang gitu makanya gua sini compare kan e antara react native dan juga flatter dengan Project yang sama itu sintaksnya seperti apa karena kebetulan gua dari javascript jadinya Apakah ini akan membuat gua kaget atau enggak walaupun tanpa gua bikin atau tanpa gua compare ke rect native pun gua akan kaget dengan si flut karena cukup jauh berbeda gitu sama si per javascriptan gua enggak bicara seputaran performance antara kedua Apps yang udah gua bikin di sini karena kedua-duanya juga cukup sederhana enggak ada yang bisa kita bandingin secara performance lu mau kayak scrollnya kurang ini Bang bla bla bla gitu kayak apalah cuman aplikasi kayak gini doang stat sementara apaan gitu kan ya yang pertama kita bicara setup dulu deh untuk setup-nya si flatter itu kayak semudah lu pergi ke pasar di jam . pagi kalau jam .00 pagi kan susah ya kayak macet susah bangun W pokoknya kalau kalau flut tuh kayak lu dibangunin jam .00 pagi lu pergi ke pasar Ya normal jam 0. pagi enggak apa-apa masih bisa kita cowok-cowok ke pasar gitu kan Kalau react native itu kayak setupnya kalau yang pakai Expo Kayak lu disuruh emak lu pergi ke pasar jam 3. subuh lunya semalam begadang jam 11.00 malam baru Bobo Wah itu kan kayak berat banget di otak gitu loh untuk setup-nya ya ya jadi serumit itu karena ada environment yang berbeda udah jelas kita maininnya multi platform gitu loh jadi si exponya perlu kita set up dulu terlebih kalau ini misalkan Windows pc-nya kan gua Windows jadi ada settingan-settingan yang cukup berbeda dengan si flatter intinya flatter sangat mudah untuk dis-et up bahkan ketika lu pertama kali mau cobain flatter itu lu enggak akan kepusingan sejauh Lu setting si expoya kalau flatter ibarat kata Kayak lu download flut extension D vs Code Lu install Android studio bikin avid-nya udah langs tuh kelar gitu lu bisa ngoding kayak gitu-gitu ya paling instal-instal beberapa hal dikit doang tapi kalau di react native yang dengan XO Itu ada kayak environment variabel yang harus Lu tambahin ada apa-apa kayak gitu-gitu atau mungkin lu bisaalah cari react native tuh setupan yang terlezatnya seperti apa cuman kalau gua pribadi memang ada proses yang cepat tapi enggak langsung work gitu jadi kayak ada error-error dulu beberapa hal harus gua cari sana sini baru ketemu dan sekarang Akhirnya bisa jalan keduanya Expo dan juga si flatternya di sini untuk pemula jujur pasti pusing untuk yang expo cobain dah Expo sekalinya lu instal langsung berhasil hebat gua sih enggak langsung work gitu si expoya cuman yang kerennya dari Expo Wah ini harusnya sih dibahasnya Nanti aja sih tapi enggak apaalah mupun ngobrolin Expo Jadi lu bisa monitoring langsung di HP juga gitu tanpa kabel Bro ini kan Android ya untuk simulasinya karena PC gua Windows ya kan ini yang yang react native ini ini itu gila gua bisa sini juga sama gitu Jadi bisa monitoring atau ngecek juga dibaging langsung di HP yang berbeda bahkan os-nya ini kan Android Kalau yang ini iPhone gua bisa monitoring untuk kebutuhan iPhone juga gitu loh ternyata beda desain dan segala macam kayak gitu-gitu Makanya kalau eh kita ngoding multiplatform yang basis kodenya satu biji terus pas kita build langsung jadi iOS lah jadi APK lah itu kan kita butuh monitoring ketika kita ngodingnya gitu jadi kayak doble gitu Lu buka android-nya lu buka ee si HP iphone-nya gitu dua kayak enak banget dan gua pas ngoding si XW ini ngubah-ngubah sesuatu nih oh di Android mah kayak gini kontakunya di sebelah sini ininya kayak begini kayak begitu gitu Tapi kalau pas di yang iPhone itu ada beda lagi desainnya makanya gua harus adjust lagi kayak gitu-gitu lumayan membantu tuh untuk kebutuhan development itu powerful-nya si Expo kalau udah terset up Tapi kalau bicara kemudahan jujur flatter setup-nya lebih mudah oke itu baru bicara seputaran setup sekarang kita compare ke cod-nya ya Anggaplah setup lu udah tahu rasanya seperti apa yang tadi gua Jelasin dari sudut pandang kacamata gua sendiri pribadi yang udah bisa ngoding Oke Mungkin lu bisa kebayang kalau lu lagi belajar html CSS belum pernah mainin Framework belum pernah install library itu bakal rada Wah complicated pastinya Nah sekarang kita bicara basis kodenya ya si flatter ini basisnya dari dart ya guys ya jadi extension codingannya tuh dot D dot D kayak gitu-gitu nah ini harusnya kita pelajarin dulu si dartnya harusnya fundamental awalnya tapi gua enggak sama sekali belajar dart tuh belum pernah gua nyentuh codingan dart sama sekali dan Ini pertama kalinya gua ngoding dart di flatter gitu loh jadi langsung ke flutnya tanpa gua pelajarin dart dan saran gua kalau buat kalian yang mau belajar ya bagus-bagus pokoknya mah kalau bisa dari fundamentalnya Ya fundamentalnya tapi kalau Lu sanggup langsung tanpa harus pelajarin fundamental lu bisa bikin sesuai dengan kebutuhan lu ya Sambil jalan aja gitu maksud gua Oke kita mulai dari yang pertama adalah file utamanya file utama nya ini kalau untuk yang flut sebelah kiri ya yaitu si main ddart ini kurang lebih sintaksnya seperti ini dan untuk react native yang gua file utamanya seperti ini kenapa bang panjang banget yang react native Karena untuk react native gua mencoba mempercepat diri gitu ya biar enggak terlalu lama proses gua bikin si apps-nya ini supaya compare-nya bisa cepat gitu maksud gua gua di flutternya udah Jadilah seengganya yang kayak mainin state gini-gini doang Ya kan lumayan Nah gua butuh compare dulu sebelum gua jauh-jauh menyelam ke flatter tuh gua pengen compare sama react native se sekerasa kayak gimana gitu loh kurang lebih jadinya untuk yang re native panjang kayak gini karena gua pakai beberapa library lain kayak macam e rea native paper untuk kebutuhan apa UI biar gua lebih cepat aja enggak enggak harus mikirin kayak style seetnya apa kayak gitu-gitulah kurang lebih Ya jadi di sini makannya merosot ke dalam terus keduanya udah pakai state management juga ya Eh yang flatter itu pakai getx gua untuk yang react native itu pakai redux reduxux tool kit alri jadi keduanya sama-sama pakai state management memang lebih ribet di react dan kalau lu lihat di sini react ada dua hal ya stack do screen yang artinya ini adalah kayak page-nya gitu di mana Gua cuman punya dua page yaitu homepage-nya dan untuk nambahin kontak yang kayak tadi ini page homepage ini tambah Baru adalah si new kakct atau tambah Kak page kalau kalau di flut enggak kelihatan di sini karena gua masukin ke dalam homepage-nya sini ada di sinilah ibarat kata memang strukturnya e beda dari segi kalau penulisan sintaks sih udah pasti beda banget ya dari segi flow mainin komponennya beda keduanya sama-sama komponen juga kalau si flatter itu kan kayak widget-widgetan mainnya kalau di R kan komponen-komponenan Nah gua enggak tahu widget itu apakah bisa disebut komponen juga atau bukan tapi kelihatannya sih kayak komponen gitu contoh misalkan dari main ini kita masuk ke homepage ya kan Ini gua klik homepage-nya seperti ini ini halaman utama untuk yang flatter yaitu yang ini list-list datanya di sini ini halaman utamanya untuk yang react JS itu ada di sini ini homeepage homepage ini gua klik ini halaman utamanya si rect JS yaitu sama yang list juga Ah ini kalau lu compare sintaksnya yang re Cuman segini doang kalau yang flatter e segini doang Oke jangan sama ratakan semuanya karena ini adalah gua yang ngoding belum tentu semua orang bakal ngoding yang kayak gini juga apalagi gua orang yang baru belajar flut kemungkinan codingan gua ini enggak clean code enggak bagus enggak apa tapi konsep gua ketika belajar ngoding adalah Gimana caranya menciptakan si produk itu jadi dulu nanti gua bisa rombak ke depannya jadi lebih bagus Seiring berjalannya waktu gua pelajarin sesuatu hal yang best practice di internet terus gua masukin ke ee proekan-projekan yang gua kembangin gitu ketika gua belajar pastinya nah kurang lebih sederhana nya intinya kayak gini Gua dari sisi javascript itu enggak akan terlalu banyak ngejelasin react natif-nya karena mungkin lu udah banyak yang paham juga seputaran javascript tapi kalau di flutter kan di konten gue jarang banget jadi gua mau buka mata kalian melihat ke arah sini ya contoh ini Ah ini kan widget ya gua pas pertama kali bikinnya itu kayak apa ini ya kayak Build build konks konteks konteksnya enggak dipakai coy kayak kalau di sini kan apa yang lu taruh di parameter ya lu pakai gitu kalau di sini enggak dipakai apa ini enggak harus gitu ini kayak dihapus aja gitu tapi error waktu itu juga ya tuh enggak mau harus ada tapi gak dipakai nah kayaknya ini masih ramalan eh ramalan apa bayangan gua ya kayaknya udah langsung masuk otomatis ke dalam yang ada di dalamnya gitu sih konteksnya enggak perlu kita ping lagi ke sini kalau dijs kan harus kita ping atau kita pakai parameter yang muncul di sini gitu loh atau callback atau apapun itu Oh di sini enggak nah terus lagi ini material app Oke makanya dia bisa muncul desain yang langsung kayak gini dari wijet wijet-nya material app kayak gitu-gitu ya lu tahulah desain Google material kayak gitu-gitu kayak begini kan sehingga munculin desain yang langsung bagus gitu karena si material app ini kita import langsung di atas tapi yang masalah bukan si material app-nya Anggaplah ini satu widget adalah satu komponen di re JS kalau gua waktu itu mikirnya kayak gitu pas belajar Oke ini adalah satu komponen komponen apa Anggaplah ini nih ini komponen return kan return view ini komponen ni segini nih udah oke that's it ini juga sama nih return bisa misalnya segini Oh ini komponen nih udah oke di dalam komponen kita Panggil komponen lagi ya sama kayak di sini di dalam komponen kita Panggil komponen lainnya kayak contact list add contact button status bar ini kan komponen-komponen juga ya Ini gua bikin komponen yang namanya homepage pas di dalam homepage gua masukin material lagi di sini kayak material app gini wah hancur pusing gua terus gua cari-cari Oh kalau yang udah di dalamnya itu kita pakaiin scaffold gitu-gitu sampai akhirnya gua mencari tahu oh scaffold tuh ini itu aduh gila coy app bar di dalam scaffold harus ada beginian terus titik dua baru isinya gitu loh jadi Permainannya itu kayak lu bikin komponen di react JS tapi mainin key value-nya aja udah Terus kayak gitu kayak jarang banget yang tutup buka kayak gitu tuh kayak enggak ada bahkan ya enggak ada semuanya di dalam titik gini kalau ini kan pas kita Buka isinya Yah langsung tuh tutup buka tutup buka tutup buka gitu-gitu maksud gua komponen yang tertutup yang terbuka ini nih kayak gini card content Buka teks teks isinya value full name bla bla bla gitu-gitu kalau di sini mana kagak ada kan kayak langsung jebret app Bar adalah atasnya tuh ya kan gua bikin custom sendiri navibar navib barnya kurang lebih wijet lagi wijet bit kayak gini lagi tapi yang diurn APP barnya app bar-nya masukin ke APP bar yang ada di sini Sebenarnya di sini bisa langsung kayak app bar gini juga bisa langsung gitu di sini dalamnya ada title kayak gitu-gitu titelnya apa Oke rusak gak bisa karena karena di dalam title itu harus TS kalau gak salah gitu ya Coba tek bak aman tuh enggak merah kan dari mana kita tahu ketika kita pertama kali belajar tiba-tiba harus gini gituit itu maksud gua Jujur dari anak JS kaget ya ditambah gua orangnya memang rada frontal sambil baca doc sambil langsung jebret-jebret terus kelupaan tuh Baca docnya malah nyebret aja ngoding kira-kira gitu dengan ilmu javascript nih masuk-masukin seolah-olah ini javaspt Eh rusak semuanya engak bisa berarti wupun ada beberapa hal yang mengandung kayak unsur-unsur javascript kayak mainin state-nya gini gitunya tapi keseluruhannya beda sih jadi gua belajar flatter tuh kayak belajar dari nol dah titik kayak gitu aja sih cuman yang kepakai dari JS apalagi kalau dari typescript atau dari Java itu adalah yang beginian ini kayak final terus object oriented-nya kayak override-nya kelasnya contoh di sini ini kan pakai getx state managementnya ada e yang gua Min sini utility namanya controller.d nah ini adalah si getx-nya atau state management E apa ya kalau di react itu reducernya atau stornya lah ini kalau di reactnya ini gua random mohon maaf ya gua gak tahuah harus ngobrolin apa pusing juga ngalir aja ya ini stornya nih kurang lebih kalau di react sama kayak gini cuma ini di dalam satu file kalau react itu react native yang gua punya di sini dipisah-pisah file ya cuman dua file sih satu lagi ini adalah Kak slice reducernya Jadi intinya ini sama aja sebenarnya permainan datanya tuh logikanya tuh sama karena apps-nya juga gua bikinnya kan sama masa logiknya beda kan enggak mungkin cuman penulisan sintaks dan aturan dari kita menulis function-nya gitu-gitunya flow-nya itu yang berbeda Nah kalau di flutter itu seperti ini keduanya sama sini punya Initial state yang mana Di react native itu gua bikin kayak macam objek ya Anggaplah ini javascript enggak usah ngomong re natif Ya rada pusing ee di javascript-nya bikin objek gini countoun 1 Anggaplah ini tuh Id ini satu ya kan Terus ini payload adalah isi dari e kontaknya kayak full name phone number gitu-gitunya ada di dalam Aray enggak ada tipe data di javascript kecuali kita pakai typesript dan itu pun Kayaknya masih palsu juga karena nanti di endingnya dicompile ke javascript gitu kalau untuk yang si flatter itu kayak dia Java banget makanya di sini ada kayak map terus list Nah ini lumbayan nih rada beda total nih sama djs kalau lu masuk sini belum pernah sebelumnya Java pasti kaget kalau gua untungnya dulu pas awal-awal belajar juga belajarin Java Python kayak gitu-gitu ketika di kuliah ketika gua Didak pelajarin dasar-dasarnya Jadi pas ke flatter enggak begitu sekaget yang kayak gimana juga gitu yang kaget ya beberapa hal yang kayak mengejutkan tadi widget lah returnannya kayak macam pula gitu-gitu stylingnya apalagi gitu-gitu intinya ini keduanya sama ya ini reducernya ibarat kata Cheng kontakct lebih enak yang eh state managementen di flatter sih sebenarnya karena apa Karena dia basisnya kayak op gitu kita bikin kelas dalamnya ada void atau meod metodenya apa misalnya Cheng kontak atau add kontak Ini sama aja Cheng kontak add kontak cuman gua salah penamaan aja kalau di sini kita harus kayak y enggak readable sebenarnya kayak Initial state Initial state reducer add contact kayak mencoba mengoopekan diri sebenarnya ini si javascript tapi ya jadinya kayak giniilah kurang lebih poinnya sama logikanya cuman dengan penulisan flow yang berbeda kayak gitu ada remove ada ini yang cukup mencengangkan di sini di bagian flutter untuk yang state managementennya atau apa ya metode yang ada di dalam dalam si getx ini Ah ini ada update gua enggak tahu update ini bersumber dari mana Enggak gua import enggak Gua panggil apa Kayak enggak udah cuman kayak update dah gitu doang masalahnya itu apa ketika gua sebelumnya enggak tahu ini ada yang namanya update beginian yang entah dari mana pun dia datangnya ketika enggak ada update nih kalau kita matiin apa yang gua tambahin sini gua tambahin itu pas gua kembali ke list home-nya datanya sebenarnya masuk ke dalam mappingan yang gua punya sini ke dalam data listnya tapi ketika gua Kembali ke home screen ini datanya enggak langsung muncul gak ke render gitu loh ibarat kata Nah si update Ini fungsinya supaya ketika balik gitu kayak langsung ada gitu kalau di react tuh kayak ah Dira mah udah langsung kayak use effect gitu-gitulah ibarat kata ya tapi intinya ini si update nih kalau gua lihat saat ini tanpa ada update gini itu kita tambahin kontak enggak langsung muncul kontaknya harus kita reload dulu baru dia ada gitu tapi dengan update ini kayak jadi otomatis langsung ke load lah ke r-ender lah ibarat kata kayak gitu enggak tahu deh nah lu bisa jelasin mungkin lah Apa maksud dari update ini buat anak-anak flut pastinya kasih tahu gua di kolom komentar biar gua enggak bingung juga Ah ini hasil dari mana Gua hasil dari forum yang errornya sama kayak gua enggak muncul bagian Hom screen-nya katanya enggak ng-reload otomatis dikasih solusi update Katanya biar bisa ke r-ender bla bla bla ya gua okein dulu aja gua cobain ternyata Iya benar ya sementara saat ini dotak gua update ini biar ngerrender lagah gitu mungkin benar Mungkin salah enggak tu juga deh oke yang berikutnya adalah seputaran widget di flatter tadi walaupun udah Disinggung sedikit seputaran widget Tapi gua belum nunjukin codingan ini kayaknya ya lu bisa lihat di bagian H ini yang harus gua sebar luaskan ke lu yang mungkin belum pernah mencoba flatter di awal lu mungkin bakal ngalamin kayak gini juga nih kalau kita baru pertama kali belajar flatter gua gak tahu sih mungkin nanti ada teman-teman yang sudah belajar flut atau yang udah kerja di flut Apakah memang begini Apa style nging ya gitu karena bagi gua sendiri pribad lah jujur ini dari mata aja enggak turun ke hati ini gua ya sebenarnya untuk nging si flatterternya lu bisa lihat kayak apa yang mau gua maintenance dari snx ini kalaupun gua altjat wap juga tetap gua harus mindahin yang mana Gua mau modif yang mana Kalau gua mau modif gitu kayak gila atau mungkin karena belum terbiasa aja sebenarnya maksud gua kayak si ini lisview Builder ada item con item builder di dalamnya dieturn lagi apa yang mau kita keluarin di dalamnya n apagi apalagi nasi apagi apaginya ini nih yang bermasalah di di gua pribadi gitu sebagai yang baru belajar flut Mungkin lu juga merasakan ketika pertama kali belajar flutter tapi gua harap sih ada best practice yang memang tidak akan membuat si snx flut tuh jauh merosot ke dalam kayak begini nested gitu dan adalah cara-cara Reo codingan ini atau Dib practicein kayak macam pula gimana pemisahannya atau apanya kayak gitu-gitu Semoga aja gua nemu dalam waktu cepat atau mungkin lu ada yang tahu caranya kayak gimana atau metodenya nya apa namanya biar gua searching keyword-nya lu kasih tahu gua di kolom komentar oke oke terakhir dah ya karena enggak bisa banyak hal yang gua sharing juga karena baru sebentar gua enggak mau banyak sotois putaran flut Mungkin kocehan gua tadi aja udah banyak yang salah juga karena gua masih belajar 3 harian jadi maon dimaklum ya teman-teman flatter semuanya kalau ada yang S Dari Gua mohon diralat aja di kolom komentar terus yang terakhir ya paling ini aja sih yang agak merisikan gua terlebih untuk react native lu bisa lihat size react native sini 26 1 MB flut 7 MB doang Pak 8 MB lah 7,96 MB yang react native 26,1 MB Kok bisa gitu Bang Wah kalau penelusuran singkat gua react native kan gua memang modingnya di awal udah banyak setup ya banyak setup plus penambahan library kayak macam react native paper lah react navigation apalah apalah react redux redux toolkit gitu-gitu ya Jadi wajar sih menurut gua karena note modul lu tahu sendiri notde modul mau dilawan notde modul jadi size-nya 2,61 sih ya Wah kalau yang flatter gila efisien banget 7 MB cuk codingannya sih memang panjang-panjang dan lumbayan gila ya tapi hasil setelah lu build-nya tuh kayak Wow cukup kecil 7 MB yang ini 261 MB untuk ukuran Apps yang sama sebenarnya loh kok rusak Kaget gua dan dari proses nge-build-nya pun lebih cepat flatter bagi pengalaman gua nge-build di expo pakai eas masuk ke web terus di web-nya gua download apk-nya terus ya itu lama banget sih prosesnya bisa tinggal kencing dulu balik lagi masih loading kayak gitu-gitu karena ada unsur ngangkat dulu ke web kayaknya ya ada koneksi internet juga yang berpengaruh mungkin kayaknya sih ini langsung kesimpulan aja ya gua pribadi kalau dari sintx Sebenarnya masih senang di react ya masih suka di javascript karena memang anak JS beda cerita kalau dari awal gua belajarnya langsung flut Kayaknya gua enggak akan pernah nyantu react native sih ya kalau gua pribadi ya kita coba ya untuk yang web-nya nih E sesimpel ini sih kayak flatter run- D Chrome coba Secepat apa nih flatter jadi web ya Ini tampilan mobile-nya kayak gini untuk yang mobile-nya Kembali jadi ya yang web-nya sambil nunggu lah sambil kita coba-coba Oke aman Oke ini dia web-nya nah ini versi web-nya ini versi mobile-nya untuk flatter nih gila gak gua bisa ngoding langsung satu dua biji biji semuanya kan kayak multi platform namanya juga bro enak banget ya kayak gini Bu sama aja tuh De delete del bagus juga Kok aman sih kayak gua jadi demen nih sebenarnya cuman enggak suka sintaksnya aja sih gimana dong atuh teman-teman kumaha nih kasih solusi dong aduh jadi galau ya kita gua galau Lu galau semuanya De kan tenang gua gak akan Move Dari javascript as always ilmu flatter gua masih tipis belum ada 1%nya kayaknya jadi enggak akan ada tutorial flut dekat-dekat sini tapi kalau kalian request gua akan usaha untuk e mempelajari flut dengan manusiawi untuk desktop sekalian kita coba nih ya komen baru flatter Run Min D desktop apa ya gua lupa coba cari dulu Windows gini doang cok Anjir Yeh ini mobile ini web tinggal tunggu yang desktopnya nah ini versi desktopnya ya oke masuk uhuy ini versi web uhuy ya coba Delete kayak gini delete-nya di web yang ini kita delete delete-nya Masih sama konsisten yang ini juga kita delete di versi mobile lebih bagus Gua suka banget nih tiga nih langsung develop bisa cuk kan gokil par flatter k kalau yang react native Bagaimana cerita Bang ah Bentar dulu ini versi mobile-nya sekarang versi web-nya kita Cobain untuk comennya npx Expo start min min web gini kalau gak salah ah benar dokumentasinya bicara seperti ini kita coba lihat oke web-nya udah kebuka ini dia alr masih konsisten juga sama dia 1 3 Anjir tapi warnanya cuk jadi beda karena Chrome gua kan punya ing ya Google Chrome itu ada tema jadi ngepek tapinya dia tu kalau di sini mah aman kalau sini jadi begitu Anjir ah itu paling itu doang tuh yang rada bedanya tapi untuk yang R native itu tombol delete-nya Belum gua munculin pop up modal ya enggak kayak yang Si flatter yang si flatter kan udah dimasukin pop up modal tuh yang ini yang tadi itu loh intinya mah ya Yang tah yang ini belum di sini mah belum tapi intinya ini yang web kayak begini kalau desktop kayak gimana kita coba enggak jadi deh guys nyoba banyak guys Gua engak nemu dokumentasinya untuk yang desktop karena ini udah terlalu panjang videonya biar enggak meleber ke mana-mana kurang lebih itu aja e sharing pengalaman dari gua yang seorang web developer nyobain mobile apps dalam beberapa hari kayak atau 4 hari aja itu ya sebegitunya l kurang lebih jadi buat teman-teman yang mau belajar juga mobile apps Silakan dicoba sangat worth it menurut gua untuk 2024 ini apalagi mungkin masih bulan Januari Apa salahnya kita nambah skill ya kalau gua pribadi sih tujuannya cuman pengin tambah ilmu aja enggak ada untuk kayak lamar kerja l atau apa Enggak sih gua cuman pengen kepo aja gitu antara react native lah flut lah mungkin nanti kalau udah rada Oke nih flut gua coba yang lain kayak kotlin atau yang lagi gua pengenin juga yang namanya itu ada e kapasitor di javascript pastinya gua pengin coba itu juga dari dulu gua belum pernah kesampaian untuk nyobain kapasitor karena kayaknya tuh menarik untuk dicoba kapasitor JS so kurang lebih kayak gitu aja semoga bermanfaat buat lu semuanya semoga ada hikmah yang bisa diambil dari video ini walaupun ini sebenarnya video gua ngoceh doang seputar pengalaman gua belajar aja ya tapi Semoga aja ada berkahnya sampai jumpa di video-video lainnya Yaudah Frizal bye bye