JavaScript'er

Шпаргалка по CSS JavaScript'еr

Розробники Next.js: додайте ці 4 рядки у ваш .vscode/settings.json, щоб відразу підвищити зручність розробки

{
  "workbench.editor.customLabels.patterns": {
    "**/app/**/{page,layout,index}.{ts,tsx}": "(${dirname})/${filename}.${extname}",
    "**/index.{ts,tsx}": "${dirname}/index.${extname}"
  },
>

JavaScript'еr

Чистий перемикач «день і ніч» Перемикач з анімацією зміни денного часу на нічний. Реалізовано за допомогою SCSS. ⤷ Забрати код JavaScript'еr

Mermaid – інструмент для побудови діаграм і графіків, заснований на JavaScript За його допомогою можна динамічно створювати, наприклад, блок-схеми, UML-діаграми, графіки комітів і діаграми Ганта

Особливості інструменту: — Використання розмітки: Для визначення діаграми застосовують розмітку на кшталт Markdown. Mermaid бере цю розмітку і відображає діаграму — Підтримка різних інструментів: Mermaid інтегрується з JIRA, Trello, Notion та іншими програмами — Вбудована підтримка GitHub і GitLab: Діаграми Mermaid вносять у файли Markdown, які відображають їх при перегляді, наприклад у README

Мови: TypeScript (47.6%), JavaScript (38.3%), HTML (8.9%), ... ⭐️ Star 84k https://github.com/mermaid-js/mermaid JavaScript'еr

Дійсно класний гайд про те, як відточити навички роботи з датапікерами в JS Ви знайдете приклади, зрозумілі пояснення та відмінний візуальний формат, який допомагає розібратися у всіх тонкощах створення датапікерів на чистому JavaScript. Читайте тут 👍 JavaScript'еr

Мінусів не бачу) JavaScript'еr

Картка фільму з ефектом наведення Поява інформації про картку при наведенні. Реалізовано за допомогою SCSS. ⤷ Забрати код JavaScript'еr

Швидка порада щодо JS: використовуйте Gamepad API, щоб у режимі реального часу відстежувати стан підключення геймпада та стану його кнопок. Це дозволяє легко інтегрувати підтримку ігрових контролерів у веб-проекти ✌️ JavaScript'еr

Я, коли вписую [object Object] у форми на сайтах, які мені не подобаються: JavaScript'еr

Нарешті! Тепер Node може виконувати файли TypeScript Стабільно, без конфігурації та без залежностей Доступно починаючи з версій 22.18.0 та 25.2.0. JavaScript'еr

ThingsGrid Високопродуктивний компонент нескінченної прокрутки для React, який забезпечує плавні взаємодії за допомогою тач або миші з інерційним скролінгом. Підходить для відображення великих наборів даних у вигляді сітки з користувацькими рендерами клітинок ✌️ GitHub: thiings-grid JavaScript'еr

Дослідники виявили ще дві нові уразливості в React Server Components при спробі обійти патчі, випущені минулого тижня Дві нові уразливості в React Server Components (RSC): - Відмова в обслуговуванні (DoS, високий рівень критичності): CVE-2025-55184 - Розкриття вихідного коду (середній рівень критичності): CVE-2025-55183 Навіть оновлень, випущених минулого тижня, недостатньо – оновлюйтеся знову 👌 JavaScript'еr

Швидка порада щодо CSS: Використовуйте ключове слово CSS unset для скидання всіх властивостей до їх успадкованих значень, включаючи значення батьківського елемента та значення за замовчуванням Дуже зручно використовувати як значення властивості all Ти не знаєш JavaScript

Хтось реально взяв і скомпілював цей бінарний код🚬 JavaScript'еr

⚙️ JS-шпаргалка: замикання (Closures) Одна ідея: Замикання дозволяють функції “пам’ятати” змінні з зовнішнього оточення навіть після виконання цієї зовнішньої функції. 1. Базове замикання:

function counter() {
  let n = 0;
  return () => ++n;
}

2. Інкапсуляція приватної змінної:

function createUser() {
  let name = "Anon";
  return { get: () => name, set: v => name = v };
}

3. Створення фабрики функцій:

const mult = x => y => x * y;
const double = mult(2);

4. Кешування результатів:

function memo(fn) {
  let cache = {};
  return x => cache[x] ?? (cache[x] = fn(x));
}

5. Збереження стану між викликами:

function idGen() {
  let id = 0;
  return () => id++;
}

Висновок: Замикання — must-have інструмент, якщо хочеш компактно зберігати стан і приховувати логіку всередині функцій. JavaScript'еr

Мобільне меню в стилі Apple Анімація меню у мобільному форматі. Реалізовано за допомогою SCSS та JS. ⤷ Забрати код JavaScript'еr

PinMe Зазвичай, коли потрібно задеплоїти особистий сайт або показати портфоліо, окрім купівлі сервера доводиться розбиратися з купою налаштувань. Для новачків це справді високий поріг входу. У таких ситуаціях PinMe може допомогти. Це мінімалістичний, але потужний інструмент для децентралізованого деплою: достатньо однієї команди, щоб опублікувати сайт або файли. Сервер налаштовувати не потрібно. Після завантаження створюється унікальна, захищена від підміни адреса. Є підтримка прив’язки ENS домену, щоб сайт виглядав більш професійно. 📁 Language: #TypeScript 59.4% ⭐️ Зірки: 826 ➡️ Посилання на GitHub Github'er

Yaak Під час розробки часто потрібно тестувати різні API. Раніше для цього використовували Postman або Insomnia, але з часом вони почали здаватися надто громіздкими — купа функцій, які взагалі не потрібні. На GitHub я випадково натрапив на опенсорсний десктопний інструмент Yaak, створений з акцентом на конфіденційність і продуктивність. З ним можна спокійно займатися API-тестуванням, не переживаючи за витоки даних або гальмування. Він написаний на Tauri, Rust і React, працює дуже швидко і повністю офлайн. Підтримує різні протоколи — REST, GraphQL, gRPC, WebSocket та інші. Плюс вміє шифрувати і зберігати чутливі дані в системному сховищі ключів. Просто завантажуєш інсталятор і користуєшся. Чудово підходить розробникам і техкомандам, яким важливі швидкість, приватність і мінімалізм 📁 Language: #TypeScript 62.7%, #Rust 35.8% ⭐️ Stars: 8.2k ➡️ Посилання на GitHub JavaScript'еr