This media is not supported in your browser
VIEW IN TELEGRAM
#инструмент дня
Тут на днях разработчики библиотеки для drag-n-drop react-beautiful-dnd объявили о прекращении разработки и пометили библиотеку как устаревшую.
Это значит, что теперь при попытке установить её вы получите предупреждение от npm, а 30 апреля 2025 года будет архивирован и репозиторий.
Но было бы странно, если бы всё просто растворилось в воздухе, правда же?
Поэтому, встречайте: Pragmaric Drag&Drop от Atlassian!
react-beautiful-dnd так-то тоже от Atlassian
Репозиторий: https://github.com/atlassian/pragmatic-drag-and-drop
Документация: https://atlassian.design/components/pragmatic-drag-and-drop/about
Дока прекрасная, очень советую.
Разработчики переосмыслили весь опыт, полученный при разработке react-beautiful-dnd и применили его в новом проекте.
И, прежде всего, Pragmatic D&D — не зависит от фреймворка!
Весь рендеринг на вашей стороне, а сама библиотека щедро усыпает всё событиями и нивелирует разницу имплементаций между браузерами. А ещё онв потрясающе маленькая!
И да, естественно именно Pragmatic используется в Trello, Jira и Confluence.
В общем, король умер, да здравствует король!
#ui #dnd
Тут на днях разработчики библиотеки для drag-n-drop react-beautiful-dnd объявили о прекращении разработки и пометили библиотеку как устаревшую.
Это значит, что теперь при попытке установить её вы получите предупреждение от npm, а 30 апреля 2025 года будет архивирован и репозиторий.
Но было бы странно, если бы всё просто растворилось в воздухе, правда же?
Поэтому, встречайте: Pragmaric Drag&Drop от Atlassian!
react-beautiful-dnd так-то тоже от Atlassian
Репозиторий: https://github.com/atlassian/pragmatic-drag-and-drop
Документация: https://atlassian.design/components/pragmatic-drag-and-drop/about
Дока прекрасная, очень советую.
Разработчики переосмыслили весь опыт, полученный при разработке react-beautiful-dnd и применили его в новом проекте.
И, прежде всего, Pragmatic D&D — не зависит от фреймворка!
Весь рендеринг на вашей стороне, а сама библиотека щедро усыпает всё событиями и нивелирует разницу имплементаций между браузерами. А ещё онв потрясающе маленькая!
И да, естественно именно Pragmatic используется в Trello, Jira и Confluence.
В общем, король умер, да здравствует король!
#ui #dnd
#vue #критика
Автор: @Indy660
Ссылка: https://github.com/Indy660/player_with_my_favorite_music
GH Pages: https://indy660.github.io/player_with_my_favorite_music/#tab=all&track=0
Автор: @Indy660
Ссылка: https://github.com/Indy660/player_with_my_favorite_music
GH Pages: https://indy660.github.io/player_with_my_favorite_music/#tab=all&track=0
GitHub
GitHub - Indy660/player_with_my_favorite_music: Playlist
Playlist . Contribute to Indy660/player_with_my_favorite_music development by creating an account on GitHub.
#vue #критика
Автор: @sultondev
Ссылка: https://www.npmjs.com/package/vue-hover-effect
Ссылка на борду: https://volta.net/sultondev/vue-hover-effect
Автор: @sultondev
Ссылка: https://www.npmjs.com/package/vue-hover-effect
Ссылка на борду: https://volta.net/sultondev/vue-hover-effect
npm
npm: vue-hover-effect
[Demo](https://vue-hover-effect.vercel.app/). Latest version: 0.0.9-alpha.7, last published: 3 months ago. Start using vue-hover-effect in your project by running `npm i vue-hover-effect`. There are no other projects in the npm registry using vue-hover-effect.
#vue #критика
Продолжаем обозревать ваши проекты, на очереди у нас целое радио)
Автор: @AlAstroMoody
Код: https://github.com/AlAstroMoody/radio
Приложение: https://alastromoody.github.io/radio/
Продолжаем обозревать ваши проекты, на очереди у нас целое радио)
Автор: @AlAstroMoody
Код: https://github.com/AlAstroMoody/radio
Приложение: https://alastromoody.github.io/radio/
GitHub
GitHub - AlAstroMoody/radio: PWA, Интернет-радио, Feature-Sliced Design
PWA, Интернет-радио, Feature-Sliced Design. Contribute to AlAstroMoody/radio development by creating an account on GitHub.
#vue #критика
Продолжаем смотреть ваши проектики, на очереди у нас кнопочка поделиться в соц. сетях с гигантским количеством вариантов👀
Автор: @webistomin
Код: https://github.com/webistomin/vue-socials
Сайт: https://vue-socials.vercel.app/
Продолжаем смотреть ваши проектики, на очереди у нас кнопочка поделиться в соц. сетях с гигантским количеством вариантов
Автор: @webistomin
Код: https://github.com/webistomin/vue-socials
Сайт: https://vue-socials.vercel.app/
Please open Telegram to view this post
VIEW IN TELEGRAM
#vue #критика
Продолжаем, на очереди у нас приложенька для подсчета стоимости вашей работы)
Автор: @z1kYz3r
Web: https://time2money.zq.lt
Chrome extension:
https://chromewebstore.google.com/detail/time-to-money-calculator/hmlelnagnhidpaifchocofnbikmpipmb
Github: https://github.com/zikju/time-to-money-calculator
Продолжаем, на очереди у нас приложенька для подсчета стоимости вашей работы)
Автор: @z1kYz3r
Web: https://time2money.zq.lt
Chrome extension:
https://chromewebstore.google.com/detail/time-to-money-calculator/hmlelnagnhidpaifchocofnbikmpipmb
Github: https://github.com/zikju/time-to-money-calculator
time2money.zq.lt
Time to Money Calculator
This handy application makes it easy for any freelancer to calculate his or her total earnings based on the number of hours and minutes worked.
Это наша последняя гонка...
Вышел Nuxt 3.14 и прям в релиз-ноутах сделали анонс предстоящего Nuxt 3.15
🐊 В сборщиках пополнение — добавился rspack. Если вы использовали webpack до этого, дайте шанс новичку
🌿 Новая папка shared для переиспользуемого кода между server- и app-частью вашего приложения. Держите видеообъяснение.
🥳 Подкапотные инструменты тоже обновили. Свежий Nitro 2.10, Jiti v2 сделают ваш проект выше, быстрее, сильнее бесплатно.
В композаблах добавили
Для модулей в этот раз немного — добавили только
❗️ Ну и пара изменений для будущего v4 (ожидается, что его покажут на конференции Nuxt Nation) 12 ноября: изменили названия для автоимпортируемых компонентов, и поменяли принцип сканирования метадаты на страницах, которая описана в
Будет 3.14.1?
Вышел Nuxt 3.14 и прям в релиз-ноутах сделали анонс предстоящего Nuxt 3.15
В композаблах добавили
useResponseHeader
(понятно, для чего) и useRuntimeHook
(чтобы хуки регистрировались и разрегистрировались вместе с жизненным циклом)Для модулей в этот раз немного — добавили только
addServerTemplate
, чтобы генерировать файлы из кода, которые потом будут использоваться в NitrodefinePageMeta()
. Чтобы это у вас сработало, не забудьте выставить в конфиге { future: { compatibilityVersion: 4 } }
Будет 3.14.1?
Please open Telegram to view this post
VIEW IN TELEGRAM
#vue #критика
UI для мультиплеерного мода M&B:Bannerlord
Без адаптива (не нужен)
Авторизация через Steam/Xbox/Epic (чтобы увидеть все разделы)
Много unit-тестов
Автор: @zohan333
Web: https://c-rpg.eu/
https://c-rpg.eu/strategus/ - WIP режим глобальной карты
GitHub: https://github.com/namidaka/crpg
UI для мультиплеерного мода M&B:Bannerlord
Без адаптива (не нужен)
Авторизация через Steam/Xbox/Epic (чтобы увидеть все разделы)
Много unit-тестов
Автор: @zohan333
Web: https://c-rpg.eu/
https://c-rpg.eu/strategus/ - WIP режим глобальной карты
GitHub: https://github.com/namidaka/crpg
Вот такие новости. Опять новогодние подарки обещают
Возможно для небольших проектов можно будет полноценно использовать
P.S. EOY - конец года
#rolldown
Возможно для небольших проектов можно будет полноценно использовать
Rolldown
уже совсем скороP.S. EOY - конец года
#rolldown
#инструмент дня
Я, конечно, прошу прощения за неожиданную иллюстрацию к посту, но у меня примерно сейчас такие вот ощущения от либы, про которую хочу рассказать :)
И называется она, какая неожиданность, cigs.
Ну, буквально: 🚬 cigs
Сразу ссылка: https://github.com/cigs-tech/cigs
Итак, что же она делает.
А она позволяет задавать вопросы по заданной Zod-схеме обычным человеческим языком используя OpenAI-токены!
Короче, ещё более просто. Описываешь некую схему объекта, а потом спрашиваешь у системы: "А какой там любимый цвет у Джона?". И получишь ответ!
Пример:
Вы вообще понимаете, что это значит для тех, кто пишет парсеры или генераторы фейковых данных? :)
Вытащить все спец предложения с "красной ценой" со страницы интернет-магазина? Да запросто! Даже если этот самый магазин обфуцирует код.
Или использует Styled Components.
Пройдите на страницу библиотеки и почитайте примеры. Это нечто потрясающее.
#ai #parser
Я, конечно, прошу прощения за неожиданную иллюстрацию к посту, но у меня примерно сейчас такие вот ощущения от либы, про которую хочу рассказать :)
И называется она, какая неожиданность, cigs.
Ну, буквально: 🚬 cigs
Сразу ссылка: https://github.com/cigs-tech/cigs
Итак, что же она делает.
А она позволяет задавать вопросы по заданной Zod-схеме обычным человеческим языком используя OpenAI-токены!
Короче, ещё более просто. Описываешь некую схему объекта, а потом спрашиваешь у системы: "А какой там любимый цвет у Джона?". И получишь ответ!
Пример:
function getUserCompliment(username: string) {
const colorMap = {
"Alice": "blue",
"Bob": "green",
"Charlie": "red",
};
return {
color: colorMap[input.username as keyof typeof colorMap] || "unknown",
};
}
const userInfoSchema = z.object({
username: z.string(),
});
// Define a cig to get a user's favorite color
const getFavoriteColor = cig("getFavoriteColor", userInfoSchema)
.handler(async (input) => {
// Simulated database lookup
return getUserCompliment(input.username);
});
// Usage example
(async () => {
try {
const result = await getFavoriteColor.run(
"What is the favorite color of Alice",
); // { color: 'blue' }
console.log(result);
const result2 = await getFavoriteColor.run(
"What is the favorite color of Susan",
); // { color: 'unknown' }
console.log(result2);
// You can also call that function with the specified input
const result3 = await getFavoriteColor.run({ username: "Alice" }); // { color: 'blue' }
console.log(result3);
// Expected output: { username: 'alice', favoriteColor: 'blue', compliment: 'You have great taste!' }
} catch (error) {
console.error("Error:", error);
}
})();
Вы вообще понимаете, что это значит для тех, кто пишет парсеры или генераторы фейковых данных? :)
Вытащить все спец предложения с "красной ценой" со страницы интернет-магазина? Да запросто! Даже если этот самый магазин обфуцирует код.
Или использует Styled Components.
Пройдите на страницу библиотеки и почитайте примеры. Это нечто потрясающее.
#ai #parser
В прошлом посте было сразу несколько анонсов (кстати, 3.14.1 не вышел, но патч вышел — как же так?). Теперь немного подробнее
🍿 12-13 ноября будет Nuxt Nation — конференция, на которой будет много знакомых лиц и немного незнакомых. Обещают рассказать про Nuxt, про Nuxt UI, про повышение перформанса, разработку мобильных и local-first приложений.
✏️ Кроме того, анонсировали 45-минутную панель с core-командой Nuxt'а на тему будущего фреймворка и экосистемы. Вопросы принимаются уже сейчас, но, возможно, можно будет их задать и на самой встрече.
Надеемся на стрим без лагов в этом году!
Надеемся на стрим без лагов в этом году!
Please open Telegram to view this post
VIEW IN TELEGRAM