🧰tshy — инструмент, который позволяет создавать гибридные пакеты CommonJS/ESM на TypeScript для Node.js.

Он управляет полем exports в файле package.json, компилирует исходный код TypeScript в форматы ESM и CommonJS и настраивает правильные точки входа модуля.

👉 GitHub

💡Раскрывающийся список без использования Javascript: HTML-теги <details> и <summary> в действии

👉 Поиграть можно здесь

#css #tip by Shripal Soni

⚡️ На patterns.dev вышло новое бесплатное руководство по паттернам проектирования Vue.

#новости

Недавно мы писали про новый сайт Angular и бенчмарки, а сегодня делимся изменениями в v17:

🤩Deferrable views выводят производительность и удобство работы разработчика на новый уровень
🏎️ Время сборки сокращается до 87% благодаря гибридному рендерингу
🏗️ Сборки Vite + esbuild и многое другое

👉 Анонс новой версии на русском

🔧ts-reset — как CSS reset, только для TypeScript:

👍 .json (fetch) и JSON.parse возвращают unknown
✅ .filter(Boolean) работает именно так, как вы ожидаете
🥹 array.includes расширен для более удобного использования и многое другое!

👉 GitHub

🤩 На заметку фронтенд-разработчику:

🙇‍♂️ Коллекция тестовых заданий для самостоятельного выполнения от разных ИТ-компаний, собранная командой Хекслет и сообществом
🙇‍♂️ Классические алгоритмы и структуры данных, реализованные на JavaScript
🙇‍♂️ Структуры данных и алгоритмы на JavaScript и TypeScript (примеры к книге Learning JavaScript Data Structures and Algorithms — Third Edition)
🙇‍♂️ Структуры данных и алгоритмы с практикой на JavaScript (примеры к книге Data Structures and Algorithms in JavaScript)
🙇‍♂️ Структуры данных и алгоритмы с ES6

🔐Защита приложений Next.js с помощью аутентификации на основе ролей с использованием NextAuth: гайд для фронтенд-разработчика от freeCodeCamp

В этом практическом руководстве демонстрируется процесс включения готовых OAuth провайдеров Google/GitHub и их интеграции в приложение.

Но для тех, кто любит хардкор, руководство тоже подойдет: вы узнаете, как создать кастомный провайдер аутентификации с помощью MongoDB и адаптировать аутентификацию к конкретным требованиям.

📺Смотреть

🎉🥳🍾 Кстати, нас уже больше 22 000! Спасибо за интерес к «Библиотеке фронтендера».

🧑‍💻🪜 6 карьерных советов программисту

Советы, которые подойдут джуниорам, мидлам и сеньорам.

#туториал

Читать статью

🔧Как в Tailwind делать динамические темы с помощью oklch(): гайд для фронтенд-разработчика

📌 Пример кода👇

import { makeVariable, shades } from "./common";
import { consistentChroma } from "./runtime";

export function dynamicTwClasses(baseName, baseHue) {
  return Object.fromEntries(
    shades.map((shade, i) => {
      const color = consistentChroma(i, baseHue);

      return [
        shade,
        `oklch(${makeVariable({
          fallbackValue: color,
          name: baseName,
          shade,
          withVar: true,
        })} / <alpha-value>)`,
      ];
    }),
  );
}

🚩 Итог одной валютной удаленки: проработал месяц бесплатно и ушел с долгами

Изумительная история фронтендера, который целый месяц работал без зарплаты и даже остался должен своему работодателю $1609

#почитать

Читать статью

🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Андрей Мелихов, Вадим Макеев про GitHub Universe и Copilot, Angular.dev, знание Юникода, CSS 4, 5, 6 и AI в FigJam.

00:02:01 GitHub Universe
00:30:39 Angular.dev
00:46:18 Знай Юникод
01:01:24 CSS 4, 5, 6
01:30:37 AI в FigJam

⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты