Hapi - это простой и безопасный Node.js фрэймворк с полной готовой функциональностью для создания мощных и масштабируемых приложений.
Hapi предоставляет набор основных API и расширяемых плагинов для поддержки требований современного сервиса: управление сеансами, безопасность, подключение и тестирование.
Ссылка
#nodejs
Hapi предоставляет набор основных API и расширяемых плагинов для поддержки требований современного сервиса: управление сеансами, безопасность, подключение и тестирование.
Ссылка
#nodejs
dragjs - это JavaScript библиотека, упрощающая реализацию операций перетаскивания элементов на страницах. Она предлагает для использования: перетаскиваемые панели и различные типы ползунков.
Преимущество данной библиотеки в том, что на базе ее функционала можно создавать свои компоненты.
Ссылка
#инструменты
Преимущество данной библиотеки в том, что на базе ее функционала можно создавать свои компоненты.
Ссылка
#инструменты
@scope
Когда-то в HTML существовал атрибут scoped для элемента style, но он устарел. Атрибут указывает, что стили применяются не ко всему документу, а только к родительскому элементу и его дочерним элементам. Элемент <style> при этом размещается не внутри элемента <head>, а внутри того родительского элемента для которого применяются стили. То есть таким образом, можно было ограничивать области видимости стилей.
Был сделан запрос на возврат данной возможности и тогда был добавлен @scope в CSS. Поддержка браузерами пока ожидается. Но по прогнозам он должен уже появиться в Chrome 117.
А пока интересно почитать, какие проблемы поможет решить данное свойство и посмотреть примеры использования. Все это вы найдете в статье!
Ссылка
#css
Когда-то в HTML существовал атрибут scoped для элемента style, но он устарел. Атрибут указывает, что стили применяются не ко всему документу, а только к родительскому элементу и его дочерним элементам. Элемент <style> при этом размещается не внутри элемента <head>, а внутри того родительского элемента для которого применяются стили. То есть таким образом, можно было ограничивать области видимости стилей.
Был сделан запрос на возврат данной возможности и тогда был добавлен @scope в CSS. Поддержка браузерами пока ожидается. Но по прогнозам он должен уже появиться в Chrome 117.
А пока интересно почитать, какие проблемы поможет решить данное свойство и посмотреть примеры использования. Все это вы найдете в статье!
Ссылка
#css
Strawberry - это фронтенд фреймворк, который создает реактивность. Он делает это с нулевыми зависимостями, без шага сборки и занимает менее 4 КБ в сжатом виде.
Strawberry — это не альтернатива React, Vue и т. д. Это альтернатива Vanilla JS. Он подходит для небольших и простых приложений.
Подробности и примеры использования на официальном сайте!
Ссылка
#js
Strawberry — это не альтернатива React, Vue и т. д. Это альтернатива Vanilla JS. Он подходит для небольших и простых приложений.
Подробности и примеры использования на официальном сайте!
Ссылка
#js
Rewind UI - это библиотека UI компонентов, созданная специально для использования с React и Tailwind CSS.
Она предлагает ряд доступных, легко настраиваемых компонентов, которые можно интегрировать в любой проект React. Rewind UI поставляется с набором стилей по умолчанию, которые могут настраиваться с помощью классов Tailwind CSS.
Ссылка
#react
Она предлагает ряд доступных, легко настраиваемых компонентов, которые можно интегрировать в любой проект React. Rewind UI поставляется с набором стилей по умолчанию, которые могут настраиваться с помощью классов Tailwind CSS.
Ссылка
#react
Альтернативы GitHub Copilot
GitHub Copilot — это инструмент на основе искусственного интеллекта, созданный GitHub, который помогает разработчикам писать код быстрее и эффективнее.
Он предлагает варианты для автозаполнения и даже полные фрагменты кода для разработчика, когда он работает в своем текстовом редакторе. Он также может предложить улучшения существующего кода и помочь с такими задачами, как отладка и рефакторинг.
А вот какие существуют еще альтернативы такому инструменту читайте в статье!
Ссылка
#статьи
GitHub Copilot — это инструмент на основе искусственного интеллекта, созданный GitHub, который помогает разработчикам писать код быстрее и эффективнее.
Он предлагает варианты для автозаполнения и даже полные фрагменты кода для разработчика, когда он работает в своем текстовом редакторе. Он также может предложить улучшения существующего кода и помочь с такими задачами, как отладка и рефакторинг.
А вот какие существуют еще альтернативы такому инструменту читайте в статье!
Ссылка
#статьи
Chrono - это Javascript парсер даты из текста.
Он предназначен для обработки большинства форматов даты/времени и извлечения информации из любого заданного текста.
Например, из таких вариантов:
- 5 days ago
- 2 weeks from now
- this Friday from 13:00 - 16.00
и других!
Ссылка
#инструменты
Он предназначен для обработки большинства форматов даты/времени и извлечения информации из любого заданного текста.
Например, из таких вариантов:
- 5 days ago
- 2 weeks from now
- this Friday from 13:00 - 16.00
и других!
Ссылка
#инструменты
Cборщики Node.js приложений
Сборщики (бандлеры) — это инструменты, которые помогают объединять и управлять модулями и зависимостями в проекте.
Конечно, одним из самых популярных является Webpack! Но существуют и другие альтернативы. Например, Parcel, Rollup, Brunch и другие.
Подробнее о них в статье.
Ссылка
#nodejs
Сборщики (бандлеры) — это инструменты, которые помогают объединять и управлять модулями и зависимостями в проекте.
Конечно, одним из самых популярных является Webpack! Но существуют и другие альтернативы. Например, Parcel, Rollup, Brunch и другие.
Подробнее о них в статье.
Ссылка
#nodejs
phind - это AI поисковая система для разработчиков. Можно задать вопросы про то, как работает определенный код или как задать какие-то настройки для приложения и многое другое.
Что круто на этом ресурсе, так это то, что помимо ответа показываются ресурсы откуда информация.
Ссылка
#инструменты
Что круто на этом ресурсе, так это то, что помимо ответа показываются ресурсы откуда информация.
Ссылка
#инструменты
Zedux — это новый менеджер состояний React, основанный на атомах и композаблах. Проект долгое время был в разработке и буквально на днях был выпущен его первый релиз.
Да, менеджеров состояний для React уже и так немало. В статье как раз рассказывается, почему он был создан и какие проблемы решает.
Ссылка
#react
Да, менеджеров состояний для React уже и так немало. В статье как раз рассказывается, почему он был создан и какие проблемы решает.
Ссылка
#react
Figma Dev Mode
Совсем недавно в Figma появился новый функционал Dev Mode. Теперь можно получить не только готовый CSS код, но и HTML и код для компонента React, Vue и других.
Например, вы пишете на React, а для стилей используете Tailwind CSS. Выбрав эти технологии в опциях, на выходе будет сгенерирован HTML код для компонента, стили, файл config для Tailwind CSS, даже файл package.json и многое другое.
Подробнее о новом функционале в статье.
Ссылка
#дизайн
Совсем недавно в Figma появился новый функционал Dev Mode. Теперь можно получить не только готовый CSS код, но и HTML и код для компонента React, Vue и других.
Например, вы пишете на React, а для стилей используете Tailwind CSS. Выбрав эти технологии в опциях, на выходе будет сгенерирован HTML код для компонента, стили, файл config для Tailwind CSS, даже файл package.json и многое другое.
Подробнее о новом функционале в статье.
Ссылка
#дизайн
DevTools Tips & Tricks
В DevTools существуют десятки панелей и сотни функций для ускорения процесса отладки. Автор статьи делится самыми популярными советами по DevTools, которые могут повысить вашу продуктивность.
Например, знали ли вы что во вкладке Network запросы можно редактировать, а еще сразу переотправлять из панели вместо того, чтобы перезагружать снова страницу.
Об этом и других советах читайте в статье.
Ссылка
#статьи
В DevTools существуют десятки панелей и сотни функций для ускорения процесса отладки. Автор статьи делится самыми популярными советами по DevTools, которые могут повысить вашу продуктивность.
Например, знали ли вы что во вкладке Network запросы можно редактировать, а еще сразу переотправлять из панели вместо того, чтобы перезагружать снова страницу.
Об этом и других советах читайте в статье.
Ссылка
#статьи