React Frontend developer

Текущий статус/должность: Senior React Frontend developer.

Мои компетенции и опыт

Опыт с последнего места работы

Стек бэкенд: PHP, Битрикс, Laravel, Nova.
Стек frontend: React, NextJS, Recoil, TanStack Query, Framer-motion, scss.

Что я делал:
• Разработано проектов - 33.
○ Главной целью, было воссоздать дизайн (который собирал ленточки на behance/dribble/dprofile), так, чтобы всё было производительно, отзывчиво, плавно и эстетично.
○ Куча различных креативных анимаций, например:
‣ Параллакс эффекты, по скроллу, по движению мыши;
‣ Анимации фигур на canvas, как их создание через new Image, так и рисование в ручную (простые, сложные фигуры);
‣ Межстраничные переходы;
‣ Анимация статичных объектов;
‣ Секвенции;
‣ Анимации по скроллу;
‣ Анимации скрытия/появления элементов;
‣ Понимание, когда нужно использовать lottie, video, секвенцию из кадров, css-анимацию, js-анимацию.
○ Различные взаимодействие по ajax (пагинация, фильтрация, подгрузка контента в попап, отправка форм, в том числе и с помощью PHPmailer, если на проекте нет бэкенда).
○ Писалась согласованная с бэкенд-специалистом документация на apiDoc.
○ Большой опыт развлечений с safari.
○ Оптимизация изображений, видео, создание видео из предоставленных кадров (squosh, ffmpeg).
○ Работа с git, unix командами.
○ Настройка CI/CD(gitlab).
○ Настройка nginx через ISP-панель (по документации).
○ Дополнение документации.
○ Разработка PWA-приложение для выставки.
○ Разработка простых видео-плееров (фулскрин, воспроизведение/пауза, включить/выключить громкость, кастомный курсор + разное поведение дабл-клика в разных частях экрана).
○ Модификация конфигов webpack, typograph, eslint.
○ Оценка и реализация задач.
○ Написание npm-пакетов и утилитарных функций для оптимизации работы, покрытие их тестами (jest).
○ Работа с картами (google, ymaps, mapbox).
○ Работа со storybook.
○ При наличии SEO-специалиста у клиента - работа по их ТЗ, метатеги, микроразметка (opengraph).
○ Разработка и интеграция конструкторов блоков, конструкторов форм.
○ Работа с графиками и диаграммами ( нужен доступ к резюме , была одна "креативная" самописная, на генерирующейся SVG из переданного JSON).
○ Взаимодействие с командой, заказчиком.
○ Разработка мультиязычного сайта, с каталогом и кучей детальных страниц без бэкенда и фреймворков.
○ Сложные калькуляторы стоимости, с зависимостью цены от множества факторов.

• Проектов на поддержке - 29.
○ Много рефакторинга различного кода, в том числе монолитные многотысячные js(jquery) и css файлы.
○ Разработка нового функционала.
○ Тушение пожаров, в том числе в случаях, когда разработчики в длительном отпуске/уволились.

• Проектов, где я не единственный фронт - 7.
○ Общение, разделение задач между специалистами..
○ Подготовка кодовой базы, для упрощения работы других специалистов.
○ Работа с аналогичной кодовой базов от других разработчиков.
○ Иногда простые задачи связанные с нужен доступ к резюме

• Внутренние выступления с докладами:
○ Производительность в вебе (как не грузить поток, как его грузить, лайфхаки по оптимизации рендеринга);
○ Состояния интерактивных элементов, какие должны быть, и как их передать фронту;
○ UI-сет, что в нём должно быть, рассказал про storybook;
○ Рассказывал про различные анимации с текстом, которые открыл для себя, чтобы дизайнеры знали о них, и использовали;
○ Рассказывал о нюансах разработки различных проектов (самое интересное, где были крутые рефы у дизайнеров, и математика на фронте);
○ В попытках оптимизировать заказы обедов в офис реализовывал бота ( нужен доступ к резюме ), который парсил меню и акции из мест, где мы заказываем еду, и присылал уведомление в чат, что пора заказывать.

• Иногда приходилось писать что-то на php, шаблонизаторе blade.
• Проведение code-review.
• Наставничество junior-разработчиков.

Команда: 25 человек, разделены на отделы frontend, design, backend, q&a, devops + менеджеры.