Frontend Weekly Digest (17 - 23 Juni 2019)

Minggu ini kami mengeluarkan banyak sekali pilihan berita penting yang mungkin Anda lewatkan pada pengembangan Front-end. Pastikan untuk memeriksa pembaruan terbaru tentang CSS, HTML, dan JavaScript.

Pengembangan web

• Mengapa saya tidak menggunakan komponen web
• Cara Bagian HTML Anda
• Teknik Mengurangi Gambar Bergerak, Ambil Dua
• Tutorial Komponen Web untuk Pemula [2019]
• Micro Frontends
• Cara Membuat PDF Dari Aplikasi Web Anda
• Semua yang perlu Anda ketahui tentang Progressive Web App (PWA)
• Menu yang Dapat Diseret dengan Pratinjau Kisi Gambar

• Kinerja:
  • Cara Meningkatkan Ukuran Halaman Anda sebesar 1.500% dengan webpack dan Vue
  • Mengoptimalkan Kinerja Font Google
  • Cara # 1 Termudah untuk Mempercepat Situs Web yang Lambat
  • Cara meningkatkan kinerja aplikasi frontend Anda - 5 tips pengkodean
  • exthouse : menganalisis dampak ekstensi browser pada kinerja web
  

• Aksesibilitas:
  • Anatomi Bentuk yang Dapat Diakses: Praktik Terbaik
  • Mengubah div menjadi tombol pseudo yang dapat diakses
  • 5 Kunci untuk Tipografi Web yang Dapat Diakses
  

CSS

• Hari CSS 2019 + Khusus UI
• Hari CSS 2019: Bagian 1: UI khusus (1/2) , Bagian 1: UI khusus (2/2)
• CSS Day 2019: beberapa hal yang saya pelajari
• Tutup topi & sistem desain
• Copy-dan-Tempel CSS Animation Cheat Sheets
• Snap Scroll CSS Diperbarui di Firefox 68
• CJSS - Kerangka web berbasis CSS

Javascript

• Membangun Micro Frontends dengan React, Vue, dan Single-spa
• Membawa pekerja layanan ke Pencarian Google
• 5 fitur ES2019 yang dapat Anda gunakan hari ini
• Kalkulus Lambda dalam JavaScript?
• JS Essentials: Mesin JavaScript

• VueJS:
  • Hari Gelap Vue
  • Memulai dengan Vuex: Panduan Pemula
  • Melewatkan Variabel ke CSS pada Komponen Vue
  • Gunakan Opsi Pengikat Data Vue.js untuk Aplikasi Reaktif
  • Pengantar kait siklus hidup Vue
  • Membangun Aplikasi CRUD dengan Vue dan GraphQL
  

• Bereaksi:
  • Cara Menambahkan Internasionalisasi (i18n) ke aplikasi Preact Anda
  • Bereaksi pada 60fps - Membangun Zoom Terinspirasi Menengah dengan React-Pose
  • Menyederhanakan React State dan useState Hook
  • Apa-apaan ini di Bereaksi? (Ketegangan)
  • Vue tanpa Tampilan - Pengantar Komponen Renderless
  

• Sudut:
  • Arahan Kustom Sudut
  • Membuat bentuk yang aman, kuat, dan tipe yang dapat diukur dengan Angular
  

• Ember
  • EmberJS2019 Posting
  • Pembantu input bawaan di Ember.js: kapan mereka harus digunakan?
  • Cara Sebenarnya Membangun Aplikasi Web Unggul Gratis
  • Essential Ember Addons: Keadaan Ekosistem Ember Addon pada 2019
  

• Libs & Plugins:
  • ts-toolbelt: Keamanan tipe yang lebih tinggi untuk TypeScript
  • sorotan: web paling mudah untuk mengintegrasikan perpustakaan galeri lightbox
  • Hanya - pustaka definisi tugas bangun
  • deepmerge - pustaka untuk penggabungan objek Javascript yang mendalam (rekursif)
  

Terima kasih sudah membaca! Jangan ragu untuk mengirimi kami artikel Anda atau konten baru yang bermanfaat yang ingin Anda lihat di intisari berikutnya.