en
Feedback
Frontender Libs - обзор библиотек JS / CSS

Frontender Libs - обзор библиотек JS / CSS

Open in Telegram
7 525
Subscribers
-524 hours
-137 days
-9430 days
Posts Archive
\n\n👉 @sWebDev","datePublished":"2023-03-13T08:11:04Z","dateModified":"2023-03-13T08:11:04Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1421},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":3,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2002","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2002","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2002","headline":"Greensock SVG Search Animation Забавная анимация загрузки, выполненная на GSAP.js. 👉 @sWebDev","articleBody":"Greensock SVG Search Animation\n\nЗабавная анимация загрузки, выполненная на GSAP.js.\n\n👉 @sWebDev","datePublished":"2023-03-11T14:00:33Z","dateModified":"2023-03-11T14:00:33Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1390},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":4,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2001","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2001","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2001","headline":"Графики и чарты на React c использованием Recharts Год назад мы рассказывали о библиотеке Recharts. В данной…","articleBody":"Графики и чарты на React c использованием Recharts\n\nГод назад мы рассказывали о библиотеке Recharts. В данной статье пошагово рассмотрим её использование в паре с React.\n\n👉 @sWebDev","datePublished":"2023-03-11T13:23:00Z","dateModified":"2023-03-11T13:23:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1363},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":13}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2000","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2000","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2000","headline":"🏆Снова в топе! Крупнейшая сетка IT-каналов в СНГ запустила свой новый проект, который поставил рекорд прирост…","articleBody":"🏆Снова в топе! Крупнейшая сетка IT-каналов в СНГ запустила свой новый проект, который поставил рекорд прироста за сутки. \n\n📱Вспоминаем их самые популярные проекты:\n\nSecret IT Jobs | ИТ вакансии для своих — проект, после появления которого закрылось несколько HR-агентств. Вакансии на удалённую работу с высокими зарплатами.\n\nPython | Программирование на питоне — канал, на котором выросло больше 10 тысяч айтишников. Объясняют сложные задачи простым языком.\n\nEnglish for IT — первый конкурент всех школ по английскому. Помогают быстро и бесплатно выучить язык с уклоном на работу в айти.\n\nBUBBLE — подборка бесплатных сервисов для облегчения рутины. Придумал стартап и хочешь реализовать? Скорее всего про него давно есть пост в баббле.","datePublished":"2023-03-11T11:23:00Z","dateModified":"2023-03-13T13:43:24Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":966},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1999","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1999","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1999","headline":"Float-menu Библиотека для Vue.js, которая предоставляет возможность добавления плавающего меню. Имеет гибкую…","articleBody":"Float-menu\n\nБиблиотека для Vue.js, которая предоставляет возможность добавления плавающего меню. Имеет гибкую настройку: перетаскивание, размещение, определение края экрана и вращение. Узнать все возможности библиотеки можно по ссылке.\n\n👉 @sWebDev","datePublished":"2023-03-10T18:00:33Z","dateModified":"2023-03-10T18:00:33Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1381},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1998","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1998","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1998","headline":"Ты фронтендщик или фронтендер? Без разницы! Канал Mood:Fronted подходит для всех — он пропитан Фронтенд разра…","articleBody":"Ты фронтендщик или фронтендер? \n\nБез разницы! Канал Mood:Fronted подходит для всех — он пропитан Фронтенд разработкой: лучшие советы, лайфхаки, статьи и мемчики.\n\nЖдём тебя: @mood_front","datePublished":"2023-03-10T16:01:18Z","dateModified":"2023-03-12T16:25:19Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1031}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1997","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1997","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1997","headline":"Frontender Libs - обзор библиотек JS / CSS","datePublished":"2023-03-10T08:33:02Z","dateModified":"2023-03-10T08:33:02Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1486},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1996","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1996","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1996","headline":"Как отследить находится ли пользователь в режиме ожидания React? В вашем приложении заложен функционал, котор…","articleBody":"Как отследить находится ли пользователь в режиме ожидания React?\n\nВ вашем приложении заложен функционал, который должен срабатывать при нахождении пользователя в режиме ожидания. Каким хуком нужно воспользоваться, для отслеживания данного состояния?\n\n👉 @sWebDev","datePublished":"2023-03-10T08:33:02Z","dateModified":"2023-03-10T08:33:02Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1418},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1995","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1995","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1995","headline":"Виджет рейтинга на GSAP Анимированный рейтинг, выполненный с применением библиотеки GSAP.js. 👉 @sWebDev","articleBody":"Виджет рейтинга на GSAP\n\nАнимированный рейтинг, выполненный с применением библиотеки GSAP.js.\n\n👉 @sWebDev","datePublished":"2023-03-09T14:30:14Z","dateModified":"2023-03-09T14:30:14Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1418},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":13}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1994","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1994","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1994","headline":"Аудиоплеер React Подробное руководство по созданию собственного аудиоплеера на React. 👉 @sWebDev","articleBody":"Аудиоплеер React\n\nПодробное руководство по созданию собственного аудиоплеера на React.\n\n👉 @sWebDev","datePublished":"2023-03-09T07:31:00Z","dateModified":"2023-03-09T07:31:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1475},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":22}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1993","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1993","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1993","headline":"ThreeJS Toy - Fishes Анимированный фон, выполненный с помощью библиотеки Three.js. 👉 @sWebDev","articleBody":"ThreeJS Toy - Fishes\n\nАнимированный фон, выполненный с помощью библиотеки Three.js.\n\n👉 @sWebDev","datePublished":"2023-03-08T08:31:00Z","dateModified":"2023-03-08T08:31:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1439},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1992","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1992","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1992","headline":"React Virtuoso React библиотека для рендеринга больших наборов данных. Подробный обзор доступен по ссылке. 👉…","articleBody":"React Virtuoso\n\nReact библиотека для рендеринга больших наборов данных. Подробный обзор доступен по ссылке.\n\n👉 @sWebDev","datePublished":"2023-03-07T15:14:00Z","dateModified":"2023-03-07T15:14:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1423},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":19}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1991","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1991","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1991","headline":"Анимированный полет на Theatre.js и React Three Создаем 3D-сцену в браузере с анимацией и возможностью прокру…","articleBody":"Анимированный полет на Theatre.js и React Three\n\nСоздаем 3D-сцену в браузере с анимацией и возможностью прокрутки на Theatre.js и React Three.\n\n👉 @sWebDev","datePublished":"2023-03-07T07:11:03Z","dateModified":"2023-03-07T07:11:03Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1413},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1990","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1990","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1990","headline":"Задаем интервалы в React useInterval - хук для функций с интервалом, которые автоматически размонтируют компо…","articleBody":"Задаем интервалы в React\n\nuseInterval - хук для функций с интервалом, которые автоматически размонтируют компонент clearInterval. \n\n import * as React from 'react';\n import {useInterval} from 'react-use';\n const Demo = () => {\n const [count, setCount] = React.useState(0);\n const [delay, setDelay] = React.useState(1000);\n const [isRunning, toggleIsRunning] = useBoolean(true);\n useInterval(\n () => {\n setCount(count + 1);\n },\n isRunning ? delay : null\n );\n return (\n
\n
\n delay: setDelay(Number(event.target.value))} />\n
\n

