Добавьте подходящих специалистов в список и оформите заявку для предварительного бронирования времени специалистов. После оформления заявки ваш персональный менеджер организует прохождение всех необходимых проверок с вами и каждым кандидатом из заявки. Специалист привлекается к проекту только после окончательного подтверждения его выхода с вашей стороны.
Как опытный фронтенд-разработчик с более чем 5 годами работы с React и TypeScript, кроме
разработки сложных интерфейсов, я проявляю инициативы на рабочих проектах, которые
приносили значительную ценность бизнесу. Например, я имел опыт самостоятельного
внедрения TypeScript в проекты, значительно повышая надежность кода. Реализовал
сложные алгоритмы сортировки данных и визуализации графиков, используя библиотеки,
такие как ReactFlow. Оптимизировал производительность React.js frontend приложений,
сокращая время загрузки за счет оптимизации бандлов и сжатия медиафайлов. Внедрил
Storybook для упрощения взаимодействия между разработчиками и дизайнерами, а также
реализовал авторизацию через с использованием jwt токенов (+ axios interceptor) или Google
API. Мой опыт включает работу с TypeScript, React, оптимизацию производительности и
создание интерактивных пользовательских интерфейсов любой сложности.
Стек:
– Владение библиотекой React, Next.JS
– Сборка frontend: Webpack, Vite
– Опыт работы с управлением состоянием через Redux Toolkit, Redux, RTK Query, React
Query, Effector, Mobx и Mobx-State-Tree, Zustand, Jotai.
– Общение с сервером: Long Pooling, WebSocket, SSE
– UI-KIT: Знание UI-китов Ant Design, Mantine UI, собственный UI-KIT.
– Асинхронный слой: Использование Redux Saga, React Query и RTK Query, Redux Thunk для
работы с асинхронными запросами.
– Типизация: Применение TypeScript для типизации всех проектов, как в продашкен, так и
на своих проектатах
– Валидация форм: Formik, React Hook Form,
– Стили: Опыт в стилизации с использованием CSS3, SCSS, SASS и LESS, CSS-in-JS Styled
Component, Emotion.
Проекты
(5 лет 1 месяц)
DeepPavlov
Роль
React.JS Frontend Developer | TypeScript, React
Обязанности
DeepPavlov (https://deeppavlov.ai/) — специализируется на разработке решений в области
обработки естественного языка (NLP). Она предлагает инструменты и платформы для создания
интеллектуальных чат-ботов, виртуальных ассистентов и других систем, работающих с
текстовыми данными. Основной продукт компании - DeepPavlov Library, которая включает в
себя разнообразные модели и компоненты для обработки и анализа текста, позволяя создавать
кастомизированные решения для бизнеса и исследований.
Разрабатывал React.JS + TypeScript вместе с кросс-функциональной командой no-code AI
Assistant платформу для создания AI ассистентов, а также мессенджер для публичного общения
с созданными ассистентами.
Работал на двух проектах - DialogFlowDesigner и DreamBuilder. Поучаствовал и получил опыт
разработки frontend приложения с нуля.
Технологический стек проекта:
React, Tanstack Query, TypeScript, React-Router-Dom, Radix UI, Yup, React Hook Form, модульные
стили SCSS, CSS3, HTML5, ESLint, Prettier, Vite, Github,React16.8+
Результаты работы:
1. Решил проблему с устаревшей сортировкой, разобравшись в алгоритме Breadth-First Search
(BFS) и внедрив его в текущий проект.
2. Создал функцию для парсинга данных с бэкенда и их преобразования в удобный формат для
фронтенда, что позволило эффективно использовать алгоритмы сортировки для визуализации.
3. Внедрил ReactFlow (вместо D3.js, Cytoscape.js, react-tree-graph) для визуализации графика,
отображающего начинку AI Ассистентов. Сделал поддержку группировки нод, работу с сеткой,
миникарту, drag&drop.
4. Внедрил в кратчайшие сроки сервис авторизации Google Authorizatio на новом React.JS
frontend проекте. Выбрал Web server applications flow, который давал возможность участвовать
нашему бекенду в авторизации, что было ключевым для нас.
5. Оптимизировал frontend:
- анализировал какие пакеты занимают больше всего места в проекте с помощью Rollup Plugin
Visualizer. В итоге убрал много неиспользуемых зависимостей и уже знал что занимает больше
всего места.
- разделил код на чанки с использованием lazy от React и также сжал медиафайлы и шрифты,
которые были большого размера, тем самым улучшил Core web vitals метрики. Для подсчета метрик использовал Lighthouse.
6. Участвовал в разработке frontend с нуля и технического стека.
Внедрил React.JS, Tanstack Query (React Query) и TypeScript.
7. Разработал собственный UI kit для переиспользования в других проектах компании, что
улучшило навыки работы с HOC и переиспользуемыми компонентами.
8. Разработал текстовый редактор. Создал текстовый редактор с подсветкой ключевых слов,
подсчетом промптов и дефолтным форматированием текста, выбрав для этого библиотеку
TipTap. Решил проблему форматирования отступов при копировании текста из различных
источников, используя Map с регулярными выражениями.
9. Проводил исследование конкурентов и создавал демо-видео с подробным описанием
продукта для дальнейшего анализа вместе с командой функционала и фич, которые могут быть
потенциально внедрены в нашу систему.
10. Внедрил интернационализацию с использованием библиотеки i18n, что упростило перевод
проекта на другие языки.
11. Автоматизировал деплой веб-приложения на сервера AWS, используя Github Actions, Nginx
и Docker.
12. Применял mock service worker для согласования интерфейсов будущих ручек бэкенда и
минимизации изменений при его готовности.
13. Участвовал в кросс-ревью кода, проверяя соответствие код-стайлу, наличие багов и
оптимизируя излишний функционал.
Работал с Google Maps, и BI системами, был опыт подключения Яндекс аналитики
ParcelHero (https://parcelhero.com/) — предоставляет услуги доставки посылок и грузов.
Компания предлагает клиентам отправку посылок по всему миру, сотрудничая с ведущими
курьерскими службами, такими как DHL, UPS и FedEx.
Участвовал в разработке сервиса для доставки посылок различными транспортными
компаниями. Преимущественно переписывал legacy код проекта на новый стек и PReact.js.
Технологический стек проекта:
PReact,React16.8+, Redux TypeScript, React-Router-Dom, Unit Jest, React Testing library, Storybook, Bootstrap,
Yup, React Hook Form, модульные стили SCSS, CSS3, Pug, HTML5, ESLint, Prettier, Webpack, GitLab
Результаты работы:
1. Разработка c нуля на новом стеке сложной логистической платформы связанная с доставкой
товаров на PReact.JS, TypeScript: раздел дашборды, разделы с таблицами, таблицы с
вложенностями - дерево (tree), фильтры, графики (чарты), все этапы продвижения товара -
упаковка, сортировка, приемка, отгрузка, сканирование и т.д;
2. Опыт работы и распиливания legacy кода на современный стек. Заменил legacy код на
современный стек, который включает PReact (React.JS).
Быстро погрузился в существующую обширную кодовую базу и освоил новый фреймворк, что
позволило ускорить разработку и улучшить производительность приложения.
3. Инициировал внедрение и внедрил методологию Test-Driven Development (TDD) на стадии
переноса legacy кода, что упростило в дальнейшей разработке отлаживание и поддержку
проекта.
4. Активно писал Jest и React Testing Library для написания unit-тестов и UI-тестов, что повысило
стабильность и надежность кода.
5. Взаимодействие с backend-разработчиками в обсуждениях API для удобных решений.
6. Участие в code review.
Работал с Google Maps, и BI системами, был опыт подключения Яндекс аналитики