PENIPUAN!!! QRIS SHOPEE GARANSI MAKMUR MANDIRI, PROMO KEMERDEKAAN

PENIPUAN SHOPEE a/n MAKMUR MANDIRI


Siapa yang tidak tergiur dengan promo apalagi saat hari besar. Saat itu saya selesai rapat tim. seolah olah pihak penipu tau jam sibuk sehingga menelpon pada jam 10 - 12. pikiran saya masih terbebani dengan tugas di kantor. akhirnya saya cuma menuruti perkataan mereka.

Modus penipuannya adalah promo mau habis sehingga diarahkan untuk membayar transfer lewat QRIS. QRIS menurpakan teknologi transfer ke virtual akun seperti Gopay, Dana, ShopeePay.

NAMA QRIS BISA DIGANTI GANTI

Nama dari QRIS bisa diganti - ganti. sehingga bisa saja mereka menggunakan nama sepert PT MAKMUR MANDIRI agar terlihat meyakinkan.

QRIS TIDAK BISA DI REFUND

QRIS sama seperti transfer pada umumnya. tentu kita tidak bisa mengambil kembali uang yang sudah kita transfer. kedepannya lebih baik kita selalu menggunakan pihak ketiga seperti Shopee, Tokopedia, Bli bli atau toko online lain dimana merchant menerima uang ketika barang sudah diterima.





NAMA AKUN TIDAK JELAS

Saya tertipu akun ini 
https://shopee.co.id/y70z3fdtq7?categoryId=100634&itemId=10127292603
nama akunnya y70z3fdtq seperti hasil random nama. si anying ini menjual atas nama PROMO KEMERDEKAAN, padahal akunnya baru dibuat 5 hari.



NOMOR WHATSAPP TIDAK PERLU NOMOR AKTIF

Whatsapp menawarkan encrypt end to end dimana tidak bisa terdeteksi oleh kepolisian sekalipun. Nomor HP yang ada di whatsapp juga tidak perlu aktif. Nomor hp saya sendiri sudah tidak aktif tapi saya masih bisa menggunakan whatsapp.

JANGAN PASRAH!!!

Beberapa upaya yang bisa kita lakukan meskipun tidak bisa membuat uang kita kembali tapi bisa menyelamatkan orang lain dan menjadi membuka pintu rezeki bagi kita nantinya. Berikut cara yang saya sarankan :

  1. Melaporkan akun agar tidak bisa mendapatkan korban baru
  2. Memberikan edukasi dengan update status atau menulis artikel di blog
  3. Share artikel ini jika malas menulis/membuat konten.

Siapapun kalian, dari agama, ras, negara manapun saya yakin penipuan, pembunuhan, perampokan merupakan hal buruk. Alam itu hidup, Tuhan itu ada, separuh makhluk di bumi sudah hilang. terdenganr Fantasi tapi Dia bisa menjadikannya.




APK Size, Android Java, Kotlin, Flutter, React Native

 https://medium.com/android-news/comparing-apk-sizes-a0eb37bb36f


Update : Flutter already reach 4MB

Belajar Deploy SPA(Single Page Application)

 Single page application itu seperti React, Vue dan Angular.

untuk deploy terdapat 2 jenis route. Pertama HashRouter, kedua BrowserRouter

HashRouter contohnya. domain/index.html/#/home

jadi HashRouter itu tidak pindah halaman namun hanya menggunakan tanda # ketika kita ref menuju id.

Broswer router contohnya. domain/home

jadi Browser router itu tidak memperlihatkan index.html nya.


Deploy Github pakai HashRouter

Deploy Nginx, Apache Server, XAMPP, LAMPP menggunakan BrowserRouter.

Apakah Code itu seni?

Orang yang mengatakan code adalah seni adalah benar. Seninya dimana? seninya berada di logika algoritmanya nya. Sebagai contoh ada seni dalam cara arsitekturnya seperti desain pattern, fastest logic, consume API management. Design pattern yang sering kita temui adalah MVC, MVVM, MVP, MVA. yap, semua mengandung model.

Wait, bukan berarti code adalah seni kemudian kalian bisa bebas coding asal jalan.

Ada yang namanya Code Convention, Code Smell, Linting, Prettier. Beberapa hal ini adalah yang mengatur code kita agar bisa dibaca programmer lain. contoh dalam penamaan variable, jangan menggunakan nama yang tidak ada artinya seperti value, data. tapi jelaskan apa data tersebut, menulis code sebenarnya sama seperti menulis novel, harus bisa dibaca orang lain. Ingat, seninya cuma di algoritma dan aturan - aturan lain masih tetap harus diperhatikan. Beberapa Code Convention memberi tau kita ketika ada code yang kemungkinan bisa terjadi bug, misal ketika kita consume API dan lupa menuliskan catch error nya maka tools seperti linting akan memberi tanda merah pada code kita. berikut contohnya di VS Code

Buat Aplikasi MVP(Minimum Viable Product) agar Cepat Rilis

Aplikasi yang super canggih tidak menjamin semua fitur akan digunakan. Sebagai contoh Facebook, kita bisa tangkap kalau core dari Facebook adalah posting status, comment dan personal message. ada grup, halaman, e-commerce di facebook hanyalah fitur pendukung. MVP memfokuskan pada core produk kalian. Bayangkan kalau di facebook cuma menampilkan e-commerce, pasti penghuninya tidak seramai sekarang karena e-commerce sudah dikuasai e-bay, amazon, alibaba. 

Yuk implementasi, kita buat yang mudah aja. Aplikasi Pembelajaran Sejarah Indonesia. Ok, sesuai namanya sudah menunjukan gambaran aplikasinya kan? corenya pastilah menampilkan informasi sejarah di Indonesia. Oh ya, ini namanya speed pitching ya teman - teman, speed pitching itu teknik yang mulai dipelajari karena kita hanya bisa mempresentasikan produk lewat sapaan yang hanya 3 - 5 detik waktu pitching.  Ok balik ke produk, Mungkin ada yang berfikiran untuk menambahkan fitur keren seperti museum terdekat atau near by museum, atau lebih gila lagi layanan tour guide lokal. kita singkirkan itu dulu.

Kita sudah dapat corenya yaitu Sejarah, kita mulai dengan Aplikasi CRUD artikel sejarah sekitar kita. titik, kita rilis aplikasi. Kita mendapatkan pengunjung web/Aplikasi sembari melengkapi data yang ada. Data is your core, jadi ketika kamu sudah punya data. Kita bisa konversi aplikasi ini menjadi apapun. Ok, user sudah banyak sekarang waktunya kita tambahkan fitur near by me museum. Kalian tentukan sendiri apakah fitur itu bisa jadi trend atau tidak.

Bagaimana cara Coding yang baik?

  1. jangan ada nama variabel yang tidak jelas seperti value, data, response
  2. sebisa mungkin hindari mutable variable. gunakan seperti const

React Functional Component x Functional Programming Concept

Penerapan Functional Programming pada React Functional Component

#react #functional #webdev #reactjs #functionalprogamming #functionalcomponent #javascript


! ! ! Artikel ini masih dalam pengeditan ! ! !



diketahui :  


Kelahiran Hooks

React 16.8 telah melahirkan fitur bernama hooks. Hooks muncul untuk mendukung functional programming di react. Saya pernah menggunakan class component dan membuat beberapa fungsi kecil membuat UI seperti renderItem, renderInputForm, renderTable yang kemudian semua itu dipanggil di fungsi utama yaitu render(). Ok gaes, penggunaan render itu adalah contoh fungsional namun kita masih bisa menggunakan state di dalam class. 

tanya :   

Apa sih Functional Programming itu?

declarative function

Memangnya worth it kalau diterapakan di REACT? 

Bagaimana cara menerapkannya di REACT?

kesimpulan :  

Kesimpulan subjektif saya mengatakan kalau penerapan functional programming pada react sangat cocok dengan penggunaan functional component pada react. Namun ini adalah konsep.


Referensi : 

https://medium.com/javascript-scene/master-the-javascript-interview-what-is-functional-programming-7f218c68b3a0

https://danielpedroso.com/2019/02/25/functional-programming-and-react/

https://veerasundar.com/blog/2019/03/rewriting-a-react-component-using-hooks-and-reactmemo/

https://medium.com/nmc-techblog/functional-programming-with-react-redux-6228906edbe3

Test Driven Development, Solusi Bekerja di dalam Tekanan

Stupid Mode
Kalian pernah mengalami Stupid Mode? Ok. jadi saya termasuk orang yang tidak tahan tekanan. Ketika ditekan saya akan bekerja seperti robot. Apa yang tidak diperintahkan tidak akan aku lakukan. Tapi hal itu tidak masalah jika bossmu tidak ikut tertekan. Parahnya kalau boss mu ikut tertekan maka kamu yang akan ditekan agar dia bisa berdiri. serem ya? 

Bukan niat untuk menakuti saudara namun cuma ingin berbagi bagaimana cara mengatasi tekanan bagi orang yang tidak sanggup ditekan seperti aku. Beberapa orang berekspetasi semakin orang ditekan semakin hebat mereka, orang - orang menyebutnya the power of kepepet hahaha. kerjanya kepepet terus. Ok aku bukan termasuk orang itu.

