Откликайтесь
на вакансии с ИИ
Верстальщик React + TypeScript: создание UI-компонентов по Figma
Оценка ИИХороший проект для фриланса с четким ТЗ и понятным стеком. Отсутствие необходимости писать бизнес-логику позволяет сфокусироваться на качестве верстки и анимациях.
Сложность вакансии
Оценка ИИРабота требует высокой точности (Pixel Perfect) и навыков анимации, но не включает сложную бизнес-логику. Основная сложность заключается в объеме (31 экран) и необходимости строгого следования дизайну в Figma.
Анализ зарплаты
Оценка ИИВ объявлении указана договорная цена. На рынке РФ за верстку проекта такого объема (31 экран на React) обычно предлагают от 80 000 до 150 000 рублей в зависимости от сложности анимаций.
Сопроводительное письмо
Меня заинтересовала ваша вакансия на верстку UI-компонентов для десктоп-приложения. Имею опыт работы с React и TypeScript более 1.5 лет, специализируюсь на создании чистых, переиспользуемых компонентов с использованием Tailwind CSS. Я внимательно отношусь к деталям и всегда стремлюсь к достижению Pixel Perfect результата, что критично для 31 экрана вашего проекта.
В моем портфолио есть примеры реализации сложных интерфейсов из Figma с использованием Framer Motion для плавной анимации. Я готов выполнить тестовое задание, чтобы подтвердить качество своего кода и соответствие вашим стандартам. Буду рад обсудить этапы работы и итоговую стоимость проекта.
Составьте идеальное письмо к вакансии с ИИ-агентом
Откликнитесь уже сейчас
Откликайтесь на проект, чтобы продемонстрировать свои навыки Pixel Perfect верстки и поработать над современным UI!
Описание вакансии
**Верстальщик React + TypeScript: создание UI-компонентов по Figma
Что нужно сделать?**Ищем верстальщика на react + typescript, который выполнит верстку ui компонентов по готовому дизайну из figma для десктоп приложения.
Объём работы
Примерно 31 основной экран (по готовому дизайну).
Верстка презентационных (чистых ui) react-компонентов.
Адаптивность: под обычные экраны пк/ноутбуков + под маленькие экраны ноутбуков (macbook 13" и аналогичные) - все варианты уже есть в дизайне.
Чистые, переиспользуемые компоненты.
Важно:
Это именно верстка компонентов, а не разработка всего приложения. Логику, состояние, интеграцию компонентов и остальную разработку будет выполнять отдельный фронтенд разработчик.
Требования
Опыт разработки от 1,5 лет.
Уверенное владение react (функциональные компоненты, хуки) + typescript.
опыт разработки анимаций.
Опыт работы с tailwind css и framer motion.
Отличный уровень html.
Опыт работы с figma.
Внимание к деталям, пиксель-пёрфект и чистый, хорошо структурированный код.
Владение git
Стек
javascript/typescript
react
tailwind
framer motion (для анимаций)
git
vite
Что нужно предоставить при отклике:
Ссылки на портфолио или примеры верстки React-компонентов из Figma (с возможностью визуально сравненить дизайн и результат).
Кратко: опыт верстки подобных проектов (сколько экранов/компонентов делали).
Кратко: примерная стоимость работы за весь объём.
Готовность выполнить небольшое тестовое задание.
Условия:
Удалённая работа.
Поэтапная разработка с фиксированной оплатой за каждый этап.
Тестовое задание является частью основного проекта и оплачивается в случае, если мы выберем вас для выполнения всего объёма работ.
Дополнительно
Дизайн, figma, описание приложения и вся необходимая информация предоставляются сразу после согласования.
Цена: договорнаяОткликнуться#верстка #фриланс
Создайте идеальное резюме с помощью ИИ-агента
Навыки
- TypeScript
- HTML
- Git
- Figma
- JavaScript
- React
- Tailwind CSS
- Vite
- Framer Motion
Возможные вопросы на собеседовании
Проект требует создания переиспользуемых компонентов. Важно понимать, как кандидат структурирует пропсы и стили.
Как вы организуете структуру UI-компонента, чтобы он был максимально переиспользуемым и легко настраиваемым через props?
В стеке заявлен Tailwind CSS. Нужно проверить опыт работы с этой библиотекой.
Как вы решаете проблему конфликтов классов или динамического изменения стилей при использовании Tailwind CSS?
Для анимаций используется Framer Motion. Важно оценить уровень владения инструментом.
Расскажите о самом сложном сценарии анимации, который вы реализовывали с помощью Framer Motion. Как вы оптимизировали производительность?
Вакансия предполагает верстку под разные разрешения ноутбуков.
Какую стратегию адаптивности вы выберете для десктопного приложения, чтобы интерфейс корректно отображался и на 13-дюймовых, и на больших мониторах?
Работа в команде с фронтенд-разработчиком требует чистоты кода.
Как вы подходите к типизации React-компонентов в TypeScript, чтобы другому разработчику было максимально удобно интегрировать их в логику приложения?
Похожие вакансии
Frontend-разработчик (React / TypeScript)
Frontend Developer
Руководитель группы frontend (Team Lead)
Frontend Developer (React)
Middle Frontend Developer (Vue 3 / Nuxt 3)
Frontend-разработчик (Angular)
1000+ офферов получено
Устали искать работу? Мы найдём её за вас
Quick Offer улучшит ваше резюме, подберёт лучшие вакансии и откликнется за вас. Результат — в 3 раза больше приглашений на собеседования и никакой рутины!