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

2021-10-06 11:01:40 Друзья! Мы знаем, что не все из вас смогут присоединиться к нам в Москве. Но очень важно, чтобы каждый из вас смог узнать о том, что происходит в современном фронтенде. Чтобы вы смогли получить знания о лучших практиках и внедрить их у себя. Только так отрасль будет развиваться.

Поэтому мы открываем трансляцию Главного зала FrontendConf 2021. Чтобы получить доступ к трансляции, нужно зарегистрироваться по ссылке

11 и 12 октября, с 11:00 до 18:00 (МСК) вас ждут 12 огненных докладов. Присоединяйтесь и зовите коллег! Открыть/Комментировать

2021-10-05 18:00:48 Быть в курсе последних IT-новостей — необходимость для современного разработчика.
Можно не тратить драгоценное время на поиск свежей информации, а делегировать это дело «Быстрому Фронтенду».

Наш коллега Саша смотрит видео, слушает подкасты и читает статьи, чтобы регулярно публиковать в своём Telegram-канале «Быстрый Фронтенд» краткий обзор свежих новостей со всего мира. Конечно же, со ссылочками и комментариями.

Подписывайся на «Быстрый Фронтенд» — самые интересные и полезные новости фронтенда в компактном формате Открыть/Комментировать

2021-10-05 12:00:07 Formik

Formik - популярное решение для создания форм, так как оно предоставляет многоразовый компонент, в котором можно просто использовать его API для обработки трех наиболее раздражающих частей при построении форм:

- получение значений внутри формы и вне его состояния;
- сообщения о проверке и ошибках;
- обработка отправки формы.

@sWebDev Открыть/Комментировать

2021-10-04 19:04:05 Framer Motion

Framer Motion - это библиотека анимации и жестов, созданная Framer. Дополнительным преимуществом Framer Motion является то, что дизайнеры могут создавать анимацию во Framer, а затем передавать проекты для точной реализации с использованием собственной библиотеки Framer

@sWebDev Открыть/Комментировать

2021-10-01 17:00:01 NG2 Charts

Библиотека NG2 Charts, имеющая около тысячи звёзд на GitHub, даёт разработчику директивы Angular для создания графиков шести типов, при этом используемые здесь свойства основаны на chart.js. Эту библиотеку можно использовать для визуализации больших наборов данных и вывода списков.

@sWebDev Открыть/Комментировать

2021-09-30 19:02:27 Clarity

Clarity — это опенсорсная система дизайна, созданная VMware. Она представляет собой комбинацию из реализации рекомендаций по UX-дизайну, HTML/CSS фреймворка и компонентов для Angular. Clarity даёт разработчику обширный набор высокопроизводительных компонентов с привязкой данных.

@sWebDev Открыть/Комментировать

2021-09-29 19:02:11 NG Bootstrap

У NG Bootstrap, популярной библиотеки, в которую входят компоненты для Angular, выполненные в стиле Bootstrap 4, около 4.5 тысячи звёзд на GitHub. Она служит заменой Bootstrap-проекту angular-ui, который больше не поддерживается. NG Bootstrap отличается высоким уровнем покрытия кода тестами и отсутствием сторонних JS-зависимостей.

@sWebDev Открыть/Комментировать

2021-09-28 16:03:00 Angular Material

Angular Material — это официальная библиотека компонентов Angular, в которой реализованы концепции Material Design от Google. Эти компоненты пользовательского интерфейса можно рассматривать как примеры кода, написанные в соответствии с рекомендациями команды разработчиков Angular. Открыть/Комментировать

2021-09-27 18:30:01 Компоненты React от Khan Academy

Компоненты React, подготовленные силами Khan Academy, выпущены в виде библиотеки компонентов, в которой используется встроенный CSS и имеются комментарии. Отдельные компоненты библиотеки можно установить, воспользовавшись этой подборкой, созданной средствами Bit.

@sWebDev Открыть/Комментировать

2021-09-24 19:03:00 Fish-UI

Fish-UI — это набор инструментов для веб-разработки, использующий возможности WebPack и ES2015. Несмотря на скудную документацию, библиотека Fish-UI достойна внимания, так как содержит в себе более 35-ти хорошо структурированных компонентов, позволяющих создавать простые и понятные интерфейсы, не перегруженные ненужными деталями.

@sWebDev Открыть/Комментировать