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

Final Form Библиотека для создания красивых и доступных форм. Позволяет точно контролировать, какие элементы формы получают уведомления об изменениях состояния формы. Функции: 1. Совместима со всеми веб-фреймворками; 2. Полноценная и расширяемая реализация; 3. Автономность. 👉 @sWebDev

С нас крутые спикеры, интересные лекции и трудоустройство, с тебя – желание учиться и минимум год опыта коммерческой разработки на JavaScript. ⠀ Как все проходит? 3 раза в неделю на протяжении двух месяцев тебя будут обучать Senior’ы и Teamlead’ы ведущих банков страны. ⠀ Чему будут учить? На курсе будем изучать React, Angular, RxJS и Vue. Помимо этого еще будут практические занятия и домашние задания. ⠀ Что будет после учебы? Трудоустройство на Middle позицию в Цифровые привычки. Ты будешь работать над проектами крупных банков страны в Москве, в СПб или на удаленке. Пройти вступительный тест на курс: https://cutt.ly/ZQjMtuT

SurveyJS Помогает разработчикам создавать настраиваемые опросы и квизы, которые можно интегрировать с любыми приложениями JavaScript (JS). Возможности: 1. Расширение опросов с помощью сторонних виджетов; 2. Интеграция с любыми приложениями; 3. Создание опросов для сопровождения элементов бренда веб-сайта. 👉 @sWebDev

Тот самый канал про программирование в опросах👇🏻 t.me/programmer_polls

Wired elements Wired elements — это коллекция элементов, нарисованных вручную. Разработанные для вайрфреймов, элементы нарисованы таким образом, что два элемента визуализации не могут быть одинаковы — как две отдельные нарисованные от руки формы. Полезно? Возможно. Круто? Определенно:). 👉 @sWebDev

Ring UI Неплохая библиотека компонентов React от всеми известной JetBrains. Имеется большой набор компонентов среди которых есть действительно уникальные и полезные «штуки». Все компоненты имеют фирменный стиль JetBrains. 👉 @sWebDev

Фронтендер от бога — топ-канал о фронтенд-разработке. Если вы учите JS — подписывайтесь! Что вас ждет: — обучающие материалы (в том числе и уникальные) с удобной категоризацией; — еженедельные дайджесты информации из мира фронтенд-разработки; — профессиональный юмор; Подписывайтесь на фронтендера от бога ⬇️

Patternfly Элементы PatternFly — это коллекция, состоящая из 20 гибких и легких веб-компонентов, а также инструментов для их создания. Элементы PatternFly обладают легким весом и ограничением boilerplating (что в значительной степени является стандартом для веб-компонента). Они работают в React, Vue, Angular и vanilla JS, а также везде, где используются HTML-элементы. Запустите демо-версию: git clone git@github.com:patternfly/patternfly-elements.git cd patternfly-elements npm install # this will take a while due to lerna bootstrap npm run storybook 👉 @sWebDev

FrontEndDev - канал для веб разработчиков. Собираем и выкладываем актуальный контент: основы и аспекты ЯП, туториалы по современным фреймворкам, полезные инструменты и подходы в разработке 🚀 @front_end_dev

MUI Позиционируется как легкий фреймворк, тем не менее в нем используется Angular и React, что явно не делает его легче, я бы сказал, что он тяжелее всех, не считая темы для Bootstrap речь о которой пойдет позже. Большой вес фреймворка компенсируется поддержкой React.js версии 16, Angular.js и наличием модуля для верстки почтовых писем. Письма сверстанные с использованием этого фреймворка поддерживаются многими популярными платформами для работы с e-mail ящиками, например GMail, Microsoft Outlook, Apple Mail и т.д., а если письмо оформлено красиво и, в первую очередь, приятно для чтения, то с помощью обычной рассылки вы сможете заинтересовать человека вашим продуктом или чем-либо другим. 👉 @sWebDev

UI5-webcomponents Эта библиотека разработана UI5 от SAP и представляет собой набор легких, повторно используемых UI-элементов. Компоненты не только разработаны поверх UI5, но также являются отдельными элементами. Дизайн компонентов согласуется с SAP Fiori Design Guidelines и включает дизайн Fiori 3. 👉 @sWebDev

ENZYME Enzyme - библиотека, значительно упрощающая тестирование React-приложений. Эта библиотека была создана командой разработчиков Airbnb и представлена, как решение с открытым исходным кодом, в 2015 году. API Enzyme интуитивно понятно. Enzyme может использоваться для тестирования с библиотеками Mocha, Jest, Karma. 👉 @sWebDev

Видишь классный макет, но не знаешь как его сверстать? Канал «Просто: разработка» может тебе помочь. Его автор публикует ценные статьи, а также авторские наработки, которые помогут верстать макеты любой сложности! Кое-что из последнего на канале: 1. Исправление появления “0” в JSX 2. JS библиотеки для анимаций 3. Отзывчивые картинки YouTube-канал с уроками, а также чат на тысячу человек — прилагаются.

Elix Elix — это управляемый сообществом набор повторно используемых и настраиваемых веб-компонентов для распространенных шаблонов пользовательского интерфейса. Для обеспечения высоких стандартов качества компоненты оцениваются по списку Gold Standard для веб-компонентов, в котором встроенные HTML-элементы используются в качестве стандарта качества. 👉 @sWebDev

REACT-I18NEXT Когда нужно создать мультиязычное приложение, определенно стоит воспользоваться библиотекой React-i18next. Эта библиотека является мощным инструментом интернационализации для React на базе i18next. Она предлагает законченное решение, позволяющее локализовать различные веб-приложения: от мобильных до настольных. Библиотека i18next предлагает такие функции перевода, как управление множественным числом, форматирование текста и интерполяция. И, наконец, эта библиотека подходит для использования на стороне сервера. 👉 @sWebDev

Time elements Довольно старая библиотека, которая представляет собой компонент, предоставляющий пользовательские подтипы стандартного HTML-элемента <time>. С помощью форматирования отметки времени в качестве локализованной строки или в качестве relative text, который автоматически обновляется в пользовательском браузере, можно создать пользовательские расширения для свободного использования. 👉 @sWebDev

👨‍💻 Web-разработка на Scala — набирающий обороты тренд. Перейти в эту область поможет онлайн-курс «Scala Developer» от OTUS. 👉 Пройди полный тест и узнай сможешь ли ты стать Scala-разработчиком https://otus.pw/0ZQJ/ На курсы ты научишься использовать Akka для создания микросервисов, освоишь функциональное программирование и библиотеку ZIO, модульные тесты на основе инвариантов свойств и многое другое. Курс рассчитан на разработчиков с опытом от 1 года на Java или с опытом от 3-х лет на других языках ООП.

Vaadin web components Достаточно новая, но многообещающая библиотека. Она содержит набор из 30 развивающихся open source веб-компонентов для создания пользовательского интерфейса мобильных и настольных веб-приложений для современных браузеров. Библиотека находится в активной разработке и определенно заслуживает внимания. 👉 @sWebDev

Chakra UI Chakra UI — библиотека простых, модульных и доступных компонентов. Это отличный инструмент для быстрого и легкого создания Vue-приложений. Все компоненты отличаются доступностью (жесткое следование стандартам WAI-ARIA), тематичностью и пригодностью для компоновки. Они поддерживают адаптивные стили из коробки и совместимы с темным режимом. Chakra UI также содержит набор компонентов макета, таких как CBox и CStack, которые упрощают стилизацию ваших компонентов. Кроме того, вы сможете автоматически импортировать компоненты Chakra UI с помощью плагина Webpack. 👉 @sWebDev