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

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

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

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

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

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

Jotai

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

👉 @sWebDev

Remotion

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

👉 @sWebDev

React Spring

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

👉 @sWebDev

Все разработчики хотят выговориться. Иногда из этого получаются подкасты.

Подкаст «307 пакетов» — это будни (а иногда и выходные) айтишников, которые не боятся шутить, обсуждать душных начальников, лишние килограммы на удалёнке, влюбленности на собеседованиях и зарплаты.

Только нескучные беседы с ребятами и их приглашенными гостями. Тоже нескучными, кстати.

А ещё коллеги сделали забавный квиз — он поможет найти подходящий выпуск, с которого приятно будет стартануть.

Подписывайся на YouTube-канал «307 пакетов» ➡️ https://bit.ly/3BnY8HH
Или выбирай любую удобную подкаст-площадку ➡️ https://bit.ly/3BCIOYd

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