​Шпаргалка по React Router

Все, что вам нужно знать о маршрутизации в React-приложениях: https://proglib.io/w/6b55aceb

#react

TypeScript. Видеокурс

https://www.youtube.com/playlist?list=PLNkWIWHIRwMEm1FgiLjHqSky27x5rXvQa

#video #typescript

​10 способов стилизации React-приложений

React — это библиотека для создания пользовательских интерфейсов, она не имеет собственного подхода к стилизации. Это и хорошо, и плохо одновременно. Разработчик может выбрать любой способ, однако сделать этот выбор совсем непросто. В статье разобрано 10 различных способов добавления стилей в React-приложение: https://proglib.io/w/2521a222

#react #css

​#вакансия #Luxoft #javascript
Вакансия: Senior/ Lead React developer
Формат работы: удаленный
З/п: 260000 – 340 000 руб. гросс

Работа в международной IT-компании Luxoft в проект по технологической трансформации бэкофисных систем одного из крупнейших Банков, в цели которого входит переход на новый стек технологий.

Обязанности:
• Управление командой фронт разработчиков из 3-5 человек
• Разработка интерфейса веб-приложения
• Разработка и поддержка среды для сборки, тестирования и деплоя приложений / Jenkins, Gradle, Docker, Open Shift
• Решение и расследование возникающих при эксплуатации системы проблем
• Техническое развитие системы и процесса поставки ПО
• Взаимодействие с другими ролями (тестеры, аналитики и руководители) внутри и вне команды
• Кросс-функциональность, участие в оценке реализации (code review) и архитектуры

Требования:
• Опыт разработки 5+ лет
• Опыт в роли лида от года
• Уверенное знание TypeScript, JavaScript, React, Git c практическим опытом проектирования и разработки;
• Знакомство с современными веб-технологиями (API, протоколы, инструменты)
• Опыт работы с системами сборки: maven.
• БД: jdbc, SQL(предпочтительно Oracle) на уровне написания средне-сложных запросов.
• Spring IoC 5.x
• Знание J2SE 8 (как минимум, хорошее знание core, collections), плюсом будет знание следующих версий J2SE (11...)
• Будет плюсом опыт работы с application servers, предпочтительно -WildFlyб а также знание: jpa 1.0, 2.0, jdbc, XML, XPath, JAXB
• Также плюсом будет опыт использования jUnit и опыт работы в Intellij Idea (настройка интеграции с серверами приложений, установка и настройка плагинов)

Условия:
• Официальное трудоустройство
• Расширенный социальный пакет
• Профессиональное обучение
• Корпоративные скидки
• Гибкий график работы
• Возможность удаленной работы
• Участие в конференциях, митапах и подкастах
• Корпоративные мероприятия

За подробностями обращайтесь к Насте @mavvikis и читайте на сайте

Пишем простой чат на WebSocket

Напишем простой чат на node.js и посмотрим на основы работы с websocket: https://proglib.io/w/85100349

#video #nodejs

«Цифровой прорыв» — твой главный IT-челлендж года! 👨🏻‍💻

Регистрируйся на один из 8 хакатонов Всероссийского конкурса «Цифровой прорыв» 2021. 🚀

Создавай реальные цифровые продукты и тестируй свои гипотезы, в этом тебе помогут лучшие IT-эксперты отрасли.

Призовой фонд — 55 млн. руб! 🏆

💥 Регистрируйся по ссылке: https://proglib.io/w/33500bf9

Концентрируйся на возможности изменить мир! Хакатон для всесильных — это не миф!

​Создание динамического хедера с Intersection Observer

Шапка, которая меняется при прокрутке: https://proglib.io/w/e01916fb

#interface

⚛️ Величайший разработчик React, которого я когда-либо встречал

https://proglib.io/w/be1a694e

#react #bestpractices

Хочешь п̶р̶и̶р̶у̶ч̶и̶т̶ь̶ ̶с̶в̶о̶е̶г̶о̶ ̶п̶и̶т̶о̶н̶а̶ начать свой путь в IT, но не знаешь с чего начать? Начни с Python! Python прост, удобен, универсален, на нем даже можно запрограммировать свою нейросеть.

Специально для тебя мы подготовили курс, который научит программировать, а также ты научишься:
🔹разрабатывать боты для Telegram и Instagram
🔹выгружать данные из интернета
🔹программно генерировать пароли
🔹получишь полезные советы по поиску ответов на свои вопросы в интернете

С вами на связи 24/7 будут преподаватели-практики, у курса простая и доступная подача, много практических заданий. Преподаватели лично проверят ваши домашние задания и дадут полезные советы, так что ты точно во всем разберешься.

Эксклюзивный промокод подписчикам канала FRONTEND на скидку 15% только до 6 сентября.
Старт курса 15 сентября. Тык

Пишем наивный полифилл для промиса

Чтобы избавится от мифов вокруг промисов попробуем написать простой полифилл, который, надеюсь, покажет, что в них нет никакой магии.
https://proglib.io/w/bb735817

#javascript

Почему инлайнить стили — плохо

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

https://proglib.io/w/6f427e6a

#css

Расширенная анимация CSS с использованием cubic-bezier()

При создании сложных CSS-анимаций мы часто пишем сложные развернутые @keyframes. Однако есть прием, который может здорово упростить задачу и сократить количество кода - создание пользовательских временных функций с помощью cubic-bezier().

В статье невероятные анимации вообще без keyframes: https://proglib.io/w/eeee3486

#css #animation

Получение общих данных в Next.js одним запросом

При генерировании страниц с использованием getStaticProps выдается много запросов к одной конечной точке. Проблема становится серьезной в случае медленной базы данных или когда бэкенд не справляется с сотней запросов в секунду. Автор статьи пробует решить эту проблему, применяя в Next.js подход из другой библиотеки - Gatsby.

https://proglib.io/w/7fb93180

#nextjs

Чему бы вы хотели научиться?

VueJS - различные способы реализации v-model

Директива v-model предназначена для создания двустороннего биндинга данных в нативных инпутах. Но часто требуется создать кастомный компонент с таким же функционалом. В статье разбираем 5 способов сделать это: https://proglib.io/w/c035be6c

#vue

Работа с массивами в JavaScript

Все методы для работы с массивами в одном месте: https://proglib.io/w/4ebb1563

#javascript

Сравниваем дизайн с версткой

Дизайнерский глаз легко подмечает различия между макетом и конечным результатом верстки, а вот для верстальщика это может стать проблемой. В статье вы найдете ряд советов, которые будут полезны при проверке фронтенда: https://proglib.io/w/0285aa00

#interface

CSS vs CSS-in-JS: сравнение производительности

Спойлер: CSS-in-JS реально проигрывает.
https://proglib.io/w/a954cbbb

#css

Изучение вкладки Network в Chrome Dev Tools

Учимся изменять производительность веб-приложений с помощью вкладки Network: https://proglib.io/w/9db306dc

#performance

5 популярных песочниц для веб-разработчиков

Главная задача песочниц — дать пользователю удобное и безопасное место для разработки. Здесь можно учиться кодить и выполнять рабочие задачи. Код из песочницы можно добавлять на Stack Overflow, Хабр и их аналоги, чтобы показать другим пользователям.

https://proglib.io/w/b98288bb

#tools