Cotygodniowy przegląd frontendu nr 309 (1–7 maja 2023 r.)
Tworzenie stron internetowych
• Web Components 2023 Spring Update
• Krok po kroku: osadzanie plików PDF na stronach HTML
• Chcę porozmawiać o WebGPU
• Używanie rozszerzenia Web Vitals do debugowania problemów z Core Web Vitals
- Wydajność
• Optymalizacja wydajności sieci Web za pomocą zaawansowanych technik
• Sieci CDN: Przyspiesz wydajność dzięki zmniejszeniu opóźnień - Animacje
• Animuj elementy na przewijaniu za pomocą animacji opartych na przewijaniu
• Twórz oczekiwane animacje asynchroniczne za pomocą Shifty
• Pomysły na przełączenie siatki na pokaz slajdów Animacje
• Tworzenie filtrów dla Twojej witryny
• Używanie atrybutów danych zamiast klas CSS
• :root nie jest globalny Więc jeśli :root nie jest globalny, to co nim jest?
• Nie używaj niestandardowych pasków przewijania CSS
• Implementacja CSS dla starszych przeglądarek
• Testowanie obsługi funkcji dla nowoczesnych CSS
• Przewodnik po ukrywaniu elementów w CSS
• Dynamiczny rozmiar czcionki przy użyciu tylko CSS3
JavaScript
• Nx 16 jest tutaj!
• Opanowanie języka TypeScript: 20 najlepszych praktyk poprawiających jakość kodu
• Nauka JavaScript z wyobraźnią
• Wykrywanie, czy zdarzenie zostało wywołane przez użytkownika, czy przez JavaScript
• Praktyczny przewodnik, jak nie blokować pętli zdarzeń
- React
• Jak Vite przekształcił nasz proces tworzenia React — studium przypadku
• Najlepsze praktyki React Composite Pattern dla komponentów hierarchicznych
• Poprawa zarządzania stanem w React dzięki wzorcowi projektowemu Mediator
• Wprowadzenie do portali React
• Podstawowe techniki React dla najwyższego poziomu rozwoju w 2023 r.
• Najlepsze biblioteki komponentów harmonogramu React
• Jak zbudować komponent siatki drzewa w React
• useEffect — Hook React nigdy nie powinien był być renderowany - Vue
• Jak zbudować komponent modalny wielokrotnego użytku w VueJS
• Najlepsze biblioteki ikon dla Vue.js - Angular
• Angular v16 jest już dostępny!
• Nowy Angular 16 nabiera rozpędu w 2023 roku: wszystko, co musisz wiedzieć
• Okna dialogowe Angular i czysty HTML