Frontend.code - JS Разработка

✅ Astro 4.5- Добавили dev Audit UI - теперь выявить проблемы производительности станет легче- Изменили View Transition: перерендер островов и перезапуск скриптов- Shiki 1.0 - библиотека для подсветки кода, как в VS Code- Добавили настройки подключения CDN для разных ресурсов- В статус эксперимента добавили: JSON схемы для Data Collections и Новый алгоритм обнаружения скриптовСсылка на релиз#js #vue #react #lib

✅ Генерация VUE UIOpen Source версия библиотеки v0 для реакта. Позволяет генерировать компоненты для vue, есть поддержка shadcn/vue, tailwindCSS. Единственный нюанс - нужно сгенерировать ключ от OpenAIСсылка на vuev0Ссылка на v0 react#js #vue #ai #react

✅ Vercel AI SDKБиблиотека для создания интерфейсов ИИ чат ботов с поддержкой React, Svelte, Vue и Solid. Из коробки доступны самые популярные ИИСсылка на репозиторийСсылка на сайт#js #vue #react #solid #svelte #ai

✅ ECMAScript 2024Стал известен предварительный список нововведений в новый стандарт:1. ArrayBuffer.prototype.resize2. ArrayBuffer.prototype.transfer3. RegExp v flag4. Promise.withResolvers5. Object.groupBy/Map.groupBy6. Atomics.waitAsync7. String.prototype.isWellFormed / String.prototype.toWellFormedСсылка на статью#js

✅ Генераторы, песочницы и css рецепты1. 10015.io10 CSS генераторов2. Glassmorphism GeneratorГенератор эффекта стекла (глассморфизм/стекломорфизм). Результат можно лицезреть на изображении к этому посту3. Shadows by Brumm.afГенератор теней4. Hamburgers by Jon SuhГамбургеры на любой вкус и эффект5. Easing Gradients by LarsenworkМаленький генератор градиентов6. Neumorphism.ioНеоморфизм: исключительно, чтобы посмотреть, что это такое, и никогда не использовать7. CSS ButtonsНабор готовых кнопок с анимацией8. AnimistaБольшое количество готовых анимацийСсылка на статью#css #junior

🔥 Дайджест #2CSS🇺🇸 CSS :has() Интерактивное руководство🇺🇸 Анимация перехода. Изменение размера🇺🇸 Выходим за рамки пикселей и rem🇺🇸 Коллекция css toggle/switchVue🇺🇸 Пишем чистые компоненты Vue🇺🇸 defineModel во Vue 3.4🇺🇸 Релиз NuxtHub - фулстек фреймворкReact🇺🇸 Тренды React 2024🇺🇸 React будет компилироваться🇺🇸 Как избежать ошибок гидратации с useSyncExternalStore🇺🇸 Next.js формы с server actions🇺🇸 Параметры поиска с серверными компонентами React🇺🇸 Next.js vs Remix🇺🇸 HTMX vs ReactИнструменты и ресурсы🇺🇸 Функциональный UI kit для Figma🇺🇸 Huemint - генератор цветовых палитр с AI🇺🇸 Composable функции для рисования геометрии во Vue 3Разное🇺🇸 Рендеринг писем со Svelte🇺🇸 Использование localStorage в наши дни🇺🇸 СSS и SVG в console.log🇺🇸 Раздутый JavaScript в 2024 - Статья на хабр 😇🇺🇸 Chrome DevTools: +400% скорости вкладки "Производительность" с помощью perf-ception🇺🇸 Релиз Bun v1.0.30🇺🇸 Mario Kart 3D - игрушка на js#js #weekly #react #vue

🔝 Senior Frontend Developer Roadmap 2024Как поднять свой уровень до сеньера, а если вы уже таковым являетесь, то в правильном ли направлении двигаетесь? Написано интересно и с юмором.Осторожна! Многа букав!🇺🇸 Ссылка на статью#js #ts #css #html #mem #senior #pomidor

🖼️ Куда будет двигаться Vue в 2024 году. Выступление Evan You1. Будут ли добавлены новые макросы* Vue?Команда осторожно рассматривает вопросы о новых макросах во ​​Vue. В настоящее время нет планов по их добавлению.2. Как дела с Vue Vapor мод?Vapor мод позволяет работать с non-virtual DOM. Этот мод увеличивает производительность. Большая часть Vapor уже написана. Работа кипит.3. Какие самые большие заблуждения относительно Vue.js?Главные заблуждения - это плохая поддержка JSX и TypeScript, а также убеждение, что Vue подходит только для простых приложений. Но все больше и больше крупных и известных брендов начинают использовать Vue для своих веб-приложений.4. Что по новому функционалу?Vapor — наиболее значительная инновация, которая сейчас разрабатывается в экосистеме Vue. Кроме того, в ядро ​​Vue были внесены улучшения, в том числе:- Рефакторинг системы реактивности- Ускоренный анализатор и улучшенная производительность сборки однофайловых компонентов (SFC).- Стабилизация defineModel- Новые сокращения `<img :id :src :alt>`- Улучшена обработка ошибок гидратации.5. Планируется ли удаление Option API в будущих версиях Vue?Нет. Мы не планируем удалять option API. Поддержка обоих подходов вполне осуществима.6. Будет ли Vue 3 продолжать поддерживать Webpack или полностью перейдет на Vite?Мы не планируем отказываться от Webpack; Поддержка будет предоставляться как для Webpack, так и для Vite.Примечание автора:Макрос - идея/предложение, которое еще не утверждено во вью. Они в основном нацелены на новый функционал и синтаксический сахар. Ссылка на статью#js #vite #vue

🔥 Дайджест #1React🇺🇸 Анонс React Native для apple vision pro🇺🇸 React + Storybook + Chromatic = масштабируемость🇺🇸 Medusa - Чему мы научились при переходе на Next.js 14 с серверными компонентамиВеб-компоненты🇺🇸 Введение в веб-компонентыCSS🇺🇸 CSS motion path. Анимация движения🇺🇸 Анимация по скролу с помощью запросов стилей (queries)🇺🇸 Switch с современным cssРазное🇺🇸 Установка Favicon в 2024 году🇺🇸 Что изменилось в Deno в 2023 году🇺🇸 Анимация палитры шрифтов🇺🇸 Релиз JQuery 4.0.0 beta😇 Устроился в Амазон и перестал переживать за свой английский🇺🇸 Игра Google playground самые популярные люди/места/моменты за 25 лет🇺🇸 Портфолио в стиле ретро игры

✅ FrontendchecklistКонтрольный список для сайтов, которые улетают в продакшен. Начиная с HTML заканчивая SEO. Сайт | Репозиторий#html #css #seo