Intisari materi segar dari dunia frontend selama seminggu terakhir # 472 (7 - 13 Juni 2021)

Kami memberikan kepada Anda pilihan dengan tautan ke materi baru dari area frontend dan sekitarnya.

Media     |    Pengembangan Web     |    CSS     |    JavaScript     |    Browser

Media

• Berita 512 dari CSSSR: Firefox 89, Safari 15 Beta, Jest 27, serangkaian artikel tentang kinerja browser, pengembangan inti, artikel ikhtisar tentang pengujian frontend, dan pengumuman dari Grup Komunitas WebExtensions.

• Podcast Standar Web #285: Chrome 92 Beta, Firefox 89, Jangkar dan Ekstensi, TeamCity, JS di dalam WASM, TypeScript 4.3

• Podcast Frontend Youth #190: Cara memulai dengan proyek lama dan tidak kikir

• " Berita 512 " dari CSSSR: React 18, Vue 3.1, pengumuman ESLint 8, kursus dari CSSSR,: is (), where () dan: has (), bagaimana Internet masuk

• Podcast " Callback Hell ": Layanan Google dengan Web Vitals Buruk , berbagi logika antara depan dan belakang, dokumentasi proyek

pengembangan web

• Masa depan web: akankah rendering di <canvas> menggantikan DOM?

• Tag yang Tepat Untuk Pekerjaan: Mengapa Anda Harus Menggunakan HTML Semantik

• 5 Masalah Ujung Depan yang Tidak Boleh Anda Abaikan

• Alat
  
  • Tiga alat audit frontend yang baru saya temukan
  
  • Pilihan boilerplate dan starter kit yang berguna untuk pengembangan web, mulai dari audit CSS dan a11y hingga kerangka kerja js dan plugin untuk VS
  
  • Memperkenalkan Pemeriksa Memori di Chrome DevTools
  
  • Memperkenalkan Astro: jenis statis baru generator situs yang tidak menggunakan JS
  
  • 7 alat untuk pengembangan front-end yang lebih cepat pada tahun 2022
  
  

• 
  
  • CSS, JavaScript -
  
  • . 1/n.
  
  • 2/n. FMP TTI?
  
  • 3. Event loop, layout, paint, composite, call stack
  
  •
  
  

• 
  
  • .
  
  • , -
  
  • whocanuse — ,
  
  •
  
  

• 
  
  • SVG CSS SVG
  
  • SVG
  
  

CSS

• Tata Letak Tidak Biasa

• Panduan Lengkap untuk Grid CSS dengan Lembar Cheat

• Warna Sistem CSS

• CSS mendefinisikan nilai warna yang sesuai dengan pengaturan sistem.

• Kueri Media pada masa @container

• Mari belajar tentang Rasio Aspek dalam CSS

• Penyesuaian ukuran CSS untuk @ font-face

• Kolom yang Sama dengan Flexbox: Lebih Sulit dari yang Anda Pikirkan

• Bereksperimen dengan tabel multi- kolom yang dapat diurutkan

• Meet: memiliki: pemilih CSS asli

• Kueri Kontainer Cornucopia

• Buat aturan ukuran font CSS dan buat Skala Jenis Cairan

JavaScript

• Bagaimana saya mempercepat mesin sebesar 13%

• Peramalan deret waktu di JS: analisis data untuk pengembang frontend terkecil

• Sparkplug - kompiler JavaScript yang tidak mengoptimalkan secara detail

• Cara membuat aplikasi tumpukan penuh menggunakan Supabase dan Next.js

• Menerapkan bidang pribadi dalam JavaScript

• Fungsional Selamanya: Memoizing Janji

• Cara Menerapkan Prinsip SOLID dalam JavaScript

• Mengotomatiskan Pemformatan dan Koreksi JavaScript dengan Lebih Cantik dan ESLint

• JavaScript Modern

• Melampaui ESLint: Tinjauan Analisis Statis dalam JavaScript

• Jenis API Tepercaya untuk Keamanan DOM JavaScript

• Cara Membangun NFT dengan JavaScript

• Karat dari Perspektif JavaScript

• React
  
  • Roadmap untuk React 18
  
  • Tinjauan Teknik Manajemen Status React pada tahun 2021
  
  • Alternatif Redux pada tahun 2021
  
  • Tutorial Cloudflare Pages: Menyebarkan Aplikasi React melalui GitHub
  
  • Ikon React: Panduan Komprehensif dengan Contoh
  
  • Menguji React 18 Alpha
  
  

• Vue
  
  • Vue 2 Vue 3 – Migration Helper
  
  • Vue.js Composition API
  
  • State Management? Vuex Nuxt.js
  
  • Vue.js vs. React —
  
  

• Angular
  
  • , AsyncPipe Angular
  
  • Angular NgClass — CSS
  
  • Angular GitHub Pages
  
  • Angular
  
  • Angular Material
  
  

• Libs & Plugins
  
  • libSquoosh. Squoosh, node
  
  • nanostores — React/Preact/Vue/Svelte
  
  • flexsearch — ,
  
  

• Vivaldi 4.0 - Pendekatan Pertama

• Google telah mengakui eksperimen dengan hanya menampilkan domain di bilah alamat Chrome sebagai kegagalan

• Kemampuan WebKit di Safari, didemonstrasikan di WWDC21





Digest minggu lalu .

Bahan disiapkan dersmoll dan alekskorovin .