Front-end Digest № 65: корисність :has, стаття про div і фронтенд-меми сьогодення
Привіт, колеги. Мене звати Олександр і я займаюся фронтендом в компанії Zfort Group. Маю для вас свіжий дайджест з цікавими матеріалами зі світу фронтенда за останній тиждень.
Веброзробка
• Тестові завдання для фронтенд-розробників: приклади з українських компаній — витрачати 20 годин життя на тестові завдання чи обирати компанії з live-coding на співбесіді? Складні ці питання фруструють ©
• Стаття про div — черговий епістолярний шедевр від Сергія Бабіча з не менш яскравою дискусією в коментарях.
• Два способи створення перекладених повідомлень для HTML-форм
• Створення одного і того ж застосунку з використанням різних вебфреймворків
• JWT-аутентифікація: найкращі практики та коли її використовувати
• Чому не рекомендується досягати рівня ААА за шкалою WCAG
• Чому ChatGPT перейшов з Next.js на Remix: кілька теорій
Головний розробник і чат трохи пошуткували з цього приводу в X:
- Інструменти
• Створюйте вебзастосунки максимально швидко з Vite
• Анонс Rsbuild 1.0
• Представляємо @bramus/caniuse-cli,CLI-інструмент для «Can I Use ...»
- Продуктивність
• Chrome припиняє підтримку First Input Delay
• Rust проти JavaScript: швидкість виконання зросла на 66% завдяки WebAssembly
- Ефекти
• Креативні ефекти візуального розділення без зайвого коду
• Marquee! Без дублювання тексту, без JS
CSS
• Незаперечна корисність CSS :has
• Використання CSS селектора :has замість React коду
Приєднуючись до авторів попередніх двох статей хочу зазначити, що для мене :has став найбільш корисною фічею в CSS за останні пів року. На деяких проєктах вдалося позбутися ~30% JS коду коштом того, що if-логіку вдалося розрулити на рівні CSS.
• Logical Properties в Size Queries
• Captured Custom Properties
• Дві властивості CSS для обрізання пробілів у текстових полях
• Керування відеоанімацією за допомогою scroll-timeline та animation-timeline
• 11 «CSS-художників», роботи яких демонструють приховані можливості CSS
JavaScript
• JavaScript Promises: глибоке занурення в механізми V8
• Що таке гідратація
• Створіть домен-специфічну мову на JavaScript за вихідні
- React
• Створіть багаторазовий компонент перемикача в React
• JSX еволюціонував. React Server Components
• React і FormData
• React﹤Kitten﹥ - десктопне середовище React для вебу. React-подібне та добре кастомізоване
- Vue
• Як працює обробка подій у Vue 3: посібник для розробників
• Функції Nuxt 4, які ви можете використовувати вже зараз
- Angular
• Як трансформувати застосунок на Angular за допомогою Signals
• Дізнайтеся, як анімувати переходи в Angular-застосунках
- Libs & Plugins
• Найшвидша бібліотека кольорів в JS
• Посібник з переходу на Auth.js: Огляд, приклади та альтернативи
• Shoelace: бібліотека вебкомпонентів, яка працює з будь-яким фреймворком
Зустрічайте нову рубрику — фронтенд меми сьогодення
Чому сьогодення, запитаєте ви? Бо вже завтра вийде з десяток нових фронтенд-фреймворків і через тиждень тільки одиниці будуть пам’ятати мемний контекст:
Ну, і класика про технічні конференції
Підписуйтеся на Telegram-канал «DOU #tech», щоб не пропустити нові технічні статті
Немає коментарів
Додати коментар Підписатись на коментаріВідписатись від коментарів