Программисты прямо сейчас 😏

➡️ @byFrontDeveloper | дать буст

Зацените эту находку — библиотека Sonner для React

Это мощный инструмент для создания уведомлений. Простая установка, кастомизация и реально топовые визуальные фишки. Хватает трёх строчек кода, чтобы всё заработало.

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

Короче, если хотите добавить стильных "тостов" в проект — однозначно стоит глянуть: https://sonner.emilkowal.ski/

➡️ @byFrontDeveloper | дать буст

Когда дело доходит до Full Stack Web Dev, то вот лучшие курсы по

- HTML, CSS, JavaScript
- Node, React, and Next.js

❯ Узнайте X за Y минут
https://youtube.com/playlist?list=PLZlA0Gpn_vH85jM1TWO6TdCtSr6ruglWn

❯ Полный стек
https://youtube.com/playlist?list=PLZlA0Gpn_vH8jbFkBjOuFjhxANC63OmXM

❯ Node.js
https://youtube.com/playlist?list=PLZlA0Gpn_vH_uZs4vJMIhcinABSTUH2bY

❯ JavaScript
https://youtube.com/playlist?list=PLZlA0Gpn_vH9k5ju1yq9qCDqvtuTVgTr6

❯ TypeScript
https://youtube.com/playlist?list=PLZlA0Gpn_vH_z2fqIg50_POJrUkJgBu7g

❯ HTML
https://youtube.com/playlist?list=PLZlA0Gpn_vH8BoXcpCUvdmdPZFuR5y2lV

❯ CSS
https://youtube.com/playlist?list=PLZlA0Gpn_vH9D0J0Mtp6lIiD_8046k3si

❯ React
https://youtube.com/playlist?list=PLZlA0Gpn_vH_NT5zPVp18nGe_W9LqBDQK

❯ Next.js
https://youtube.com/playlist?list=PLZlA0Gpn_vH8Bqoo3cG2tpSwiZ2VZyu51

➡️ @byFrontDeveloper | дать буст

НАКОНЕЦ-ТО! Прощай, Date() в JavaScript!
В этом году в язык добавят Temporal — и это мощно!

✓ Легко манипулируй и сравнивай даты
✓ Создавай длительности, даты без часового пояса и многое другое
✓ Неизменяемые даты с точностью до наносекунд

Ты уже можешь попробовать, установив:

npm install temporal-polyfill

➡️ @byFrontDeveloper | дать буст

Какой замечательный веб-компонент! <pixel-canvas>
Создает анимированный пиксельный фон при наведении курсора

✓ Совместим с React, Vue и Angular
✓ Открытый исходный код
✓ Менее 2 КБ

→ http://github.com/hexagoncircle/pixel-canvas

➡️ @byFrontDeveloper | дать буст

32 бинда в VS Code

Ctrl C + Ctrl V - база 🤓

➡️ @byFrontDeveloper | дать буст

Мини-гайд: Как создать кнопку в стиле "пластик" с использованием теней и градиентов.

Он включает в себя подробные настройки для элементов, таких как Drop shadow, Inner shadow и градиент, а также рекомендации по шрифтам и их настройкам.

🔥 Такой гайд может быть полезен для изучающих веб-дизайн и работу с Figma.

➡️ @byFrontDeveloper | дать буст

Совет для VS Code:

Используйте Ctrl + Shift + L, чтобы мгновенно выделить все вхождения выделенного текста в текущем файле.

Это отлично подходит для быстрых правок и массовых изменений

➡️ @byFrontDeveloper | дать буст

svgl - лучший сайт для получения технических логотипов в SVG
Копирование в один клик для React, Angular, Vue и других: https://svgl.app/

➡️ @byFrontDeveloper | дать буст

Изучение JavaScript

Это свежее издание 2024 года.

❯ HTML
https://exploringjs.com/js/book/index.html

❯ PDF
https://exploringjs.com/js/downloads/exploring-js-screen-preview.pdf

➡️ @byFrontDeveloper | дать буст

Это самая большая библиотека компонентов с открытым исходным кодом!

→ +5000 компонентов пользовательского интерфейса
→ HTML/CSS, Tailwind, React и Figma
→ Бесплатно для личного и коммерческого использования

🔜 uiverse․io

➡️ @byFrontDeveloper | дать буст

Это отличный инструмент для легкой генерации макетов с сеткой и гибкой структурой.

Проверьте!

Ссылка: http://flexboxlabs.netlify.app
Репо: http://github.com/prazzon/flexbox-labs

➡️ @byFrontDeveloper | дать буст

Бесплатная книга Shell Scripting с Node.js 😏

❯ HTML
https://exploringjs.com/nodejs-shell-scripting/toc.html

❯ PDF
https://exploringjs.com/nodejs-shell-scripting/downloads/nodejs-shell-scripting-book-preview.pdf

➡️ @byFrontDeveloper | дать буст

Новая версия plotly.js!

Графическая библиотека с открытым исходным кодом для JavaScript

В 2D, 3D, для карт, с анимацией и многое другое:

https://plotly.com/javascript/

➡️ @byFrontDeveloper | дать буст

Нашёл крутой ресурс для React-разработчиков — React Bits

Это библиотека с анимированными UI-компонентами, которые можно легко интегрировать в проекты.

В коллекции более 30 компонентов, включая кнопки, карточки, модальные окна и другие элементы интерфейса. Каждый компонент можно настроить под свои нужды, благодаря гибким пропсам и настройкам.

Документация на сайте подробная и понятная, с примерами использования и возможностью взаимодействовать с компонентами прямо в браузере.

➡️ @byFrontDeveloper | дать буст