GithubHelp home page GithubHelp logo

Cross-check about react-biletopoisk HOT 1 OPEN

timursk avatar timursk commented on August 12, 2024
Cross-check

from react-biletopoisk.

Comments (1)

makdmt avatar makdmt commented on August 12, 2024

Привет! Сначала написал баллы, ниже развернутый ответ.

  1. Реализована страница списка фильмов 0.75

    1. Верстка соответствует макетам(допускаются минимальные отхождения, адаптив не требуется) - да/нет
    2. Работает переход по клику на фильм(либо на всю карточку, либо на название или постер) - да
    3. Реализованы все ограничения и шаблоны ввода для фильтров(там где указаны) - да
    4. Реализованы ограничения на кол-во билетов - да
  2. Фильтры 1

    1. Фильтрация работает - значения в списке фильтруются - да
  3. Страница фильма 0.5

    1. Верстка соответствует макетам(допускаются минимальные отхождения, адаптив не требуется) - нет
    2. Реализованы ограничения на кол-во билетов - да
  4. Страница заказа 0.67

    1. Верстка соответствует макетам(допускаются минимальные отхождения, адаптив не требуется) - нет
    2. Финальное кол-во билетов считается корректно - да
    3. Модально окно работает как описано - да
  5. Страница о нас 0.5

    1. Верстка соответствует макетам(допускаются минимальные отхождения, адаптив не требуется) - да
    2. Static (страница генериться на билде, а не на реквесте) - нет
  6. Страница вопросы/ответы 0

    1. Верстка соответствует макетам(допускаются минимальные отхождения, адаптив не требуется) - *нет
    2. Static (страница генериться на билде, а не на реквесте) - нет
  7. Шапка 0.5

    1. Верстка соответствует макетам(допускаются минимальные отхождения, адаптив не требуется) - да
    2. Позиционируется липко(стики) - нет
  8. Футер 1

    1. Верстка соответствует макетам(допускаются минимальные отхождения, адаптив не требуется) - да
  9. Модалка 1

    1. Верстка соответствует макетам(допускаются минимальные отхождения, адаптив не требуется) - да
    2. Используется портал - да
  10. Стор 1

    1. Данные корректно разбиты на модули(пример - кинотеатры, фильмы, отзывы, авторы отзывов, корзина) - да
    2. Селекторы написаны оптимально(нет кучи дублирования) - да
    3. Данные грузятся только по необходимости(отзывы не надо грузить на странице списка фильмов и тд), если уже загружены, то повторно не загружаются. - да
  11. Оптимизация 0.33

    1. При изменении кол-ва билетов не перерендеривается вся карточка фильма(в списке фильмов, на странице фильма, в заказе), а только часть с количеством - нет
    2. Для картинок используется Image некста. Постеры(про список фильма), которые вне вьюпорта грузятся лениво - да
    3. На полях фильтрации с свободным вводом есть debounce(фильтрация происходит только после окончания ввода) - нет

Результат: 7

В разных местах верстка не по фигме, про статик сказать не могу тк проект все равно не получилось сбилдить. Дебаунса на инпут нет. Для того, чтобы не триггерился ререндер карточки фильма, можно было не вызывать селектор amount, а перенести его вызов в дочерние компоненты, которым требуется это значение (как и инициализация функций). В целом, могу посоветовать сохранять получаемые данные (фильмы, фильтры итп) в стор, для последующей манипуляции и более удобном разделении компонентов. (юз селекторы и стейт нужно стараться вызывать глубже, в мелких компонентах, если это возможно)

Спасибо за обратную связь! Буду дорабатывать)

from react-biletopoisk.

Related Issues (2)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.