Фронтенд-дайджест №520 (30 травня - 5 червня 2022)
Веб-розробка
-
Вимірювання продуктивності шрифтів для користувачів (частина 1)
-
Як зробити свій монолітний фронтенд модульним, перехід у вашому темпі
-
Інструменти
-
Продуктивність
-
Доступність
-
Ефекти
CSS
- Please Give Me Some Space. Різні варіанти реалізації відступів в вебі
- Де, до біса, нативний вкладений CSS?
- Реалізація глиноморфізму за допомогою CSS
- Як створити адаптивну галерею зображень за допомогою CSS flexbox
JavaScript
-
Як побудувати діаграму Ганта в JavaScript за допомогою Frappe Gantt
-
10 трюків та порад щодо JavaScript, які потрібно знати про Reduce
-
React
- 2D-ескізи з React і Canvas API
- Аутентифікація Web3 за допомогою Next.js, React і Moralis
- Генерація QR-кодів за допомогою React
- Зберігати стейт за допомогою Redux Persist та Redux Toolkit в React
- Налаштування середовища розробника за допомогою React, Vite і Tailwind
- Досліджуємо, як віртуальна DOM реалізована в React
- Як використовувати Throttle і Debounce в React, щоб підвищити продуктивність
-
Vue
-
Angular
-
Svelte
-
Libs & Plugins
- AutoAnimate - утиліта для анімації, яка додає плавні переходи до ваших веб-застосунків. Ви можете використовувати його з React, Vue, Svelte або будь-яким іншим додатком JavaScript.
- Scroll Btween - Параллакс-анімація для CSS селекторів на будь-якому елементі DOM у зв’язку з його позицією у вікні перегляду.
- Використання Rollup для упаковки бібліотеки для TypeScript і JavaScript
- highlighted-code - Вбудоване розширення для textarea для автоматичного виділення коду на основі однієї з мов, доступних через highlight.js.