Ответы пользователя по тегу React
  • Как реализовать карту?

    nepritimov_m
    @nepritimov_m
    Frontend dev.
    Как вариант, можно взять svg-карту США отсюда (там разного уровня детализации карты)
    Далее, разбить ее на части в виде стейтлесс компонентов.
    И уже по клику или как-нибудь как надо отображать элементы на этих областях.
    В приведенном вами примере, кружки отображаются посередине зоны. Высчитать их позицию не так уж и сложно.
    Поковыряйтесь в документации SVG, там все есть)
    P.S. Для отображения кружков советую использовать тег g, внутри него уже path
    P.P.S. Карта Казахстана (в каком-то старом проекте разрабатывал)
    Ответ написан
  • Как начать использовать React js в своих проектах?

    nepritimov_m
    @nepritimov_m
    Frontend dev.
    Т.е. например мне надо сделать обновление корзины на React
    Значит нужно сделать реакт-приложение корзины.

    Мне получается надо у себя поставить node js, запустить create-react-app, установить babel, создать компонент cart. Сделать в нем всю логику кукую-нибудь, потом запустить bulid получившийся js файл я подключаю на странице?
    Кроме компонента Cart надо будет сделать еще базовый компонент, в котором будет отображаться список всех покупок и кое-какая логика самой корзины. В компоненте карточки уже логику для карточки реализовывать.

    Потом я захотел сделать форму регистрации, все мне это делать по новой?
    Значит тебе надо будет сделать реакт-приложение формы авторизации. Из повторных действий тут только запустить create-react-app, потом запустить build, получившийся js файл подключить на странице.

    Лучше, конечно же, писать полностью приложение (SPA), а не подобные мини-приложения. Но начать можно и с этого. В последующем, объединить все в единое целое - не такая уж и проблема.
    Ответ написан
    Комментировать
  • Как найти компонент карусели для react 16?

    nepritimov_m
    @nepritimov_m
    Frontend dev.
    Заходишь на npm и заглядываешь во все реакт-слайдеры в package.json, какую они там версию реакта используют. 16 версия релизнулась меньше месяца назад, не уверен что успели что-то переписать под новую версию.
    Ответ написан
    Комментировать
  • Как продублировать функцию в React.js?

    nepritimov_m
    @nepritimov_m
    Frontend dev.
    Создаешь отдельный компонент Menu, в котором его позиция задается приходящим пропсом, допустим position. Реализуешь в компоненте всю сопутствующую логику (открывание/закрывание и т.п.).
    Далее, добавляешь в рендер родителя 2 экземпляра компонента меню, вот только в пропсах одному в position передаешь left, второму right.
    Ответ написан
    Комментировать