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

Open in Telegram

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev

Network:Senior Frontend - javascript, html, css Russia80 700 Technologies & Applications14 343

7 525

Subscribers

-524 hours

-137 days

-9430 days

568

Post views

~ 21124 hours

~ 28648 hours

7.55%

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

","datePublished":"2023-04-14T18:19:55Z","dateModified":"2023-04-14T18:20:05Z","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":1}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2067","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2067","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2067","headline":"Toilet Paper Toggle Забавный переключатель для сайта, выполненный с использованием библиотеки Gsap.js. 👉 @sWe…","articleBody":"Toilet Paper Toggle\n\nЗабавный переключатель для сайта, выполненный с использованием библиотеки Gsap.js.\n\n👉 @sWebDev","datePublished":"2023-04-14T11:15:04Z","dateModified":"2023-04-14T11:15: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":1373},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":13}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2066","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2066","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2066","headline":"Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: решите тестовое, пр…","articleBody":"Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: решите тестовое, пройдите несколько секций собеседования и получите офер за несколько дней.\n\nТеперь дни быстрого найма будут проходить регулярно. Чтобы вам было удобно следить за расписанием, собрали его на отдельной странице.\n\nБлижайшие мероприятия:\n\n• 20-22 апреля - Fast Track для frontend-разработчиков пишущих на JavaScript/TypeScript, офер за 3 дня в команду Поиска.\n• 27-28 мая - Weekend Offer для frontend-разработчиков, офер за 2 дня в команды Яндекса.\n\nЗарегистрироваться","datePublished":"2023-04-14T07:15:06Z","dateModified":"2023-04-16T07:21:59Z","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":1021},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2065","url":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2065","mainEntityOfPage":"https://telemetr.io/en/channels/1215276433-swebdev/posts/2065","headline":"NanoSQL NanoSQL - легковесная и быстрая база данных, которую можно использовать как в браузере, так и на серв…","articleBody":"NanoSQL\n\nNanoSQL - легковесная и быстрая база данных, которую можно использовать как в браузере, так и на сервере. Библиотека обладает множеством полезных функций, таких как индексы, транзакции, агрегирующие функции и т.д. NanoSQL поддерживает различные бэкэнды баз данных, включая IndexedDB, WebSQL, SQLite, LevelDB и другие.\n\n👉 @sWebDev","datePublished":"2023-04-13T13:00:40Z","dateModified":"2023-04-13T13:00:40Z","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":1348},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}}]}

7 524

Хук React для передачи функций из компонента родителя и возможностью вызывать методы дочернего компонента?

Anonymous voting

7 524

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

7 524

js2flowchart Библиотека визуализации для преобразования JavaScript кода в наглядную SVG-схему. Изучайте чужой код, делайте рефакторинг, не путаясь в функциональности. 👉 @sWebDev

7 524

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

7 524

Generative UI - Orb Animation [pixi.js] + Frosty Elements Анимированный фон, реализованный на Pixi.js. 👉 @sWebDev

7 524

Совет фронтендерам: уважайте свое время Первый шаг — не изобретать велосипед. В Html Gram собраны готовые codepen решения на каждый день. От эффектов при наведении до 3D анимации. Быстрее пишешь код — больше отдыхаешь. Подписывайся: @HtmlGram

7 524

Alien Abduction Анимированная сцена, выполненная с использованием библиотеки GSAP.js. 👉 @sWebDev

7 524

React Spectrum Компонентная библиотека от Adobe, созданная для создания современных пользовательских интерфейсов веб-приложений. Библиотека предлагает набор готовых компонентов тем и API, которые могут быть использованы в любом React-проекте. React Spectrum используют в Adobe Creative Cloud и других продуктах Adobe. 👉 @sWebDev

7 524

Пишите хорошие тесты без stub/mock и заглушек маршрутизатора В статье описаны методы тестирования Angular компонентов без использования стаб(stub), мок(mock) и заглушек для маршрутизатора. Авторы предлагают использовать реальный маршрутизатор и специальный класс, который позволяет создавать тестовые модули с минимальной конфигурацией. Это позволяет существенно упростить процесс написания тестов и повысить их точность. 👉 @sWebDev

7 524

React Monochromatic Landscape Generator Генератор ландшафта, выполненный с помощью SCSS, SVG и Babel.js. 👉 @sWebDev

7 524

❔❔ JS-разработчик? А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене! ⏰ Время прохождения теста ограничено 30 минут ✍️ПРОЙТИ ТЕСТ: https://otus.pw/gVmC/ Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Реклама. Информация о рекламодателе на сайте www.otus.ru

7 524

Возврат отложенной версии переданного значения React Рассмотрим грядущее изменение, которое появится в React 18. Хук useDeferredValue вернет отложенную версию переданного значения, которая будет “отставать” от исходной на время, равное таймауту:

     import { useDeferredValue } from "react";

    // ...

    const [text, setText] = useState("text");
    const deferredText = useDeferredValue(text, { timeoutMs: 2000 });

👉 @sWebDev

7 524

Li´l Vikings Анимированная сцена, выполненная с использованием Gsap.js. 👉 @sWebDev

7 524

Инструмент для того, чтобы отложить загрузку компонента React?

Anonymous voting

7 524

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

7 524

Часто используемые шаблоны проектирования в Angular Обзор нескольких распространенных паттернов проектирования в Angular, таких как Singleton, Facade, Observer и других. Материал описывает, как использовать каждый паттерн и какие преимущества он может принести в разработке приложений. 👉 @sWebDev

7 524

Получение доступа к реактивным данным и активным событиям Vue.js В хуке created вы сможете получить доступ к реактивным данным и активным событиям. Шаблоны и виртуальный DOM ещё не встроены (mounted) и не отрисованы. Например:

        ExampleComponent.vue
        <script>
        export default {
        data() {
            return {
            property: 'Blank'
            }
        },

        computed: {
            propertyComputed() {
            console.log('I change when this.property changes.')
            return this.property
            }
        },

        created() {
            this.property = 'Example property update.'
            console.log('propertyComputed will update, as this.property is now reactive.')
        }
        }
        </script>

7 524

Toilet Paper Toggle Забавный переключатель для сайта, выполненный с использованием библиотеки Gsap.js. 👉 @sWebDev

7 524

Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: решите тестовое, пройдите несколько секций собеседования и получите офер за несколько дней. Теперь дни быстрого найма будут проходить регулярно. Чтобы вам было удобно следить за расписанием, собрали его на отдельной странице. Ближайшие мероприятия: • 20-22 апреля - Fast Track для frontend-разработчиков пишущих на JavaScript/TypeScript, офер за 3 дня в команду Поиска. • 27-28 мая - Weekend Offer для frontend-разработчиков, офер за 2 дня в команды Яндекса. Зарегистрироваться

7 524

NanoSQL NanoSQL - легковесная и быстрая база данных, которую можно использовать как в браузере, так и на сервере. Библиотека обладает множеством полезных функций, таких как индексы, транзакции, агрегирующие функции и т.д. NanoSQL поддерживает различные бэкэнды баз данных, включая IndexedDB, WebSQL, SQLite, LevelDB и другие. 👉 @sWebDev