Хуки react-router
Используя библиотеку react-router для получения текущего состояния роутера и выполнения навигации, можно использовать кастомные хуки, которые входят в react-router-dom:
- useHistory. Возвращает объект history, который позволяет изменить состояние роутера. Например, можно перенаправить пользователя на другой URL, либо вернуться на предыдущую страницу.
- useLocation. Возвращает объект location, представляющий текущий URL. Этот хук аналогичен useState, который возвращает новый объект location при смене текущего URL.
- useParams. Хук для доступа к параметрам URL, который установлен в роуте.
- useRouteMatch. Этот хук пытается сопоставить текущий URL таким же образом, как и <Route>. Может использоваться взамен компонента <Route>, если необходимо отрендерить что-то при заданном URL.
- useQuery. Хук не входит в список стандартных, но его можно реализовать используя useLocation.
https://reactrouter.com/web/api/Hooks
✍️ @React_lib
Полное руководство по вычислительной CSS функции calc() с примерами
В CSS для выполнения основных математических операций есть специальная функция calc(). В этой статье мы рассмотрим практически все, что нужно знать об этой очень полезной функции.
👉 @frontend_1
TroisJS Starfield - Интерактивный фон, сделанный с помощью CSS и библиотеки TroisJS
При наведении на кнопку анимация ускоряется, а при нажатии меняется цвет.
#codepen #scss #js
Подпишись👉 @codepen_1
МТС INTRO: стажировки вне шаблонов
Что это?
-10+ направлений стажировки
-Набор 12 месяцев в году, а не только летом
-Погружение в проекты на 3 месяца и даже дольше, если в команде есть интересные задачи и тебе нравится то, что ты делаешь
-Выбор удобного графика, исходя из учебной нагрузки
Что мы предлагаем?
-Целая экосистема технологичных цифровых сервисов. Здесь создаются мобильные приложения, продукты в медиа, финтехе, стриминге, гейминге, «облаках», Big Data и многом другом.
-Реальные проекты и кейсы — лучший источник знаний и опыта;
-Наставники и комьюнити настоящих профи помогут раскрыться твоим талантам;
-Стажёры сами выбирают, сколько часов в неделю работать, а ещё могут менять график часов в течение стажировки;
-Все стажировки оплачиваемые, а размер заработной платы зависит от региона и количества рабочих часов в неделю;
-Оффер в МТС по итогам стажировки: если нам понравится работать вместе, будем рады, если ты станешь членом команды очень-очень надолго :)
Подробнее:
https://vk.cc/ceyUDl
Паттерн “Шаблонный метод” и его реализация в JavaScript
Если вы прежде работали с nodejs, то знаете, что пакеты — важнейшая часть данной платформы. Ежедневно и ежесекундно в реестре npm происходит обновление или публикация нового пакета. Большинство из них можно переиспользовать и расширять. Для этого достаточно лишь воспользоваться одним из множества предлагаемых способов. Но все пакеты объединяет одна общая черта: их можно рассматривать как шаблоны, подлежащие выполнению. Далее
👉 @frontend_1
❓Планируете освоить фронтенд-разработку?
Начните осваивать новую профессию с открытого урока 6 июля в 20:00 OTUS по селекторам.
На вебинаре вы научитесь обращаться к html элементам, а также рассмотрите разные виды селекторов.
⚡️Занятие пройдет в рамках трехмесячного онлайн-буткемпа «Frontend Developer».
Это программа, где вы в ускоренном режиме погрузитесь в освоение этого направления. Не упустите возможность оценить качество материалов и познакомиться с экспертом.
👉Регистрация на урок:https://otus.pw/DVB4
Sortable — библиотека для работы со списками
Позволяет организовывать сортировку внутри списка и между списками. Использует Native Drag’n’Drop API.
Особенности / преимущества:
✔️Простое API
✔️Поддерживает desktop и touch устройства
✔️Анимация при перемещении
✔️Не имеет зависимостей
✔️Поддержка AngularJS, Meteor, Knockout, Polymer, Vue, Ember
👉 @frontend_1
⁉️ Осваиваете С++ с нуля? Одно из отличительных свойства этого языка — отсутствие автоматического сборщика мусора.
📚 На открытом уроке 22 июня в 20:00 мы рассмотрим, как в этом случае происходит управление памятью. Разберем, какие преимущества это дает программам на С++ и, конечно, какие проблемы привносит и как с ними справляются разработчики с помощью таких идиом языка как RAII и дополнительных инструментов для обнаружения утечек памяти.
🗣Занятие проведет Павел Филонов, опытный Data Scientist, участвовавший в разработке Kaspersky MLAD и MDR AI Analyst.
Еще больше знаний ждет вас на онлайн-курсе «Специализация C++ Developer» от OTUS.
📌Регистрируйтесь на вебинар: https://otus.pw/5nC6G/
Clipboard.js — библиотека для работы с буфером обмена
Позволяет более просто скопировать (например, с помощью нажатия на кнопку) информацию представленную на странице сайта в буфер обмена.
https://github.com/zenorocha/clipboard.js
👉 @frontend_1