Tremor - UI-бібліотека для створення дашбордів Link:https://tremor.so/ Planby - компонент для таймлайнів та розкладів Link:https://lnkd.in/dpp4niiV React DnD - легкий і зручний Drag & Drop Link:https://lnkd.in/dXW9cceD Advanced Cropper - точне обрізання зображень Link:https://lnkd.in/dFasX2Va React Resizable Panels - створення змінних панелей Link:https://lnkd.in/d6eqkN7D Tailwind CSS - стилізація React-компонентів Link:https://tailwindcss.com/ TanStack Query - легке керування асинхронними даними Link:https://lnkd.in/dKgtjpcr ShadCN UI - сучасні UI-компоненти для Next.js Link:https://ui.shadcn.com/ Cursify - анімація курсору на новому рівні Link:https://lnkd.in/dhGVDZMR Haiku - бібліотека з 39+ React-хуків Link:https://lnkd.in/dd2FrKSe
Рекомендовані статті
10 ігор, які допоможуть прокачати JavaScript 🎮
Навчання програмуванню не обов’язково має бути нудним. Ось добірка ігор і платформ, де ви вивчаєте JavaScript через практику, задачі та реальні виклики. 1️⃣ CodinGame https://www.codingame.com/ide/puzzle/onboarding 2️⃣ CodeCombat https://codecombat.com/play/level/dungeons-of-kithgard 3️⃣ Untrusted https://untrustedgame.com/ 4️⃣ Codewars https://www.codewars.com/ 5️⃣ Mimo https://mimo.org/ 6️⃣ JSDares https://jsdares.com/ 7️⃣ Screeps https://screeps.com/a/#!/sim/tutorial/1 8️⃣ Crunchzilla https://www.crunchzilla.com/code-maven 9️⃣ Elevator Saga https://play.elevatorsaga.com/ 🔟 CheckIO https://js.checkio.org/
Віктор Свертока·Технології·
Clean Code для JavaScript
У репозиторії зібрано принципи програмної інженерії з книги Роберта С. Мартіна Clean Code , адаптовані для JavaScript. Тут розглядаються такі теми: • змінні • функції • об'єкти та структури даних • класи • принципи SOLID • тестування • асинхронність • обробка помилок • форматування та коментарі Це не просто стайлгайд, а радше набір практичних принципів, які допомагають писати код, що: ✔ легко читати ✔ просто підтримувати ✔ легко рефакторити Особливо корисно для тих, хто лише починає працювати з JavaScript або хоче покращити якість свого коду. Посилання на ресурс
Віктор Свертока·Технології·
10 ігор, які допоможуть вам освоїти CSS 📘
1️⃣ Flexbox Froggy Одна з перших CSS-ігор, з якою знайомляться багато розробників. Весело й ефективно вчить Flexbox. 🔗 https://flexboxfroggy.com/ 2️⃣ Flexbox Defense CSS-гра у форматі tower defense, де потрібно використовувати Flexbox для захисту дороги. 🔗 http://www.flexboxdefense.com/ 3️⃣ Knights of the Flexbox Table Ідеальний варіант для фанатів Tailwind і Flexbox у форматі середньовічної пригоди. 🔗 https://knightsoftheflexboxtable.com/ 4️⃣ Flexbox Adventure Гра, схожа на Flexbox Froggy, але з іншим сюжетом і стилем. 🔗 https://codingfantasy.com/ 5️⃣ Flexbox Zombies Навчання Flexbox із сюжетом, діалогами та чудовою атмосферою. 🔗 https://flexboxzombies.com/ 6️⃣ Grid Garden Один із найкращих способів вивчити CSS Grid — поливайте моркву, використовуючи grid-розмітку. 🔗 https://cssgridgarden.com/ 7️⃣ Grid Attack Гра від тих самих авторів, що й Flexbox Adventure. Використовуйте CSS Grid, щоб зупинити демонів. 🔗 https://codingfantasy.com/games/grid-attack 8️⃣ CSS Diner Весела та дуже популярна гра для вивчення CSS-селекторів. 🔗 https://flukeout.github.io/ 9️⃣ Guess CSS Гра на логіку: потрібно вгадати CSS-селектор за результатом, який ви бачите. 🔗 https://www.guess-css.app/ 🔟 CSS Speedrun Швидкісний челендж із CSS-селекторами для точного таргетингу елементів. 🔗 https://css-speedrun.netlify.app/
Віктор Свертока·Технології·