Telegram Web
👩‍💻 Temporal и в целом работа с датой, временем и часовыми поясами

Автор исследует, почему стандартный Date в JS — боль, и как новый API Temporal спасает от хаоса со временем, часовыми поясами и форматами. Всё по делу, с примерами и выводами.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
⚙️ Как я с помощью ChatGPT и Midjourney браузерную игру для изучения регулярных выражений создавал

Автор вдохновился CSS Diner и спустя три года решил повторить механику — только с новой темой и на React. Рассказывает, как из идеи в голове вырос пет-проект.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
🔎 Улучшай не только код, но и поиск по нему

Если ты не можешь быстро найти нужный кусок кода, он как будто и не существует.

👉 Совет: структурируй проект так, чтобы названия файлов, функций и переменных были максимально предсказуемыми. Пользуйся соглашениями, чтобы любой grep или поиск в IDE находил нужное мгновенно. Навигация — это часть DX.
Please open Telegram to view this post
VIEW IN TELEGRAM
2
⚙️ Фронтенд и бэкенд больше не будут общаться как прежде: создаём конструктор сценариев на базе Backend Driven UI

Начали с простой правки в чате, а выкрутились на Backend Driven UI с конструктором сценариев. Рассказываю, как случайный кейс стал драйвером системной прокачки всего приложения.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2😁21👎1
⚙️ Что такое path.resolve() в Node.js и зачем оно используется?

path.resolve() — это метод модуля path в Node.js, который возвращает абсолютный путь, объединяя переданные сегменты пути. Он полезен для построения пути к файлам и директориям независимо от текущей рабочей директории.

➡️ Пример:

const path = require('path');

// Построение абсолютного пути
const fullPath = path.resolve('folder', 'subfolder', 'file.txt');
console.log(fullPath); // Например: /Users/username/project/folder/subfolder/file.txt


🗣️ В этом примере path.resolve() объединяет сегменты пути и возвращает абсолютный путь к файлу. Это помогает избежать проблем с относительными путями и улучшает кросс-платформенность приложений.


🖥 Подробнее тут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
⚙️ LLM-first: парная разработка без вайбкодинга

Собрал мультиязычную файловую CMS с SSR и GitHub Actions, но вручную переводить устал. Подключил ИИ — не как кодер-маг, а как тиммейт. Делюсь, что из этого вышло и как всё устроено.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
2
⚙️ Создание вращающейся ручки на основе Input Range

Рассказал, как отчаяние, Яндекс, Google и капля безумия привели меня к самодельной вращающейся ручке (кнобу), которую не нашёл в туториалах. Сам в шоке, но теперь она у меня есть.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Умный кеш JSON-запросов в файл

Реализуйте функцию fetchWithCache(url, ttl), которая делает HTTP-запрос по заданному URL (используя https), и кеширует результат в файл.

Если при повторном вызове с тем же URL кеш актуален (время жизни не истекло), функция должна вернуть данные из файла, не обращаясь к сети.

Поведение:

• Результат сохраняется в файл с названием, основанным на URL (можно использовать хеш).

• TTL (time to live) указывается в миллисекундах.

• Если кеш устарел или отсутствует, функция делает реальный HTTP-запрос и обновляет файл.


Решение задачи🔽

const https = require('https');
const fs = require('fs');
const path = require('path');
const crypto = require('crypto');

function fetchWithCache(url, ttl) {
const cacheDir = path.resolve(__dirname, 'cache');
const hash = crypto.createHash('md5').update(url).digest('hex');
const cacheFile = path.join(cacheDir, `${hash}.json`);

if (!fs.existsSync(cacheDir)) {
fs.mkdirSync(cacheDir);
}

return new Promise((resolve, reject) => {
if (fs.existsSync(cacheFile)) {
const { mtimeMs } = fs.statSync(cacheFile);
const now =
Date.now();

if (now - mtimeMs < ttl) {
const cached = fs.readFileSync(cacheFile, 'utf-8');
return resolve(JSON.parse(cached));
}
}

https.get(url, res => {
let data = '';
res.on('data', chunk => data += chunk);
res.on('end', () => {
fs.writeFileSync(cacheFile, data, 'utf-8');
resolve(JSON.parse(data));
});
}).on('error', reject);
});
}

// Пример использования:
fetchWithCache('
https://jsonplaceholder.typicode.com/todos/1', 5000)
.then(data => console.log(data))
.catch(err => console.error(err));
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍1👎1
👩‍💻 Какой метод глубокого клонирования в JavaScript наиболее эффективный  —  исследование

Чтобы выделить "победителя" среди методов глубокого клонирования в JavaScript, необходимо протестировать каждый из них. Предлагаем результаты серии модульных тестов.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
⚙️ Профилирование Node.js приложения с помощью Pyroscope (без автоинструментирования)

Покажу, как за пару шагов подключить Node.js к Pyroscope, настроить профилирование и без Grafana увидеть, где зарываются тормоза в коде.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 8 советов, которые сделают JavaScript-код чище

Проблемный код, даже если он более или менее работает, требует больших затрат на поддержку. Отточить навыки создания чистого кода, хорошо читаемого и легко поддерживаемого, помогут 8 простых советов.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
2👎2👍1
👩‍💻 Cypress + axe-core: быстрый старт тестов на доступность

Показываю, как быстро втащить тесты доступности в проект на Cypress с axe-core и TypeScript. Проверим контраст, aria-label, роли и alt, чтобы сделать интерфейс удобным не только для здоровяков.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
3
🤔 Я знаю, что ты думал в прошлый дейлик

На входе — обычный push. На выходе — коммит, улучшенный с помощью LLM, сохранённый в векторной базе, доступный для поиска и семантического анализа. Пишем простой MCP-сервер для трекинга изменений ваших проектов.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔 SSG своими руками

В статье покажу, как собрать статический сайт на React без Next.js и прочих фреймворков. Чистый подход с нуля, если хочется или приходится обойтись без лишней магии.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🔊 Определение bpm (beats per minute) в браузере

Расскажу, как я сделал браузерный сервис на React для определения bpm по микрофону. Без тапов и сторонних приложений — только звук и алгоритмы.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
🔐 Делай внутренние инструменты с внешним качеством

Раз работаешь только ты, значит, можно «и так сойдёт»? А потом этот скрипт ломается в самый важный момент.

👉 Совет: относись к своим внутренним тулзам как к продукту. Добавь ошибки, валидацию, минимальный UX. Тебе же потом их запускать в спешке, лучше если они не подведут.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31
⚙️ React vs Vue – подробное сравнение и перспективы

Разберём, как изменились React и Vue за 5 лет, оценим их экосистемы и перспективы на фоне развития LLM и AI-агентов. Будет много сравнений, фактов и личных выводов.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5👎4
⚙️ CI/CD для чайников — разберитесь, и начните автоматизировать рутину в разработке. Часть 3. Его величество, деплой

Расскажу, как максимально просто организовать автоматический деплой React-приложения через CI/CD: что нужно, какие инструменты понадобятся и как сделать так, чтобы сайт был доступен в интернете.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
2025/07/10 00:06:38
Back to Top
HTML Embed Code: