Stay Curious. Stay Positive

Let see this code class Car { whell = new Whell(); run(){ this.whell.move(); } } How to make test to ensure the Car run whell correctly ?, above code is not possible to unit test. so we need to modify this code and create constructor to inject whell object. class Car { constructor(whell){ this.whell = whell } run(){ this.whell.move(); } } with this code we can inject mock whell to make sure this code run correctly....

Unique identifier for your database Random You also able to create sortable using createdAt column. [UUID] [Cuid2] Sortable [UUID v8] [ULID] by A. Feerasta [LexicalUUID] by Twitter [Snowflake] by Twitter [Flake] by Boundary [ShardingID] by Instagram [KSUID] by Segment [Elasticflake] by P. Pearcy [FlakeID] by T. Pawlak [Sonyflake] by Sony [orderedUuid] by IT. Cabrera [COMBGUID] by R. Tallent [SID] by A. Chilton [pushID] by Google [XID] by O. Poitrey [ObjectID] by MongoDB

Cheatsheet Flutter I was learn flutter on 2020 and then 2023 re-learn. Below is cheatsheet help you faster to learn flutter. UI Don’t use regular scroll component, use Sliver instead Don’t use regular Routing, use go-router instead State Management Use Bloc for optimal solution. Local Database SQL No sql Database Lib Sqflite (Low Level) Sqlite3 drift (SQL - ORM) Floor (SQL - ORM) Hive (No sql) ObjectBox (No Sql) Environtment Flutter DotEnv Envied (Class) WIP Flutter env built-in support : Add ....

New Design I create new design for my image portfolio and CV. I use some tools to create it, like Canva. It’s free and easy to use. Before use canva I used Figma to create the design, but figma is vector base design not very much to manipulate image can do at there. So I use canva to create it. Color Palette I use Huemint to generate color palette for me....

Selamat datang di blog saya! Pada kesempatan kali ini, saya akan membahas tentang review framework website UI. Sebagai seorang web developer, saya sering menggunakan framework website UI untuk mempercepat proses pembuatan website dan meningkatkan kualitas tampilannya. Namun, tidak semua framework website UI cocok untuk semua kebutuhan. Oleh karena itu, dalam artikel ini saya akan membahas beberapa framework website UI yang populer dan memberikan ulasan tentang kelebihan dan kekurangannya. Tentunya, sebagai pembaca, Anda mungkin bertanya-tanya apa manfaat membaca blog seperti ini....

Framework UI Membuat projek Reactjs sangat memerlukan tampilan frontend yang menarik dan menawan, tanpa framework UI, semua komponen web perlu di desain dari awal menggunakan CSS dan itu akan memakan waktu. Selain waktu, desain yang tidak konsisten kadang mengganggu mata dan tidak jarang menjadi tidak nyaman. Saat ini ada banyak framework UI yang bisa digunakan secara gratis bahkan dengan lisensi MIT. Salah satu contohnya adalah Chakra UI. Chakra UI mirip seperti Tailwindcss tetapi versi react yang lebih menyatu dengan ekosistem react, selain itu memiliki banyak komponen built-in yang siap pakai....

Next-auth Next auth adalah authentikasi untuk nextjs. Sangat powerfull dengan fitur yang ditawarkan Apollo Client Apollo Client adalah apollo client untuk mengatur adapter graphql Ambil Token dari next-auth Untuk mengirim authentikasi ke apollo client, kita perlu mengambil token. Tapi next-auth tidak menyimpan token di client (seperti localstorage), tapi tersimpan didalam cookies session. Berdasarkan pernyatan ini. session content is not stored in cookies, either. NextAuth creates a cookie named next-auth.session-token which stores the JWT, not the session object....

Code Editor Visual Studio Code (VSCode) Atom VScode Extention Git Graph Gitlens Github Copilot Web Developer Docker Postman Insomnia Environtment PHP XAMPP Laravel Environtment Nodejs Node.js Yarn Deno Design Figma Photopea Database Management Tools Dbeaver Documentation Obsidian Jira Confluence Gitlab Pages Github Pages Zeplin Workflow Task Gitlab Issue Github Issue Trello Jira ClickUp.com Asana Jetbrains YouTrack Automation Languange/tools Python Notebook Gitlab CI Github Action

Panduan Handoff Design ke Developer Saat ini Desain aplikasi tidak pernah semudah ini dari pada sebelumnya. Sudah banyak aplikasi seperti Figma atau adobe xd yang memiliki fitur Realtime collaboration, ini memudahkan developer yang tidak perlu menunggu desain selesai sepenuhnya dan bisa langsung kolaborasi secara realtime. Handoff artinya Serah Terima, proses pengiriman desain ke developer untuk dieksekusi. Banyak kesalahan fatal dari Designer UI/UX saat mengirimkan desainnya kepada developer yaitu hanya mengirimkan. Bagi stakeholder atau project owner pasti mudah terima karena cukup melihat hasil akhir, tapi bagi developer yang cara berpikirnya “Jika ini maka ini....

Salah satu contoh tempat menulis seperti blog adalah medium. Medium adalah salah satu tempat menulis yang sangat menarik, gratis, bisa diakses dimana-mana dan bisa mendapatkan uang jika serius di tekuni. Beberapa tulisan saya tulis di medium Rio Chandra dapat beberapa feedback yang sangat bagus dan berjalan dengan baik. Tapi kali ini saya coba menggunakan Web static generator dengan tools gohugo. Baik medium atau gohugo, keutamaan dari ini adalah menulis dan berbagi hal ke orang lain....