Frontender Libs - обзор библиотек JS / CSS
Open in Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
Show more7 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 
Anonymous voting

Anonymous voting
\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: \n delay: setDelay(Number(event.target.value))} />\n
\n count: {count}
\n\n \n
\n 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 позволяет условно рендерить элементы на основе значения булевой переменной. Пример кода:
<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>
👉 @sWebDevGreensock SVG Search Animation
Забавная анимация загрузки, выполненная на GSAP.js.
👉 @sWebDev
🏆Снова в топе! Крупнейшая сетка IT-каналов в СНГ запустила свой новый проект, который поставил рекорд прироста за сутки.
📱Вспоминаем их самые популярные проекты:
Secret IT Jobs | ИТ вакансии для своих — проект, после появления которого закрылось несколько HR-агентств. Вакансии на удалённую работу с высокими зарплатами.
Python | Программирование на питоне — канал, на котором выросло больше 10 тысяч айтишников. Объясняют сложные задачи простым языком.
English for IT — первый конкурент всех школ по английскому. Помогают быстро и бесплатно выучить язык с уклоном на работу в айти.
BUBBLE — подборка бесплатных сервисов для облегчения рутины. Придумал стартап и хочешь реализовать? Скорее всего про него давно есть пост в баббле.
Float-menu
Библиотека для Vue.js, которая предоставляет возможность добавления плавающего меню. Имеет гибкую настройку: перетаскивание, размещение, определение края экрана и вращение. Узнать все возможности библиотеки можно по ссылке.
👉 @sWebDev
Ты фронтендщик или фронтендер?
Без разницы! Канал Mood:Fronted подходит для всех — он пропитан Фронтенд разработкой: лучшие советы, лайфхаки, статьи и мемчики.
Ждём тебя: @mood_front
Хук для отслеживания режима ожидания в React?
Как отследить находится ли пользователь в режиме ожидания React?
В вашем приложении заложен функционал, который должен срабатывать при нахождении пользователя в режиме ожидания. Каким хуком нужно воспользоваться, для отслеживания данного состояния?
👉 @sWebDev
Виджет рейтинга на GSAP
Анимированный рейтинг, выполненный с применением библиотеки GSAP.js.
👉 @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 - хук для функций с интервалом, которые автоматически размонтируют компонент 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?
Как определить сервис на уровне модуля в Angular?
Сервисы в Angular возможно определять на уровне приложения, модуля и компонента. Какой из этих вариантов определяет на уровне модуля?
Вариант 1:
@Injectable({providedIn: AccountsModule})
Вариант 2:
selector: 'accounts-list',
providers: [AccountsHttpService],
template: <div>My accounts</div>
})
Вариант 3:
@Injectable({providedIn: 'root'})
👉 @sWebDev