Jobs JavaScript / Front-End

Ми шукаємо Senior / Lead-level Frontend Engineer з 8+ роками комерційного досвіду — інженера, який мислить не окремими екранами чи компонентами, а продуктом у цілому. Для нас фронтенд — це не шар над бекендом, а повноцінна частина продукту, тісно повʼязана з метриками, бізнес-цілями та реальною поведінкою користувачів. Якість реалізації інтерфейсу має відповідати продакшн-рівню до найменших деталей — від логіки станів до точності візуального виконання.
 

У цій ролі ти працюватимеш у тісній співпраці з продуктовою та growth-командами, матимеш високу автономію в технічних рішеннях і безпосередньо впливатимеш на розвиток ключових користувацьких флоу. Ми очікуємо участі не лише на етапі реалізації, а й у формуванні рішень: від обговорення гіпотез і UX-підходів до вибору технічних компромісів.

Що для нас важливо: 

Досвід та підхід

• 8+ років комерційного досвіду з React.js
• Глибоке володіння TypeScript (4+ років у продакшені)
• Досвід роботи у великих продуктових командах з code review, дизайн-системами та стабільними процесами
• Здатність самостійно приймати технічні рішення і нести за них відповідальність
• Продуктове мислення: розуміння впливу UI-рішень на метрики

Frontend stack (must-have)

• React.js + TypeScript
• Redux Toolkit / RTK Query або TanStack React Query (production usage)
• Tailwind CSS + shadcn/ui
• React Hook Form (з валідацією через Zod/Yup)
• Vite
• Досвід з Next.js у реальних продуктах

Pixel Perfect & UI quality

• Вміння точно відтворювати дизайн до пікселя
• Робота з дизайн-системами, токенами, spacing, typography
• Уважність до дрібниць: стани, hover/focus, empty/error/loading states
• Accessibility (WCAG) 
• Розуміння, коли UI-бібліотека допомагає, а коли заважає

Буде великою перевагою:

• Досвід з payment integrations (Stripe / Solidgate)
• Робота з data-heavy UI: графіки, таблиці, дашборди (Echarts / Highcharts, TanStack Table)
• SSE / real-time флоу
• Інтеграція аналітики: Mixpanel, GA, Facebook Pixel
• Досвід оптимізації під high-load продукти (100k+ користувачів)

Твої задачі та виклики:

• Розробка та розвиток складного веб-продукту на сучасному React-стеку
• Доведення UI до production-якості
• Оптимізація продуктивності, рендерингу, server state
• Участь у ключових архітектурних рішеннях фронтенду
• Code review з фокусом на якість, читабельність і підтримуваність
• Повна залученість у життєвий цикл фічі: від ідеї → реалізації → продакшену
• Тісна співпраця з дизайнерами та продуктом
• Робота в continuous delivery з регулярними релізами

Рекрутмент процес:
Інтервʼю з рекрутером > Тестове завдання > Інтервʼю (CEO & Lead) > Референс-чек > Джоб оффер.
 

Пиши, поспілкуємося!

Привіт! Давай знайомитися!

Ми компанія — провідна онлайн-платформа з пошуку роботи в Україні, що входить до європейського холдингу Grupa Pracuj Ltd та є партнером міжнародної мережі The Network. Ми підтримуємо розвиток ринку працевлаштування, надаючи ефективні інструменти для роботодавців та шукачів роботи.

Наразі ми в пошуку Principal Frontend Software Engineer (Frontend Tech Lead)

Основні обов’язки:

• Розвиток технічного напряму фронтенду та прийняття ключових архітектурних рішень;
• Лідерство у розробці складних UI-проєктів та впровадженні ключових фіч;
• Менторство інженерів та підвищення загального технічного рівня команди;
• Організація роботи гільдії та впровадження технічних стандартів і code guidelines;
• Кросфункціональна взаємодія з продуктовими та дизайн-командами, участь у плануванні та discovery;
• Забезпечення високої продуктивності, доступності, безпеки та стабільності платформи;
• Визначення довгострокової архітектурної еволюції продукту та вибір технологій.