count: {count}

\n
\n \n
\n
\n );\n };\n\n👉 @sWebDev","datePublished":"2023-03-06T07:35:03Z","dateModified":"2023-03-06T07:35:03Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1441},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":16}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1989","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1989","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1989","headline":"Генератор цвета Генератор цветовой палитры, реализованный на React и Prism.js. 👉 @sWebDev","articleBody":"Генератор цвета\n\nГенератор цветовой палитры, реализованный на React и Prism.js.\n\n👉 @sWebDev","datePublished":"2023-03-05T09:13:01Z","dateModified":"2023-03-05T09:13:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1363},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":17}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1988","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1988","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1988","headline":"Слайдер температуры на Vue.js Температурный датчик в виде слайдера, выполненный на Vue.js. 👉 @sWebDev","articleBody":"Слайдер температуры на Vue.js\n\nТемпературный датчик в виде слайдера, выполненный на Vue.js.\n\n👉 @sWebDev","datePublished":"2023-03-04T15:14:00Z","dateModified":"2023-03-04T15:14:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1421},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1987","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1987","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1987","headline":"Keystone Keystone - библиотека для Node.js, включающая в себя автоматизированный CRUD через GraphQL API. Такж…","articleBody":"Keystone\n\nKeystone - библиотека для Node.js, включающая в себя автоматизированный CRUD через GraphQL API. Также, доступно использование собственных компонентов React.js. Полный обзор по ссылке.\n\n👉 @sWebDev","datePublished":"2023-03-04T07:12:01Z","dateModified":"2023-03-04T07:12:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1417},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":15}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1986","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1986","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1986","headline":"Frontender Libs - обзор библиотек JS / CSS","datePublished":"2023-03-03T08:12:01Z","dateModified":"2023-03-03T08:12:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1354},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1985","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1985","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/1985","headline":"Как определить сервис на уровне модуля в Angular? Сервисы в Angular возможно определять на уровне приложения,…","articleBody":"Как определить сервис на уровне модуля в Angular?\n\nСервисы в Angular возможно определять на уровне приложения, модуля и компонента. Какой из этих вариантов определяет на уровне модуля?\n\nВариант 1:\n@Injectable({providedIn: AccountsModule})\n\nВариант 2:\n selector: 'accounts-list',\n providers: [AccountsHttpService],\n template:
My accounts
\n })\n\nВариант 3:\n@Injectable({providedIn: 'root'})\n\n👉 @sWebDev","datePublished":"2023-03-03T08:12:01Z","dateModified":"2023-03-03T08:12:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/en/channels/1215276433-swebdev","image":"https://img.tlmtr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1285},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}}]}
Controlled Clock Управляемые часы, выполненные с применением библиотеки Anime.js. 👉 @sWebDev

