Muse UI

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

👉 @sWebDev

xstate

XState - библиотека, которая позволяет формализовать приложение React как конечный автомат.

Конечные автоматы - не особо новая концепция, но разработчики только недавно начали понимать, что, возможно, наши приложения могли бы быть менее глючными, если бы мы четко определяли состояния, в которых они могут находиться, и входные данные, необходимые для перехода между состояниями.

XState также создает диаграммы на основе конфигурации xstate приложения: твоя документация будет обновляться по мере того, как кодишь.

👉 @sWebDev

SWR

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

SWR – это библиотека хуков React, разработанная Vercel. Она позволяет извлекать данные из API или другого внешнего источника, сохранять их в кэше, а затем рендерить.

👉 @sWebDev

Новичкам фронтендерам: хотите в 3 раза сократить время до первой зп в 100к?

🚀Велкам на курс "Профессия Frontend-разработчик с нуля до PRO" от Skillbox.

- Адаптированная программа под требования работодателей
- Вебинары с разработчиками из крупных компаний
- Командный проект в конце курса
- Помощь в трудоустройстве

⚡️Регистрируетесь сейчас - полгода учитесь бесплатно, получаете 40% скидку на остальное время обучения.

Recoil

Recoil - это экспериментальная библиотека управления состоянием JavaScript, разработанная Facebook. Он доступен с мая 2020 года.
Recoil решает многие проблемы, с которыми сталкиваются более крупные приложения при использовании существующего Context API:

- Состояние компонента можно разделить только путем передачи его общему предку, но это может включать в себя огромное дерево, которое затем необходимо повторно отобразить.
- Контекст может хранить только одно значение, а не бесконечный набор значений, каждое со своими потребителями.
Оба эти фактора усложняют кодовое разделение вершины дерева (где должно находиться состояние) от листьев дерева (где используется состояние).

👉 @sWebDev

Redux Toolkit

Redux Toolkit (или RTK) - это способ управлять своим состоянием с помощью Redux.

RTK значительно сокращает количество шаблонов, необходимых для использования Redux, обеспечивает разумные значения по умолчанию и сохраняет ту же неизменную логику обновления, которую мы знаем и любим.

👉 @sWebDev

Screenfull.js

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

👉 @sWebDev

TradingVue

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

👉 @sWebDev

Form.io

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

👉 @sWebDev

WebDataRocks

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

👉 @sWebDev

Найти хорошего фулстэк разработчика - удача для любой компании, ведь он заменит сразу 2х специалистов - фронтендера и бэкендера.

Вот навыки, за которые готовы платить:

- Разработка бэкенда с помощью Node.js
- Создание веб-приложений на фреймворке React.js/Vue.js/Angular
- Вёрстка сайтов на HTML и CSS
- Работа с базами данных: MySQL, MongoDB, Redis
- Работа с системой контроля версий Git

Получить их можно за 12 месяцев на курсе "Профессия Fullstack-разработчик на JavaScript" от Skillbox

Регистрируйся и учись полгода бесплатно, а на вторую половину обучения зафиксируют скидку 40%🔥

Stretchy

Это простая библиотека, которую можно использовать для автоматического изменения размера элементов ввода на веб-страницах. В сжатом виде она чрезвычайно мала - всего 1,5 КБ.

👉 @sWebDev

Conversational Form

Это библиотека JS с открытым исходным кодом, используемая для создания опросов. В отличие от традиционных форм опросов, опросы, созданные с помощь этой библиотеки будут отображаться как окно чата.

👉 @sWebDev

InstantClick

Задержка отклика веб-страницы может быть огромной проблемой. InstantClick - это библиотека JS, которую можно использовать для ускорения веб-сайтов. Она способна повысить скорость до такой степени, что навигация по веб-страницам будет казаться мгновенной.

👉 @sWebDev

OpenZeppelin

OpenZeppelin - это библиотека для создания смарт-контрактов с помощью JavaScript. Её можно использовать с Ethereum и другими блокчейнами, которые имеют функции смарт-контрактов. Это проект с открытым исходным кодом, как и большинство криптопроектов.

👉 @sWebDev

GoJS

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

👉 @sWebDev

DiscordJS

Это библиотека для взаимодействия с Discord, с помощью неё можно создавать ботов, которые могут автоматизировать и улучшать функции каналов в Discord.

👉 @sWebDev

ScrollMagic

Это библиотека может быть использована для создания взаимодействий и анимаций для элементов странице, которые задействуются при прокрутке.

👉 @sWebDev

JSEncrypt

С помощью этой библиотеки можно реализовать RSA шифрование для JS приложений. По сути, это удобная обертка над шифрованием, которая делает процесс user friendly.

👉 @sWebDev

PlotlyJS

Это независимая библиотека визуализации данных, которую можно использовать вместе с основными языками программирования, такими как JavaScript, Python и R. Библиотека JavaScript для Plotly - plotly.js. Её можно использовать для создания различных диаграмм, 3D-графиков, SVG и т. д.

👉 @sWebDev