Publikasi tentang topik tersebut 'react'


Buat React Hook Kustom untuk Melacak Lebar Jendela Browser (dengan TypeScript)
Akhir-akhir ini saya menggunakan Custom React Hooks untuk membersihkan basis kode saya dan hal ini memberikan hasil yang luar biasa bagi saya! Saya telah berhasil memindahkan begitu banyak kode duplikat yang rumit ke dalam kait khusus yang dapat digunakan kembali. Dalam artikel ini saya akan membahas contoh bagaimana saya menggunakan pengait khusus untuk melacak jendela browser jendela saya di beberapa komponen di aplikasi saya dengan satu baris. Saya sangat mendukung penggunaan..

Buat klon WhatsApp dengan Next.js Bagian 12 Render Pesan
"Kode sumber" Pada bagian terakhir, Anda dapat melihat kotak input tidak berada di bagian bawah, karena kotak pesan belum dibuat untuk memenuhi seluruh ruang. Jadi di bagian ini, kami fokus pada pembuatan ‹MessageContainer› dan juga merender beberapa pesan tiruan. Wadah Pesan Untuk membuat ‹MessagesContainer› sederhana, cukup buat ini dengan padding sama dengan 20px, warna latar belakang kuning coklat dan dengan flex sama dengan 1 untuk memenuhi semua ruang. const..

Kurangi fungsi dari tampilan berbeda
Catatan : Semua kredit untuk kode artikel yang digunakan dalam artikel ini diberikan kepada Tuan Rajesh Pillai Anda dapat menemukannya di Twitter: @rajeshpillai , Sedang: @rajeshpillai "https://www.youtube.com/channel/UCvhIKdT611F_ebrmIbQ9VDQ" Baru-baru ini salah satu tuan saya memposting video di youtube dan itu membuat saya merasa bahwa mengetahui barang tersebut adalah hal yang berbeda dan menggunakannya dengan cara yang berbeda adalah cara yang berbeda. dia telah memposting..

Pengujian Regresi Visual Otomatis dengan React
Panduan cepat untuk pengujian regresi visual otomatis dengan perpustakaan ' jsdom-screenshot ' Apa itu pengujian regresi visual otomatis? Lebih baik melihat sekali daripada mendengar seratus kali. Saya menemukan GIF bagus yang menjelaskan dengan indah apa itu "Pengujian regresi visual otomatis". Itu ditemukan di halaman Tes Visual Buku Cerita : Apa yang akan dibahas: Prasyarat; Instalasi; Konfigurasi; Tes pertama; Beberapa tes; Uji perubahan pembaruan status;..

Bereaksi Bagian-1 JSX
1. Cerita 1 ? Mari kita mulai dengan potongan kode yang sangat mendasar: function App() { kembali ‹h1›Halo!‹/h1› Di sini ‹h1›Halo!‹/h1› dianggap sebagai JSX dan telah dikembalikan dari fungsi Aplikasi. Oleh karena itu, secara sederhana JSX adalah apa yang kita tulis di komponen untuk memberi tahu React apa yang ingin kita tampilkan di layar. Menurut React Docs, JSX hanya menyediakan gula sintaksis ke fungsi `React.createElement()`. *Catatan: JSX sebenarnya..

Bagaimana Kami Menggunakan React Untuk Membantu Meningkatkan Efisiensi Tim Produk Kami
Salah satu kesayangan keluarga Saxon Tech adalah Perjalanan Golf Anda ; sebuah situs web yang mengkhususkan diri pada liburan golf di Inggris dan di seluruh dunia. Fokus kami adalah memberikan harga terkini dan semua informasi relevan yang dibutuhkan pengguna untuk mengambil keputusan ke mana mereka akan berlibur. Salah satu tantangan yang kami hadapi baru-baru ini adalah jumlah paket yang tidak dimuat secara dinamis, melainkan diberi kode keras (kode keras!) ke lusinan laman di..

Pemetaan proyeksi Tiga js fiber dan React
Implementasi pemetaan proyeksi yang sangat sederhana yang dilakukan di React menggunakan glsl shader, dapat digunakan pada semua jenis permukaan dan juga bergerak atau berputar! Anda dapat memeriksanya di kotak pasir berikut -› https://codesandbox.io/s/czxbw Sekilas tentang adegan yang diatur dalam reaksi: Hanya dalam beberapa baris kode saya membuat adegan untuk proyek kami sebagai komponen React: Pertama saya mengimpor perpustakaan yang diperlukan, CameraHelper dari threejs..