Являюсь ведущим фронтенд разработчиком на проекте внедрения MES системы. Проект представляет собой систему управления предприятием, целью которого является цифровизация и автоматизация рабочих процессов. На данный момент он развернут в рамках одной из обогатительных фабрик и готовится к масштабированию на другие предприятия компании. Ключевой особенностью приложение является оперирование большим количеством данных, при работе с которыми активно применяется сортировка, фильтрация, пагинация, поиск, форматирование и валидация с последующим отображением в виде таблиц, форм, дашбордов, графиков, диаграмм, мнемосхем и прочих элементов. При этом логика по работе с данными во многом выполняется на стороне фронтенда, что требует повышенных знаний в оптимизации рендера компонентов (view) и вычисления данных (model). На проект я попал на стадии редизайна, первой задачей было проанализировать компонентную базу и поделить задачи между разработчиками, в результате анализа я предложил параллельно произвести рефакторинг с целью избавиться от однотипных компонентов, предложение было утверждено и мы приступили к работе. Пример рефакторинга - из 7 компонентов таблиц осталось только 2, и по ходу разработки интерфейс приводится к единственной таблице. Это касается и других компонентов, будь то элементы форм, модальные окна, кнопки и прочее. По завершению редизайна интенсивность работ снизилась и меня оставили продолжать разработку нового функционала. Периодически в команду добавляли новых фронтендеров и я проводил онбординг, вскоре стало понятно что нужно проводить контроль кода коллег и я вызвался ревьюером. Со временем я стал ведущим разработчиком на проекте и на данный момент я занимаюсь архитектурой приложения, проработкой и постановкой задач, помощью коллегам по технической части, контролем кодовой базы приложения, а также веду основную разработку. Проект написан на JS, типизация осуществляется с помощью библиотеки prop-types (в планах перейти на TS). Технологический стек React, Redux, Redux-Saga, reselect (преобразование данных), redux-requests (берет на себя состояние и простую обработку запросов), Axios (api), ECharts (графики), date-fns (даты), Loodash (некоторые утилиты) В остальном используются внутренние решения.

Участвовал в разработке приложения для логистической компании, которая занимается импортом экзотических фруктов и овощей с последующим хранением и реализацией, а также оказывает услуги по хранению продукции клиентов. В связи с этим приложение представляет собой внутреннюю систему по управлению поставками и складом. Проект написан на Typescript с применением технологии SSR на Next.js, в качестве стейт менеджера используется MobX, графический интерфейс собран из компонентов библиотеки Material-UI. Так как в приложении много работы с данными, для работы с формами в нём используется библиотека React Hook Form. Для работы с сервером используется Axios, модуль авторизации реализован с применением JWT.

Занимался разработкой и поддержкой фронтенд части веб приложений и сайтов. Приоритетно участвовал в проектах с упором на работу с данными (сервисы, личные кабинеты, информационные системы), в которых визуальные эффекты отходят на второй план. В зависимости от проекта применялись следующие технологии: 1) React + Redux, сборка Create React App с настройкой под себя. Применялась когда являлся единственным фронтенд разработчиком на проекте и не требовалось SEO; 2) Vue + Vuex + Nuxt, используется кастомная сборка на основе данных технологий с возможностью динамической генерации страниц на бэкенде из имеющихся компонентов. Данная сборка в команде используется как основная при разработке приложений, требовательных к работе с данными; 3) Шаблонизатор EJS + Vue. В данной сборке применяется компонентный подход (компоненты со сложной логикой реализовываются как Vue custom component), на бэкенде генерируются статичные страницы из созданных компонентов. Используется для простых проектов в которых требуется SEO; 4) CanJS + Jquery. Данная сборка применяется в рамках одного крупного legacy проекта, который находится на поддержке. Во всех сборках при стилизации применяются препроцессоры (sass, less) + БЭМ, а также используются js модули, адаптируемые под используемую технологию. При общении с сервером применяю технологии AJAX, приоритетно стараюсь пользоваться библиотекой Axios, на простых проектах с минимальным общением с сервером обхожусь fetch. В зависимости от проекта и технологий используем в качестве форматов передачи данных либо JSON, либо XML. Почти все проекты компании связаны с "Битрикс" ("1C-Битрикс", "Битрикс24"), в связи с чем есть некоторый опыт работы с компонентами данной системы.

Занимался ведением проектной деятельности с ребятами школьного возраста (Agile, Scrum), проектная деятельность велась в Трело,также являлся экспертом/наставником по робототехнике и смежным областям.

Технологии и предпринимательства, Безопасность жизнедеятельности

HTML Academy, Курсы в рамках профессии реакт разработчик