Рендерим элементы Vue на основе булевого значения Vue директива v-if позволяет условно рендерить элементы на основе значения
Рендерим элементы Vue на основе булевого значения Vue директива v-if позволяет условно рендерить элементы на основе значения булевой переменной. Пример кода:
        <template>
        <div>
            <p v-if="showText">This text will only show if showText is true.</p>
        </div>
        </template>

        <script>
        export default {
        data() {
            return {
            showText: true
            };
        }
        }
        </script>
👉 @sWebDev

Greensock SVG Search Animation Забавная анимация загрузки, выполненная на GSAP.js. 👉 @sWebDev

Графики и чарты на React c использованием Recharts Год назад мы рассказывали о библиотеке Recharts. В данной статье пошагово
Графики и чарты на React c использованием Recharts Год назад мы рассказывали о библиотеке Recharts. В данной статье пошагово рассмотрим её использование в паре с React. 👉 @sWebDev

🏆Снова в топе! Крупнейшая сетка IT-каналов в СНГ запустила свой новый проект, который поставил рекорд прироста за сутки. 📱Вспоминаем их самые популярные проекты: Secret IT Jobs | ИТ вакансии для своих — проект, после появления которого закрылось несколько HR-агентств. Вакансии на удалённую работу с высокими зарплатами. Python | Программирование на питоне — канал, на котором выросло больше 10 тысяч айтишников. Объясняют сложные задачи простым языком. English for IT — первый конкурент всех школ по английскому. Помогают быстро и бесплатно выучить язык с уклоном на работу в айти. BUBBLE — подборка бесплатных сервисов для облегчения рутины. Придумал стартап и хочешь реализовать? Скорее всего про него давно есть пост в баббле.