Для нас важливо:

• 8+ років досвіду комерційної розробки клієнтських застосунків;
• 3+ роки досвіду у побудові та підтримці складних сервісів або великих продакшн-рішень;
• Глибоке знання JavaScript, TypeScript, Angular або інших сучасних фреймворків;
• Впевнене володіння HTML, CSS та сучасними підходами до UI-інженерії та рендерингу;
• Досвід проєктування масштабованих SPA/MPA архітектур та знання патернів (state management, performance, security);
• Розуміння принципів оптимізації під SEO;
• Вміння презентувати технічні рішення нетехнічним стейкхолдерам та оцінювати ризики;
• Лідерські якості, системне мислення та здатність вести ініціативи від ідеї до релізу.

Буде перевагою:

• Широкий технічний бекграунд (досвід із C#, C++, Python тощо);
• Досвід у mobile development та оптимізації під GEO;
• Здатність працювати з вимогами Security & Compliance.

Ми пропонуємо:

• Вплив на архітектурні рішення у компанії №1 на ринку;
• Можливість формувати технічну культуру відповідно до найкращих світових практик;
• Конкурентну заробітну плату;
• Гнучкий графік роботи та гібридний формат;
• 24 календарних дні оплачуваної відпустки;
• Медичне страхування та програма підтримки ментального здоров’я;
• Роботу у команді з високим рівнем автономії.

Вже уявляєш себе у нашій команді! Тоді чекаємо на твоє резюме та готові до спілкування. 

Ми шукаємо JavaScript Developer (Angular), який прагне працювати в динамічному середовищі та розділяє цінності взаємної довіри, відкритості та ініціативності.

ПриватБанк — є найбільшим банком України та одним з найбільш інноваційних банків світу. Займає лідуючі позиції за всіма фінансовими показниками в галузі та складає близько чверті всієї банківської системи країни.

Ми прагнемо знайти цілеспрямованого професіонала, який вміє працювати в режимі багатозадачності, орієнтованого на якість та результат.

Основні обов’язки:

- Розробка та підтримка веб додатків банку,які повʼязані з наданням аналітичних данних, тобто побудова та відображення різних дашбордів, звітів, тощо

Основні вимоги:

- Вища освіта
- 2+ роки досвіду роботи на аналогічній посаді

- Знання HTML, CSS

- Знання TypeScript, Angular, NodeJS

- Навички користування Jira, Git

- Досвід з VS Code, Cursor, Kiro
 

Своїм співробітникам ми пропонуємо:

- Роботу в найбільшому та інноваційному банку України

- Офіційне працевлаштування та 24 календарних дні відпустки

- Конкурентну заробітну плату

- Медичне страхування та корпоративний мобільний зв’язок

- Корпоративне навчання

- Сучасний комфортний офіс

- Цікаві проєкти, амбіційні задачі та динамічний розвиток

- Дружній професійний колектив та сильну команду

💻 Вакансія: Front-end Developer / Верстальник (Crypto)

Graphite Group - Ми не агентство і не нетворк з Telegram. Ми- інхаус байінг, який 4 роки лупить трафік на TR у Сrypto вертикалі. У нас свої оффери, анкап, інфраструктура та лінійка сильних баєрів. Шукаємо сильного верстальника, який вміє швидко та якісно реалізовувати конверсійні лендинги з макетів Figma.

🔹 Обов’язки:

• Pixel-perfect верстка лендингів за макетами з Figma
• Адаптивна верстка під desktop / tablet / mobile
• Реалізація лендингів під різні GEO та аудиторії
• Коректна робота сайтів у сучасних браузерах
• Реалізація всіх UI-станів (hover, active, focus, disabled, помилки, пусті стани)
• Оптимізація зображень та SVG
• Написання акуратного, мінімалістичного та зрозумілого коду
• Внесення швидких правок за фідбеком від команди (дизайнери, байєри)
• Підтримка та доопрацювання вже існуючих лендингів

🔹 Необхідні навички:

• Впевнена верстка за макетами Figma (сітка, відступи, типографіка)
• HTML5 / CSS3 / JavaScript
• Семантична розмітка та базова доступність (ARIA за потреби)
• Розуміння адаптивності та mobile-first підходу
• Впевнена робота з Figma (assets, SVG/PNG, стилі, компоненти, auto-layout, constraints)
• Вміння читати та підтримувати чужий код без порушення логіки
• Розуміння принципів оптимізації продуктивності фронтенду

🔹 Буде плюсом:

• Досвід роботи з лендингами під арбітраж або performance-трафік
• Розуміння принципів CRO (оптимізації конверсії)
• Досвід роботи з анімаціями або легким motion на фронті
• Базове розуміння трекінгу (пікселі, події, скрипти аналітики)

🔹 Окремо цінуємо:

• Активне використання AI-інструментів у розробці (генерація, аналіз та рефакторинг коду, автоматизація рутини, пришвидшення процесів)

🔹 Ми пропонуємо:

• Роботу в швидкій арбітражній команді без бюрократії
• Постійні задачі та великі обсяги лендингів
• Швидкий фідбек і мінімум зайвих погоджень
• Конкурентну оплату 
• Повністю віддалену роботу

Шукаємо відповідального frontend-розробника для співпраці на проєктній основі.

✅ Вимоги:

• Досвід роботи з Vue 3, TypeScript, Tailwind CSS
• Розуміння компонентної архітектури, ефективної роботи з API
• Уміння писати чистий, підтримуваний код

🛠️ Формат співпраці:

• Ми видаємо технічне завдання
• Ви робите оцінку обсягу (естімейт) і визначаєте дедлайн
• Після рев’ю — оплата за виконане завдання
• За результатами кількох успішних завдань можливий перехід на full-time

📌 Важливо:

• Оцінка кандидата проводиться в першу чергу по коду та наданих проєктах (GitHub, GitLab або інші)
• Посилання на репозиторій або код-сніпет з вашим використанням Vue + TypeScript — обов’язкові для розгляду

About Protein EnergyProtein Energy is trading and production company operating in the field of alternative energy and agro-industrial complex of Ukraine with a high-developed logistic complex. The basis of all the goods produced and offered by the company are only organic products that carry the highest value in the places of their application in accordance with quality standards
Company page

proteinrg.com

Шукаємо відповідального frontend-розробника для співпраці на проєктній основі.

✅ Вимоги:

• Досвід роботи з Vue 3, TypeScript, Tailwind CSS
• Розуміння компонентної архітектури, ефективної роботи з API
• Уміння писати чистий, підтримуваний код

🛠️ Формат співпраці:

• Ми видаємо технічне завдання
• Ви робите оцінку обсягу (естімейт) і визначаєте дедлайн
• Після рев’ю — оплата за виконане завдання
• За результатами кількох успішних завдань можливий перехід на full-time

📌 Важливо:

• Оцінка кандидата проводиться в першу чергу по коду та наданих проєктах (GitHub, GitLab або інші)
• Посилання на репозиторій або код-сніпет з вашим використанням Vue + TypeScript — обов’язкові для розгляду

About Protein EnergyProtein Energy is trading and production company operating in the field of alternative energy and agro-industrial complex of Ukraine with a high-developed logistic complex. The basis of all the goods produced and offered by the company are only organic products that carry the highest value in the places of their application in accordance with quality standards
Company page

proteinrg.com

1   Опис проєкту

Комплексна система монiторингу та аналiзу радiосигналiв з веб-iнтерфейсом для керування обладнанням, геолокацiєю та вiзуалiзацiєю даних в реальному часi.

Iнтерфейсна частина проєкту побудована як кiлька Single Page Applications (SPA) з використанням сучасного стеку технологiй React та TypeScript. Застосунок забезпечує взаємодiю з браузера з сервером по WebSocket, управлiння локальним станом через Redux, та мiстить модулi для роботи з картами, графiками, формами та журналами подiй.

2     Вимоги до кандидата

2.1     Технiчнi навички

2.1.1     Основний стек

• React - глибоке розумiння функцiональних компонентiв, hooks, lifecycle

• TypeScript - впевнене володiння типiзацiєю, generics, advanced types

• React Router - маршрутизацiя, nested routes, protected routes

• Redux Toolkit - управлiння глобальним станом застосунку

• HTML5/CSS3 - семантична верстка, адаптивнiсть, accessibility

2.1.2     Стилiзацiя та UI компоненти

• Tailwind CSS - utility-first пiдхiд до стилiзацiї

• Radix UI - робота з unstyled accessible компонентами

• shadcn/ui -використання та кастомiзацiя готових компонентiв

• PostCSS та Sass - препроцесори стилiв

2.1.3     Форми та валiдацiя

• React Hook Form - керування формами

• Zod - schema validation

2.1.4     Iнструменти розробки

• Git - version control, branching strategies

• Webpack 5 - конфiгурацiя, оптимiзацiя, code splitting

2.1.5.     Оптимiзацiя продуктивностi

• Аналiз алгоритмiв - оцiнка складностi алгоритмiв (Big O), вибiр оптимальних структур даних

• Профiлювання - вмiння використовувати Chrome DevTools Performance, React DevTools Profiler

• Пошук вузьких мiсць - навички виявлення performance bottlenecks пiд час code review та debugging

• React оптимiзацiї - useMemo, useCallback, React.memo, code splitting, lazy loading

• Rendering optimization - вiртуалiзацiя спискiв, мiнiмiзацiя re-renders, batching updates

2.1.6    Кешування та персистентнiсть даних

• RTK Query - data fetching, caching strategies, invalidation policies

• IndexedDB - робота з браузерним сховищем для великих обсягiв даних

• Cache strategies - stale-while-revalidate, cache invalidation, TTL policies

• LocalStorage/SessionStorage - використання для session persistence

• Оптимiстичнi оновлення - optimistic UI updates, rollback strategies

2.2    Бажанi навички

• WebSocket - real-time комунiкацiя з сервером

• Leaflet - робота з картами та географiчними даними

• uPlot - вiзуалiзацiя графiкiв та часових рядiв

• CASL - role-based access control (RBAC)

• React DnD або iншi drag-and-drop бiблiотеки

• Видiленi шрифти - робота з custom fonts (проєкт використовує UAF Sans)

• Linux/macOS - досвiд розробки на Unix-подiбних системах

2.3     Soft Skills

• Здатнiсть читати та розумiти чужий код

• Уважнiсть до деталей та якостi коду

• Самостiйнiсть у прийняттi технiчних рiшень

• Комунiкативнi навички для роботи в командi

• Вмiння писати чисту, пiдтримувану документацiю

2.4    Мовнi вимоги

• Українська - вiльне володiння

• Англiйська - технiчний рiвень для читання документацiї

3    Обовʼязки

3.1     Пiдтримка iснуючого коду

• Виправлення багiв у UI компонентах

• Рефакторинг коду для покращення читабельностi та продуктивностi

• Оптимiзацiя продуктивностi застосунку (bundle size, rendering, algorithm complexity)

• Профiлювання та усунення performance bottlenecks

• Налаштування кешування та data persistence стратегiй

• Пiдтримка сумiсностi з рiзними браузерами

• Code review з фокусом на performance та best practices

3.2     Розробка нового функцiоналу

• Реалiзацiя нових UI компонентiв вiдповiдно до дизайну

• Iнтеграцiя з backend API через WebSocket

• Створення нових сторiнок та модулiв системи

• Iмплементацiя складних форм з валiдацiєю

• Розробка iнтерактивних вiзуалiзацiй (карти, графiки)

3.3     Робота з архiтектурою

• Планування структури нових модулiв

• Проєктування переповторно використовуваних компонентiв

• Управлiння станом застосунку через Redux

• Забезпечення type safety через TypeScript

• Iмплементацiя роль-базованого доступу (RBAC)

3.4     Документацiя та тестування

• Написання технiчної документацiї

• Покриття коду тестами (unit, integration)

• Документування компонентiв та API

• Створення style guides для компонентiв

4     Як подати заявку

4.1    Що надiслати

1. Резюме з описом досвiду роботи з React та TypeScript

2. Посилання на GitHub профiль або portfolio

3. Приклади кодової бази (якщо є open-source contribution)

4. Cover letter з описом:

• Чому вас цiкавить цей проєкт

• Ваш досвiд з технологiями зi стеку

• Що ви можете привнести в проєкт

4.2    Процес вiдбору

1. Перегляд резюме - оцiнка технiчного досвiду

2. Технiчне iнтервʼю - обговорення досвiду та пiдходiв

3. Code review - розгляд вашого коду або test task

4. Фiнальна зустрiч - обговорення деталей та очiкувань

5    Додаткова iнформацiя

5.1    Кориснi посилання для пiдготовки

React Documentation - https://react.dev/

TypeScript Documentation - https://www.typescriptlang.org/docs/

Redux Toolkit Documentation - https://redux-toolkit.js.org/

Tailwind CSS Documentation - https://tailwindcss.com/docs/installation/using-vite

shadcn/ui Documentation - https://ui.shadcn.com/

Leaflet Documentation - https://leafletjs.com/

5.2    Питання для самоперевiрки

Перед тим як подавати заявку, подумайте над цими питаннями:

1. Як би ви органiзували state management для real-time даних?

2. Як оптимiзувати rendering великих спискiв у React?

3. Що таке WebSocket i як його iнтегрувати з Redux?

4. Як забезпечити type safety при роботi з WebSocket messages?

5. Якi пiдходи до code splitting ви знаєте?

6. Як би ви реалiзували role-based access control у React?

47. Що таке controlled vs uncontrolled components у React Hook Form?

8. Як визначити складнiсть алгоритму i де це критично важливо у frontend?

9. Як ви шукаєте performance bottlenecks у React застосунку?

10. Яка рiзниця мiж useMemo та useCallback i коли їх використовувати?

11. Якi стратегiї кешування ви знаєте i коли їх застосовувати?

12. Як працює RTK Query та якi переваги вiн дає порiвняно з ручним управлiнням cache?

13. Коли доцiльно використовувати IndexedDB замiсть LocalStorage?

14. Що таке оптимiстичнi оновлення i як їх реалiзувати безпечно?

5.3    Очiкування вiд кандидата

• Готовнiсть швидко вникнути в iснуючу кодову базу

• Здатнiсть працювати самостiйно та приймати рiшення

• Бажання розвиватися та вивчати новi технологiї

• Вiдповiдальнiсть за якiсть коду

• Проактивнiсть у вирiшеннi проблем

"Код має бути написаний для людей, а не для машин. Машини лише виконують його."

Гарольд Абельсон

Шукаємо відповідального frontend-розробника для співпраці на проєктній основі.

✅ Вимоги:

• Досвід роботи з Vue 3, TypeScript, Tailwind CSS
• Розуміння компонентної архітектури, ефективної роботи з API
• Уміння писати чистий, підтримуваний код

🛠️ Формат співпраці:

• Ми видаємо технічне завдання
• Ви робите оцінку обсягу (естімейт) і визначаєте дедлайн
• Після рев’ю — оплата за виконане завдання
• За результатами кількох успішних завдань можливий перехід на full-time

📌 Важливо:

• Оцінка кандидата проводиться в першу чергу по коду та наданих проєктах (GitHub, GitLab або інші)
• Посилання на репозиторій або код-сніпет з вашим використанням Vue + TypeScript — обов’язкові для розгляду

About Protein EnergyProtein Energy is trading and production company operating in the field of alternative energy and agro-industrial complex of Ukraine with a high-developed logistic complex. The basis of all the goods produced and offered by the company are only organic products that carry the highest value in the places of their application in accordance with quality standards
Company page

proteinrg.com