Добрый день! Вот пример страницы https://tahoservis.ru/prodat-tahograf (Такой блок есть на всех страницах) Нужно адаптировать блоки под мобильные устройства (Планшеты, смартфоны). Скрин во вложении.
Необхідно зробити верстку шаблону з figma
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Необхідно зробити верстку цього шаблону (https://www.figma.com/file/mtvR5KQGfO6FtSVmLQdU0Z/Paintit-moodboard?type=design&node-id=0%3A1&t=0af8dqwrBiwrC0fY-1). Будемо перевіряти за google page speed і за цими 10 пунктами:
1. Компонентний підхід: Розділяйте програму на маленькі, незалежні компоненти. Кожен компонент повинен бути відповідальним лише за свою власну логіку та уявлення.
2. Одноманітність стилю коду: одноманітність стилю коду у всьому проекті. Використання стандартів та посібників, таких як JavaScript Style Guide та ESLint для автоматичної перевірки та підтримки однаковості.
3. Використання строгого режиму: Вмикаємо строгий режим (strict mode) у програмі React, щоб виявляти потенційні проблеми та попередження під час розробки.
4. Використання функціональних компонентів: Якщо це можливо, використовуйте функціональні компоненти замість класових компонентів. Вони простіші, мають кращу продуктивність і можуть використовувати нові можливості, такі як хуки.
5. Поділ компонентів на файли: Розділіть компоненти на окремі файли, щоб полегшити їх розуміння та повторне використання. Тримайте кожен компонент у окремому файлі з відповідним ім'ям.
6. Пропси (props): Передавайте дані та функції через пропси між компонентами, щоб забезпечити чистоту та передбачуваність потоку даних у вашому додатку.
7. Використання ключів (keys): Під час роботи зі списками компонентів завжди вказуйте унікальний ключ (key) для кожного елемента списку. Це допомагає React оптимізувати оновлення компонентів та покращити продуктивність.
8. Використання чистих функцій: При написанні логіки компонентів намагайтеся створювати чисті функції, які не мають побічних ефектів і повертають однаковий результат для тих самих вхідних даних.
9. Декомпозиція компонентів: Якщо компонент стає занадто складним, розділіть його на кілька дрібніших компонентів. Це допомагає покращити читаність, тестованість та перевикористання коду.
10. Використання PropTypes або TypeScript: Для забезпечення типізації та запобігання помилкам під час розробки рекомендується використовувати PropTypes або TypeScript для перевірки типів пропсів та стану компонентів.
Головне: це код, який легко читається, розуміється та підтримується. Він дотримується принципів модульності, однаковості стилю, поділу відповідальності та ефективної організації компонентів та логіки застосування.
- Похожие заказы
- $10HTML-верстка2 заявкиЗакрытгод назад
- $100
Всем привет! Нужно сделать мини сайт для отслеживании карго. Нужен такой функционал 1. Человек проходит регистрацию через номер телефона 2. Вставляет трек номер с приложении Пиндуодуо и отслеживает где едет товар Пример прикрепила Пишите ...
HTML-верстка10 заявокЗакрытгод назад Создать простую WebApp страницу на основе документации Telegram https://core.telegram.org/bots/webapps Страница должна выглядеть также, как дизайн телеграмма пользователя
HTML-верстка4 заявкиЗакрытгод назадНа сайте настраиваю выгрузку товаров. Они выгружаются при 0 остатки - не выгружаются, при - прочерк т.е. не учтенные выгружается все товары 4500 позиций. Соответственно если на сайте половина числится а половина нет , получается ...
HTML-верстка1 заявкаЗакрыт10 месяцев назадНам необходимо сверстать страницу по макету.Используя инструменты HTML CSS JSЛибо webflow Результат работы задеплоить используюя github pages
HTML-верстка1 исполнительЗавершенгод назадТребуется помощь программиста по несложным фронт правкам на готовых сайтах. Цена договорная. В своей заявке, укажите пожалуйста какими языками программирования вы владеете.
HTML-верстка28 заявокЗакрыт10 месяцев назадТребуется сверстать многостраничный макет, анимации, переходы. Все подробности скину в лс
HTML-верстка1 исполнительЗавершенгод назадНадо сверстать лонгрид. Можно смоделировать дизайн по образцу, вот ссылка на образец здесь 👇👇 https://l.wolfskillmarketing.ru/model_kmz Текст с картинками у меня готов
HTML-верстка34 заявкиЗакрыт10 месяцев назад- HTML-верстка1 исполнительЗавершен10 месяцев назад