Headwind - це розширення для VS Code, яке автоматично сортує класи Tailwind у правильному порядку, без ручного редагування.
Один запуск, і строка стає акуратною та однаковою у всьому проекті. Особливо корисно, якщо над кодом працюють кілька людей.
Link: Headwind
✅ Material UI — бібліотека компонентів React, що реалізує Material Design від Google. 🔗 https://mui.com/ ✅ Ant Design — популярна бібліотека компонентів React для enterprise-рішень. 🔗 https://ant.design/ ✅ React-Bootstrap — одна з найпоширеніших UI-бібліотек для React. 🔗 https://react-bootstrap.netlify.app/ ✅ PrimeReact — багатий open-source набір UI-компонентів для React. 🔗 https://primereact.org/ ✅ HeroUI — високопродуктивна, повнофункціональна React UI-бібліотека. 🔗 https://www.heroui.com/ ✅ Chakra UI — сучасна бібліотека React з фокусом на доступність. 🔗 https://v2.chakra-ui.com/ ✅ Semantic UI React — офіційна React-інтеграція Semantic UI з 100+ компонентами. 🔗 https://react.semantic-ui.com/ ✅ Grommet — адаптивна React UI-бібліотека з фокусом на доступність і масштабованість. 🔗 https://v2.grommet.io/ ✅ Onsen UI — open-source React UI-бібліотека для мобільних застосунків. 🔗 https://onsen.io/ ✅ CoreUI — налаштовувана бібліотека для створення адаптивних веб-додатків. 🔗 https://coreui.io/react/ ✅ Blueprint UI — open-source UI toolkit від Palantir Technologies. 🔗 https://blueprintjs.com/ ✅ RSuite — колекція якісних React-компонентів для зручної розробки. 🔗 https://rsuitejs.com/ ✅ Mantine — комплексна React UI-бібліотека з 100+ компонентами та 50+ хуками. 🔗 https://mantine.dev/ ✅ React-Admin — потужний React UI-фреймворк для B2B-додатків. 🔗 https://marmelab.com/react-admin/ ✅ Radix UI — доступні headless-компоненти для побудови дизайн-систем. 🔗 https://www.radix-ui.com/ ✅ shadcn/ui — бібліотека компонентів на базі Tailwind CSS і Radix UI. 🔗 https://ui.shadcn.com/ ✅ Headless UI — доступні headless-компоненти для Tailwind CSS. 🔗 https://headlessui.com/ ✅ Park UI — сучасна React UI-бібліотека на базі Ark UI та Panda CSS. 🔗 https://park-ui.com/ ✅ Tailwind UI (Plus) — офіційна UI-бібліотека від команди Tailwind CSS. 🔗 https://tailwindcss.com/plus
Віктор Свертока·Технології
1 Learn Git Branching - це інтерактивний онлайн-ресурс, що навчає користуванню Git у форматі гри. Завдяки візуалізації та практичним завданням, ви зможете легко засвоїти основи роботи з гілками та командами Git у захопливому форматі. Link:https://lnkd.in/dTrYuEbw 2 Killercoda - інтерактивна платформа для швидкого ознайомлення з найпопулярнішим інструментом керування версіями — Git. Забезпечує практичний досвід через сценарії та симульоване середовище без потреби встановлення локально. Link:https://lnkd.in/dR_qDZwg 3 Git How To - це інтерактивний тур, що познайомить вас з основами Git. Тур створено з розумінням того, що кращий спосіб навчитися чому-небудь - зробити це власноруч. Link:https://githowto.com/uk 4 Git Immersion - це покроковий практичний курс, який знайомить із фундаментальними поняттями Git. Побудований на принципі "щоб зрозуміти - потрібно зробити", цей ресурс дозволяє засвоїти основи системи контролю версій через реальні приклади та вправи. Link:https://lnkd.in/dhpyGFCZ 5 Oh My Git! - це open source-гра, створена для навчання основам Git у захопливому ігровому форматі. Ідеально підходить для новачків, які хочуть вивчати Git інтерактивно та весело. Link:https://ohmygit.org/
Віктор Свертока·Технології·
А ви знали, що на сайтах деяких веб-фреймворків заховані пасхалки у вигляді аніме-логотипів? Щоб їх побачити, достатньо додати до URL: 👉 /?uwu=true 📜 Трохи історії: Художник з ніком sawaratsuki1004 створив перший такий логотип після обговорення подібної ідеї в коментарях. Згодом один із сайтів використав його як альтернативу стандартному логотипу. І вже протягом наступних двох тижнів до цієї ініціативи приєдналися й інші сайти. На зображенні — приклади з сайтів React, Vue та Angular, а ви можете пошукати й інші 😊
Андрій Мотко·Технології·