Float-menu Библиотека для Vue.js, которая предоставляет возможность добавления плавающего меню. Имеет гибкую настройку: перетаскивание, размещение, определение края экрана и вращение. Узнать все возможности библиотеки можно по ссылке. 👉 @sWebDev

Ты фронтендщик или фронтендер? Без разницы! Канал Mood:Fronted подходит для всех — он пропитан Фронтенд разработкой: лучшие с
Ты фронтендщик или фронтендер? Без разницы! Канал Mood:Fronted подходит для всех — он пропитан Фронтенд разработкой: лучшие советы, лайфхаки, статьи и мемчики. Ждём тебя: @mood_front

Хук для отслеживания режима ожидания в React?
Anonymous voting

Как отследить находится ли пользователь в режиме ожидания React? В вашем приложении заложен функционал, который должен срабат
Как отследить находится ли пользователь в режиме ожидания React? В вашем приложении заложен функционал, который должен срабатывать при нахождении пользователя в режиме ожидания. Каким хуком нужно воспользоваться, для отслеживания данного состояния? 👉 @sWebDev

Виджет рейтинга на GSAP Анимированный рейтинг, выполненный с применением библиотеки GSAP.js. 👉 @sWebDev

Аудиоплеер React Подробное руководство по созданию собственного аудиоплеера на React. 👉 @sWebDev
Аудиоплеер React Подробное руководство по созданию собственного аудиоплеера на React. 👉 @sWebDev

ThreeJS Toy - Fishes Анимированный фон, выполненный с помощью библиотеки Three.js. 👉 @sWebDev

React Virtuoso React библиотека для рендеринга больших наборов данных. Подробный обзор доступен по ссылке. 👉 @sWebDev

Анимированный полет на Theatre.js и React Three Создаем 3D-сцену в браузере с анимацией и возможностью прокрутки на Theatre.js и React Three. 👉 @sWebDev

Задаем интервалы в React useInterval - хук для функций с интервалом, которые автоматически размонтируют компонент clearInterv
Задаем интервалы в React useInterval - хук для функций с интервалом, которые автоматически размонтируют компонент clearInterval.
      import * as React from 'react';
      import {useInterval} from 'react-use';
      const Demo = () => {
        const [count, setCount] = React.useState(0);
        const [delay, setDelay] = React.useState(1000);
        const [isRunning, toggleIsRunning] = useBoolean(true);
      useInterval(
          () => {
            setCount(count + 1);
          },
          isRunning ? delay : null
        );
      return (
          <div>
            <div>
              delay: <input value={delay} onChange={event => setDelay(Number(event.target.value))} />
            </div>
            <h1>count: {count}</h1>
            <div>
              <button onClick={toggleIsRunning}>{isRunning ? 'stop' : 'start'}</button>
            </div>
          </div>
        );
      };
👉 @sWebDev

Генератор цвета Генератор цветовой палитры, реализованный на React и Prism.js. 👉 @sWebDev

Слайдер температуры на Vue.js Температурный датчик в виде слайдера, выполненный на Vue.js. 👉 @sWebDev

Keystone Keystone - библиотека для Node.js, включающая в себя автоматизированный CRUD через GraphQL API. Также, доступно использование собственных компонентов React.js. Полный обзор по ссылке. 👉 @sWebDev

Какой вариант описывает определение сервиса на уровне модуля в Angular?
Anonymous voting

Как определить сервис на уровне модуля в Angular? Сервисы в Angular возможно определять на уровне приложения, модуля и компон
Как определить сервис на уровне модуля в Angular? Сервисы в Angular возможно определять на уровне приложения, модуля и компонента. Какой из этих вариантов определяет на уровне модуля? Вариант 1: @Injectable({providedIn: AccountsModule}) Вариант 2:
    selector: 'accounts-list',
    providers: [AccountsHttpService],
    template: <div>My accounts</div>
  })

Вариант 3: @Injectable({providedIn: 'root'}) 👉 @sWebDev