Size: a a a

React — русскоговорящее сообщество

2021 January 03

M

Mark in React — русскоговорящее сообщество
Использую Swiper, и т.к. кастомный слайдер не является нативным, браузерным, он не имеет полос прокрутки. Он прокручивается программно через transform: translateX()

Если скролить слева направо, то в этом случае возникает конфликт реализации слайдера с браузерным history back, как отменить это действие?
источник

Г(

Герман (╯°□°)╯︵ ┻━┻... in React — русскоговорящее сообщество
Mark
Использую Swiper, и т.к. кастомный слайдер не является нативным, браузерным, он не имеет полос прокрутки. Он прокручивается программно через transform: translateX()

Если скролить слева направо, то в этом случае возникает конфликт реализации слайдера с браузерным history back, как отменить это действие?
html, body {
 overscroll-behavior-x: none;
}
Попробуй добавить эти стили на страницу.
Если сработает, возможно стоит слушать начало и окончание свайпа у слайдера
При начале свайпа добавлять стили на страницу с помощью тега style, при окончании удалять, чтобы сохранить дефолтное  поведение у браузера в других местах
Свайпер вроде норм библиотека и такие события должна иметь в своем api
источник

SD

Sherbaev Davron in React — русскоговорящее сообщество
всем привет, использовал кто-нибудь Google Maps и Next JS?
У меня проблема:
использую @react-google-maps/api
Загружаю карту, и она вроде бы начинает прогружаться, но застревает на сером фоне
<LoadScript
     googleMapsApiKey={process.env.NEXT_PUBLIC_GOOGLE_KEY}
   >
     <GoogleMap
       options={{
         streetViewControl: false,
       }}
       onLoad={props.onLoad}
       ref={props.ref}
       mapContainerStyle={{
         // width: "20rem",
         height: "80rem",
       }}
       onDragEnd={props.onDragEnd}
       center={props.center}
       zoom={14}
     />
   </LoadScript>
источник

SD

Sherbaev Davron in React — русскоговорящее сообщество
Sherbaev Davron
всем привет, использовал кто-нибудь Google Maps и Next JS?
У меня проблема:
использую @react-google-maps/api
Загружаю карту, и она вроде бы начинает прогружаться, но застревает на сером фоне
<LoadScript
     googleMapsApiKey={process.env.NEXT_PUBLIC_GOOGLE_KEY}
   >
     <GoogleMap
       options={{
         streetViewControl: false,
       }}
       onLoad={props.onLoad}
       ref={props.ref}
       mapContainerStyle={{
         // width: "20rem",
         height: "80rem",
       }}
       onDragEnd={props.onDragEnd}
       center={props.center}
       zoom={14}
     />
   </LoadScript>
пробовал без ssr, чере dynamic import, всё тоже самое

в консоли никаких ошибок
источник

SD

Sherbaev Davron in React — русскоговорящее сообщество
Sherbaev Davron
всем привет, использовал кто-нибудь Google Maps и Next JS?
У меня проблема:
использую @react-google-maps/api
Загружаю карту, и она вроде бы начинает прогружаться, но застревает на сером фоне
<LoadScript
     googleMapsApiKey={process.env.NEXT_PUBLIC_GOOGLE_KEY}
   >
     <GoogleMap
       options={{
         streetViewControl: false,
       }}
       onLoad={props.onLoad}
       ref={props.ref}
       mapContainerStyle={{
         // width: "20rem",
         height: "80rem",
       }}
       onDragEnd={props.onDragEnd}
       center={props.center}
       zoom={14}
     />
   </LoadScript>
вопрос решён, проблема была в css стилях. А именно Bg color
источник

AA

Askhad Askhadov in React — русскоговорящее сообщество
Ребят всем привет
источник

AA

Askhad Askhadov in React — русскоговорящее сообщество
Тут есть кто шарит в джанго+реакт
источник

AA

Askhad Askhadov in React — русскоговорящее сообщество
Необходимо прикрутить к бэку на джанго(сайт) фронт на реакте
источник

AA

Askhad Askhadov in React — русскоговорящее сообщество
Как лучше(проще) это реализовать?
источник

S

Stanislav in React — русскоговорящее сообщество
Askhad Askhadov
Как лучше(проще) это реализовать?
http goes brr
источник

РМ

Руслан Мамедов... in React — русскоговорящее сообщество
Нужна будет крестовая и лазерный уровень
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Askhad Askhadov
Как лучше(проще) это реализовать?
через апи в основном
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Askhad Askhadov
Необходимо прикрутить к бэку на джанго(сайт) фронт на реакте
Зависит от того, что это за сайт
источник

AA

Askhad Askhadov in React — русскоговорящее сообщество
Vladimir Klimov
Зависит от того, что это за сайт
Блог с тремя полями
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Askhad Askhadov
Блог с тремя полями
Зачем реакт?
источник

AA

Askhad Askhadov in React — русскоговорящее сообщество
Vladimir Klimov
Зачем реакт?
А что лучше
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Vladimir Klimov
Зачем реакт?
Просто для блога самое важное с технической стороны, на мой взгляд - скорость работы и seo, если есть уже джанго - возьмите какой-то шаблонизатор и рендерите на сервере свой блог
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
А как делать сср для реакта на питоне - я даже не представляю🤔
источник

AA

Askhad Askhadov in React — русскоговорящее сообщество
Vladimir Klimov
Просто для блога самое важное с технической стороны, на мой взгляд - скорость работы и seo, если есть уже джанго - возьмите какой-то шаблонизатор и рендерите на сервере свой блог
Спасибо огромное
источник

S

Stanislav in React — русскоговорящее сообщество
Vladimir Klimov
А как делать сср для реакта на питоне - я даже не представляю🤔
источник