Фронтенд-дайджест №495 (22- 28 листопада 2021)
Медіа
- webDev #10: Front-end. Запитання на співбесіді
- «Новини 512» від CSSSR: TSConf 2021, property-based testing, .NET 6, Visual Studio 2022, контейнеризація, PHP Foundation
- Подкаст "Веб-стандарти" №309. Chrome 96 та бети, Safari TP 135, Web Almanac, SVGcode, складний фронтенд, міфи про доступність
- CSSSR: Розбір технічної співбесіди на позицію senior front-end developer. Частина 5.
- Подкаст "Фронтенд Юність" #214 Російські розробники анексували кириличну частину UTF-8 і залишилися без JavaScript
- BlinkOn 15 - 16 відео з віруальної конференції
- Skillbox Лекторій: Кар'єра у frontend: тренди та компетенції
Веб-розробка
CSS
- Як контролювати лейаут сторінок з мультинаправленим контентом
- Невелика система для CSS-анімації завантаження сторінки
- Мій кастомний CSS Reset
- Динамічне керування кольором за допомогою відносних кольорів у CSS
- State of CSS 2021
- Зробіть свій сайт особливим за допомогою настроюваної смуги прокручування
- Ніхто не знає, як працює каскад
- Додавання режиму, дружнього до дислексії, на веб-сайт
- Створення генеративних шаблонів за допомогою CSS Paint API
- Сучасний CSS у двох словах
JavaScript
-
proposals.es - Веб-сайт для отримання останньої інформації про ECMAScript proposals.
-
WebDev з нуля: Завдання з реального інтерв'ю JavaScript. Розбір 4 варіантів рішення
-
Як працює JavaScript: шаблон factory design + 4 варіанти використання
-
React
- Як підтримувати велику програму на Next.js
- Tamagui - Універсальні дизайн-системи React, оптимізовані для нативних та веб-додатків
- 5 речей, з якими я боровся при вивченні React, маючи бекграунд Vue
- Styled Components – ідеальна стилізація React-програм
- 3 способи реалізації скелетних компонентів у React
- Повний посібник для новачків по React useState hook [Частина 1]
- Використання WebAssembly (створеного на Rust) для швидких React компонентів
- What time is it? Reactime! Реліз Reactime X
- Rematch - найкращий Redux?
- React c TypeScript - шпаргалка
- Як писати більш читаний код у React
- Як створювати SVG-карти в React за допомогою react-simple-maps
-
Vue
- Сторонній код у Nuxt - це отрута: вилікуйте його за 3 простих кроки
- Управління даними в системі автоматизації на Vue та Vuex та вирішення проблем тестування за допомогою Jest
- MountainVue: Ваш наступний улюблений інструмент розробника для роботи з програмами на Vue
- Усунення несправностей із вкладеними сторінками в Nuxt.js
-
Angular
-
Svelte
-
Libs & Plugins
- Spacing JS - JS-утиліта для вимірювання відстані між елементами на веб-сторінці.
- Tiny UI Toggle - Перемикайте стан елемента UI, щоб легко створювати динамічні компоненти: акордеон, таби, список, діалогове/модальне вікна
- COBE – легка js бібліотека для рендеру глобуса на WebGL
- 5 кращих IoT бібліотек для JavaScript розробників
- web-units-conversify - JS-бібліотека для перетворення пікселів та в'юпорт-розмірів у REM
- Побудова data stories за допомогою діаграм у Vizzu