Ekosistem JavaScript dan TypeScript.
Semakan Lebar Mengatakan Rentetan Itu Selamat untuk Dipotong. Ia Membelah Kanji kepada Dua. Sebuah nama dimasukkan ke dalam jadual terminal dan keluar dalam keadaan rosak. Nama keluarganya ialah 𠮷田. Karakter pertama bukan c...
Cara Menyediakan React Context Prop drilling merosakkan kod anda. Anda menghantar data melalui lima lapisan komponen yang tidak memerlukannya. React Context menyelesaikan masalah ini. Walau bagaimanapun, kebanyakan penyediaan mencipta...
Uji Aliran Pertukaran Emel Tanpa Terlepas Pautan. Mengubah emel akaun kelihatan seperti perkara kecil, tetapi ia merupakan perangkap biasa bagi pasukan QA. Seorang penguji mengemas kini alamat, manakala orang lain pula membuka emel tersebut...
Peraturan 3 Saat Prestasi Web. Anda mempunyai tiga saat. Selepas itu, pengguna anda akan pergi. Penyelidikan Google menunjukkan 53% pengguna mudah alih meninggalkan laman web jika ia mengambil masa lebih daripada 3 saat...
Menggunakan React Refs dan Hook useRef. React menggunakan pendekatan deklaratif. Anda mengemas kini state, dan React mengemas kini UI. Ini berfungsi untuk kebanyakan tugasan. Tetapi kadangkala anda perlu melangkah keluar daripada...
Mengapa Menggunakan Indeks sebagai Key adalah Idea yang Buruk dalam React. Anda membina senarai dinamik dalam React. Anda memadamkan satu item. Tiba-tiba, keadaan UI bagi item yang lain berubah. Atau, anda menyusun senarai dan in…
Pantau Pelawat Laman Web Secara Langsung Tanpa Langganan. Seorang pelanggan ingin melihat siapa yang berada di laman web mereka dalam masa nyata. Mereka menyukai widget Tidio tetapi tidak mahu membayar untuk langganan...
Mengapa Anda Memerlukan React Key Prop Anda melihat ralat ini dalam konsol anda: "Setiap anak dalam senarai harus mempunyai prop 'key' yang unik." Ramai pembangun mengabaikannya. Ini adalah satu kesilapan. Amaran ini...
Ejen Pengekodan Saya Ingat Sesi, Bukan Kerja. Ejen pengekodan boleh mengekalkan thread yang aktif tetapi masih terasa pelupa. Saya menghadapi isu ini semasa membina CliGate. Saya membaiki kesinambungan sesi...
Kata Kunci Using dan Pengurusan Sumber Secara Eksplisit dalam TypeScript. Kebocoran memori dalam produksi sering berpunca daripada satu kesilapan: pembangun memperoleh sumber tetapi gagal melepaskannya. Sambungan pangkalan data...
Bagaimana Saya Mengemas Kini Setiap Cawangan Tanpa Menyentuh Satu Pun Mesin Saya membina alat desktop dalaman menggunakan Electron. Ia berjalan pada mesin di pelbagai pejabat cawangan. Pejabat-pejabat ini mempunyai di…
Hari ke-5 Belajar React: Batching dan Kemas Kini Fungsian. Saya fikir memanggil state setter berkali-kali akan menyebabkan berbilang render. Saya silap. React lebih bijak daripada itu. Ia menggunakan…
Sandaran Saya Kehilangan Semua Foto. Saya membina butang sandaran untuk penjejak mood luar talian. Ia mengeksport data ke fail JSON. Pengguna boleh menyimpannya dan memindahkannya ke telefon baharu. Ia kelihatan sempurna.…
Mengapa Laman Web Berasaskan 'Vibe' Anda Tidak Akan Pernah Mendapat Ranking. Seorang pengasas menunjukkan sebuah laman web kepada saya bulan lepas. Ia kelihatan hebat. Ia mempunyai animasi yang kemas dan penulisan yang mantap. Dia membinanya dalam satu petang menggunakan A…
E-dagang Tersuai di Firebase. Saya membina laman e-dagang tersuai dari awal. Saya tidak menggunakan platform sedia ada. Saya menggunakan Firebase Realtime Database dan Netlify. Matlamatnya adalah untuk...
Token Bertandatangan Antara Dua PWA: HMAC SHA256 Tanpa Backend. Anda perlu memindahkan identiti pengguna dari satu PWA ke PWA yang lain. Kedua-dua aplikasi berjalan pada projek Firebase yang berbeza. Mereka tidak berkongsi sebarang pangkalan data...
Bina Bot Discord Pertama Anda dengan JavaScript. Anda ingin membina bot Discord. Mungkin anda melihat bot memainkan muzik atau menjalankan undian dan tertanya-tanya bagaimana ia berfungsi. Menjelang akhir siri ini...
Mengapa Saya Kembali kepada JavaScript Selepas 7 Tahun Saya merupakan seorang pembangun UI dengan 7 tahun pengalaman. Saya mahir dalam HTML dan CSS. Saya boleh menukar reka bentuk Figma kepada kod. Namun, saya tidak pernah merasa seperti seorang pem...
Anda Tidak Menggunakan Senarai Berangkai. Namun, Ia Menjalankan Separuh Daripada Perisian Anda. Anda mungkin tidak akan pernah menulis senarai berangkai dalam projek JavaScript pengeluaran. Array terbina dalam bahasa anda han…
Apabila React Mengatakan Re-render, Ia Bermaksud Tiga Perkara. Apabila anda memanggil setState, React tidak hanya mengemas kini DOM. Ia menjalankan tiga fasa berasingan dalam satu urutan. Kebanyakan pembangun keliru d…
100 Hari, 87 Alatan, Sifar Pelayan Saya menghabiskan masa selama 100 hari membina ToolKnit. Ia merupakan satu rangkaian 87 alatan berasaskan pelayar. Kebanyakan laman alatan berfungsi seperti ini: Anda memuat naik fail. Sebuah pelayan memproses...
Saya Menemuduga 5 Calon untuk Jawatan Teknikal. Saya telah menemuduga lima calon untuk jawatan frontend pada minggu lepas. Mereka mempunyai latar belakang dan kemahiran yang berbeza. Menjelang akhir hari...
React Kehilangan Jisimnya dan Vercel Sedang Memakai Kulitnya. Komuniti React dahulunya memiliki projek ini. Sekarang, ia terasa seolah-olah sebuah syarikat pengehosan yang menguruskannya. Peralihan itu berlaku secara perlahan-lahan. Kemudian ia...
25 Kesilapan JSON yang Dilakukan oleh Setiap Pembangun. JSON adalah tulang belakang komunikasi web. Ia ringan dan mudah dibaca. Walau bagaimanapun, peraturannya adalah ketat. Kesilapan kecil boleh merosakkan kod anda...