Cus, jadi saya menawarkan solusi test driven development, yaitu kamu menulis test case dulu. Kenapa kok test dulu ? karena dalam development yang penuh tekanan saya tidak akan bisa berpikir jernih. Solusi saya mudah, selagi berfikir jernih maka tulislah semua skenario yang mungkin tidak akan terpikir oleh anda. Saya sering kena marah dengan alasan "kenapa kamu tidak memikirkan kemungkinan ini?", "Kamu kurang waspada", "kamu kurang berhati - hati". Jenius sekali saya bisa memikirkan semua kemungkinan yang ada. Ok, mungkin terlalu berlebihan tapi bug itu pasti ada meskipun boss mu pasti tidak mau tau itu. Sayang sekali membuat kesempurnaan logika memang adalah pekerjaan sebagai programmer, 1 + 1 = 2 dan kasus kebocoran data pun juga tidak bisa ditoleransi. 

Solusi lain yaitu belajarlah power of kepepet. Bersyukurlah wahai programmer, pekerjaan kita itu mudah. Bahkan kita bisa mencuri waktu dengan mengerjakan project dimalam hari dan jalan - jalan ke mall di siang harinya. Bayangkan pekerjaan sebagai buruh/karyawan? mereka dituntut waktu. Ada yang lebih parah lagi yaitu Dokter. Bayangkan kapan tekanan datang? bisa jadi setiap saat hahaha. Ketika dokter tertekan apakah mereka bisa mengeluh? tidak, taruhannya nyawa. Jadi kalau kalian merasa pantas memiliki gaji yang lebih besar dari dokter maka kita harus memiliki sifat lebih hebat dari dokter. 

Jika kamu melakukan pekerjaan yang lebih dari gajimu, maka sisanya akan diberikan dalam bentuk lain seperti kebahagiaan, sifat hemat, rajin.
Jika kamu melakukan pekerjaan yang kurang dari nilai gajimu, maka lebihnya akan kamu kembalikan dalam bentuk lain seperti tagihan tiba - tiba, sifat boros, pemalas.

Kebiasaan untuk Mengurangi munculnya Stupid Bug

Stupid Bug

stupid bug ini istilah yang aku buat sendiri karena senior ku suka bilang stupid, wtf, seperti Gordon Ramsay hahaha. Ok. Apaa itu stupid bug? jadi sesuai namanya, stupid bug adalah bug yang terjadi karena kebodohan atau bahasa halusnya kelalaian developer. Contohnya : tidak ada pengecekan null, menggunakan index 0 padahal data list nya bisa kosong, salah merelasikan data. Powerfull IDE tidak akan bisa membantu kita, ini murni Human Error. Mangkanya jangan heran meski portofoliomu banyak tapi kalau tes logic nilainya rendah bisa - bisa tersingkir dari para pelamar kerja.

diketahui : 

Aku mau berbagi nih apasaja Stupid Bug yang aku ketahui. 

Koreski List

apakah ukuran list lebih dari 0 

Empty String ("")

string dengan value kosong ""

Nullable

data bisa null atau tidak

Response API

Looping Confused

Missunderstanding 


Adventure to the Portal (Navbar, Sidebar, Admin Portal) - Reactjs Frontend 2021

We have 2 menu, that is Navbar and Sidebar. Navbar on top then sidebar on left/right. Navbar will stick on top while Sidebar usually have countless navigation and can be scrolled.

1. Material UI Dashboard

Create project, install @material-ui, copy paste the code from github example. DONE

2. Volt Bootstrap

This is full template include the content inside it.

https://github.com/themesberg/volt-react-dashboard



3. Next JS Material Dashboard

https://www.creative-tim.com/product/nextjs-material-dashboard?AFFILIATE=128200

this is full template using @material-ui, more advance than list number 1.




4. Berry
I love this template card. it has bubble inside it and the background is not gray like others.


5. Data Able


6. Notus : React Tailwind





Ok. We can find so many template of Admin Portal here. but what if I want is just sidebar and navbar only. There is a way to delete unused stuff from admin portal but the other problem is the pattern. Since reactjs don't have pattern. I wish it can be used as component only. given example :

<Portal 
navbar={}
sidebar={}>
    {children}
</Portal>

easy right? ok let's find more.

1. React pro sidebar



2. Semantic UI

3. Material Drawer


4. React burger menu

wow, this library has good animation




5. Chakra-ui Drawer

6. Kendo Drawer

7. Rc-Drawer

this sidebar has configuration from left or right.




Reference :

https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j




Like us on Facebook