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

WebDataRocks Это встраиваемая сводная таблица для веб, написанная на JavaScript. Это легковесный компонент. Вы можете использовать его в веб-приложении и создать интерактивный отчет, основанный на ваших данных. 👉 @sWebDev

Form.io Библиотека является простым средством визуализации форм JavaScript и SDK, это позволяет отображать формы схемы JSON, и отображать их в вашем приложении с использованием простого JavaScript. 👉 @sWebDev

Витаминный фронтенд-коктейль для начинающих разработчиков уже здесь 🍋 С 22 по 25 октября будем верстать сервис доставки еды. Ты тоже сможешь сделать это, если выполнишь все задания! Каждый день будешь писать код, задавать вопросы и получать обратную связь по своей работе. Программа интенсива: ✅ День 1 — Создаем каркас HTML-страницы — Подключаем CSS-стили — Стилизуем шапку сайта ✅ День 2 — Информация о блюдах — Публикуем проект на Github — Привязываем домен ✅ День 3 — Интерактив на сайте — Выпадающие списки — JavaScript код для сайта ✅ День 4 — Правила для смартфонов и планшетов — Медиа-запросы, тестирование — Анимация на сайте Переходи по ссылке и получи приглашение: https://telegram.me/gloacademy_bot?start=616fb1568d80e34195c00c06

TradingVue Достаточно молодой проект, на котором делают действительно крутые графики. Визуально они похожи на классический TradingView, с отличиями в лицензии (MIT), полной кастомизацией и простым API. На этих графиках можно рисовать все, что захотите. Высокая скорость обработки данных 20ms для 1000 свечей. Доступен скриптовый язык — JavaScript, есть песочница. Библиотека написана на Vuejs, поэтому тем, кто знаком с фреймворком, все будет понятно. 👉 @sWebDev

Для тех кто сомневался, канал, где учат программированию по опросам👇🏻 https://t.me/programmer_polls

Screenfull.js Это простая оболочка для кросс-браузерного использования полноэкранного API JavaScript, которая позволяет вам выводить страницу или любой элемент в полноэкранный режим. Сглаживает различия в реализации браузера. 👉 @sWebDev

Redux Toolkit Redux Toolkit (или RTK) - это способ управлять своим состоянием с помощью Redux. RTK значительно сокращает количество шаблонов, необходимых для использования Redux, обеспечивает разумные значения по умолчанию и сохраняет ту же неизменную логику обновления, которую мы знаем и любим. 👉 @sWebDev

С помощью какого плагина можно ускорить написание кода в Visual Studio Code?  Ответ: ☑️Плагинов для ускорения работы существует больше 500. Познакомься с ними поближе и преврати написание кода в отдых 🏝️ __Первый канал по плагинам VSC в Telegram.__ 🔥

Recoil Recoil - это экспериментальная библиотека управления состоянием JavaScript, разработанная Facebook. Он доступен с мая 2020 года. Recoil решает многие проблемы, с которыми сталкиваются более крупные приложения при использовании существующего Context API: - Состояние компонента можно разделить только путем передачи его общему предку, но это может включать в себя огромное дерево, которое затем необходимо повторно отобразить. - Контекст может хранить только одно значение, а не бесконечный набор значений, каждое со своими потребителями. Оба эти фактора усложняют кодовое разделение вершины дерева (где должно находиться состояние) от листьев дерева (где используется состояние). 👉 @sWebDev

Новичкам фронтендерам: хотите в 3 раза сократить время до первой зп в 100к? 🚀Велкам на курс "Профессия Frontend-разработчик с нуля до PRO" от Skillbox. - Адаптированная программа под требования работодателей - Вебинары с разработчиками из крупных компаний - Командный проект в конце курса - Помощь в трудоустройстве ⚡️Регистрируетесь сейчас - полгода учитесь бесплатно, получаете 40% скидку на остальное время обучения.

SWR Название SWR происходит от stale-while-revalidate, способа кэширования, который сейчас набирает популярность в frontend-разработке. Он позволяет загружать кэшированный контент сразу же, и сразу же его и обновляет, чтобы в будущем обрабатывать уже новый контент. SWR – это библиотека хуков React, разработанная Vercel. Она позволяет извлекать данные из API или другого внешнего источника, сохранять их в кэше, а затем рендерить. 👉 @sWebDev

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

В 2021 ВЕРСТКА УСТАРЕЛА  Так говорят те, кто не готовы схватывать новые тренды на лету. ⚡️Автор канала «Просто: Разработка» рассказывает о: - Летающем ноутбуке состоящем из 1 div’а - Сортировке массивов по вложенным свойствам - Уязвимости window.open() и target=”_blank” Подпишись и ты удивишься насколько легко ты начнешь верстать сайты.

Muse UI Библиотека Muse UI, имеющая около 5 тысяч звёзд на GitHub, представляет собой набор компонентов для Vue 2.0, использующих Material Design. Тут, уже в который раз, для погружения в документацию неплохо будет знать китайский, но возможности библиотеки вполне стоят усилий по её освоению. 👉 @sWebDev

Все разработчики хотят выговориться. Иногда из этого получаются подкасты. Подкаст «307 пакетов» — это будни (а иногда и выходные) айтишников, которые не боятся шутить, обсуждать душных начальников, лишние килограммы на удалёнке, влюбленности на собеседованиях и зарплаты. Только нескучные беседы с ребятами и их приглашенными гостями. Тоже нескучными, кстати. А ещё коллеги сделали забавный квиз — он поможет найти подходящий выпуск, с которого приятно будет стартануть. Подписывайся на YouTube-канал «307 пакетов» ➡️ https://bit.ly/3BnY8HH Или выбирай любую удобную подкаст-площадку ➡️ https://bit.ly/3BCIOYd

React Spring React Spring использует физику пружины, а не временную анимацию для анимации компонентов. React Spring считается одним из лучших анимационных пакетов для React — приложений. Её разрабатывают большое количество участников и у этой библиотеки открытый исходный код. 👉 @sWebDev

Remotion Remotion позволяет снимать видеоролики о рендеринге React компонентов - будь то получение данных из API и их отображение, или показ классной анимации. 👉 @sWebDev

Jotai Jotai описывает себя как примитивное решение для управления состоянием для React и конкурента Recoil. Это довольно минималистично - меньше API для изучения; и если ты понимаешь хук useState в React, ты, вероятно, поймешь хук Jotai useAtom. 👉 @sWebDev

Друзья! Мы знаем, что не все из вас смогут присоединиться к нам в Москве. Но очень важно, чтобы каждый из вас смог узнать о том, что происходит в современном фронтенде. Чтобы вы смогли получить знания о лучших практиках и внедрить их у себя. Только так отрасль будет развиваться. Поэтому мы открываем трансляцию Главного зала FrontendConf 2021. Чтобы получить доступ к трансляции, нужно зарегистрироваться по ссылке 11 и 12 октября, с 11:00 до 18:00 (МСК) вас ждут 12 огненных докладов. Присоединяйтесь и зовите коллег!