Команда DevDojo — большие поклонники Alpine и Tailwind. Им так нравится этот стек, что они открыли исходный код библиотеки UI-элементов Pines, которая создавалась на протяжении многих лет.
📌 Почему Tailwind и Alpine?
При совместном использовании Alpine и Tailwind дополняют друг друга и позволяют разработчикам создавать повторно используемые и функциональные элементы UI с минимальными усилиями. Используя директивы Alpine для функциональности и служебные классы Tailwind для дизайна, вы можете создавать красивые и функциональные интерфейсы, представленные с использованием только HTML.
Резюмируя сказанное, Pines — это не отдельная библиотека, а набор элементов для проектов Alpine и Tailwind.
Базовое понимание React Server Components (RSC)
Если вы уже пытались освоить RSC и находите недавнееруководство Дэна Абрамова очень сложной, под катом вас ждет доступное объяснение основ, охватывающих проблемы, которые решают RSC, почему вы можете их использовать и как Next.js все упрощает👇
Читать
📌 Ловите подборку за неделю и узнайте, #чтопроисходит
⚡️ Состоялся релиз Firefox 116 и сформированы обновления ветки с длительным сроком поддержки (115.1.0 и 102.14.0).
⚡️ Инструменты разработчика Firefox 116 теперь поддерживают средства форматирования кастомных объектов.
⚡️ Команда Google представила несколько значительных улучшений в том, как можно загружать JavaScript-код Google карт.
⚡️ Проект Svelte опубликовал свое последнее ежемесячное обновление. Да, сейчас в мире Svelte происходит много всего.
🔹 VanJS 1.0 — реактивный UI-фреймворк размером 1 КБ без React/JSX. Релиз v1.0 на этой неделе — относительно большой шаг вперед для еще молодого проекта.
🔹 Backbone 1.5 — библиотека, которая структурирует веб-приложения, предоставляя модели с привязкой ключ-значение и настраиваемые события/коллекции, и подключает все это к вашему существующему API через интерфейс RESTful JSON..
🔹 Shoelace 2.6 — популярный набор независимых веб-UI-компонентов.
🔹 Prisma 5.1 — Node.js нового поколения + ORM TypeScript.
🔹 eslint-config-prettier 8.10 — отключите правила ESLint, которые конфликтуют с Prettier.
🔹 tsup 7.2 — самый простой и быстрый способ связать ваши TypeScript-библиотеки.
🔹 Hackathon Starter 8.0 — шаблон для веб-приложений Node.js.
🔹 OGL 1.0 — минимальная библиотека WebGL.
🔹 Size Limit 8.2 — инструмента для проверки производительности вашего JS-проекта.
🔹 Stockfish.js 16 — знаменитый шахматный движок Stockfish на JS через WASM.
🔹 Marked 6.0 — быстрый анализатор и компилятор Markdown, теперь правда на TypeScript.
🔹 eta (η) 3.1 — Встроенный механизм шаблонов JS, теперь с поддержкой Bun.
🔹 Tremor 3.6 — React-библиотека для создания дашбордов.
🔹 Octokit.js 3.1 — GitHub SDK, включающий API client, App client и Action client.
🔹 React Image Gallery 1.3 — компонент карусели галереи изображений.
🔹 YouTube.js 5.8 — библиотека для использования InnerTube API.
🤔Type vs Interface: что использовать в 2023 году
Matt Pocock рассказывает о ключевых различиях между интерфейсами и псевдонимами типов в TypeScript, включая варианты их использования и важные функции, которые следует учитывать.
Читать
#холивар
Какая информация в описании вакансии может вас оттолкнуть? И на что вы больше всего обращаете внимание:
📝 Условия работы
📝 Описание вакансии
📝 Бренд работодателя
🤩 — главное, чтобы хорошо платили
💯 — для меня важны все перечисленные пункты
⚡️ Команда Bun выпустила раздел Guides — большую коллекцию примеров кода и пошаговых руководств по выполнению общих задач с помощью Bun.
➡️ Перейти к изучению
❓25 вопросов, которые стоит задать HR-менеджеру на интервью
В этой статье разберемся, что спросить у работодателя, чтобы получить оффер.
🔗 Читать статью
🔗 Зеркало
❗«Библиотека программиста» в поиске контент-менеджера для ведения телеграм-каналов
Ищем человека, который грамотно пишет, разбирается в контенте и в одной из этих трех тем:
👉Data Science
👉Frontend
👉мобильная разработка
Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴
Подробнее о вакансии и форма для отклика — по ссылке.
Ждем вас в команде!
Используем background-attachment, чтобы прикрепить фон к области просмотра👇
card {
background: radial-gradient(circle at var(--x) var(--y), ...);
background-attachment: fixed;
}
➡️ Полный пример здесь.
#css #tip by Jhey
⚡️ Дэн Абрамов из React/Redux покидает Meta*
Достигнув столь многого, Дэн двигается дальше, но останется в команде React в качестве независимой третьей стороны.
*организация, деятельность которой запрещена на территории РФ
🎙Подкаст «Веб-стандарты»: Андрей Мелихов и Алексей Симоненко про Arc 1.0 для всех, State of HTML, HTTP-теги, Web Integrity API, Observable в JS, ESM в Vite, Jamstack и OverflowAI.
00:01:23 Arc для всех
00:12:23 State of HTML
00:23:22 HTTP-теги
00:37:20 Web Integrity
01:01:04 Observable в JS
01:06:26 ESM в Vite
01:13:28 Jamstack жив?
01:21:24 OverflowAI
01:27:10 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
В распоряжении веб-разработчика есть уже знакомые инструменты — Canvas или Intersection Observer, но в 2023 мы также имеем Web MIDI API, Speech Recognition и даже такие экзотические штуки, как геймпады и VR прямо в браузере.
Естественно, эти API сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular. Вот тут и появилась опенсорс-инициатива фронтендеров из Тинькофф под названием Web API для Angular.
Веб — богатая экосистема с массой мощных API, которая только пополняется. В нашем распоряжении уже знакомые инструменты — Canvas или Intersection Observer , но в 2023 мы также имеем Web MIDI API ,...
Легко упрощайте большие CSS-селекторы с использованием функции псевдокласса :where() и делайте свой код чище.
Функция CSS :where() принимает список селекторов в качестве аргументов и минимизирует их, позволяя вам писать меньше кода и в то же время стилизовать их все вместе.
#css #tip by Shripal Soni
📖 ТОП-10 книг, без которых не обойтись ни одному программисту
Мы подготовили для вас подборку из 10 книг, без которых не обойтись ни одному профессионалу в IT. Эти книги станут для вас настольными на долгие годы.
🔗 Основной сайт
🔗 Зеркало