Alexander
По работе на реакте группы подскажите
Daniil
По работе на реакте группы подскажите
хештеги в @javascript_jobs https://t.me/javascript_jobs_feed
Anonymous
Перезапускал несколько раз. Вроде ошибок нет. Че я делаю не так?
Anonymous
import React, {Component} from 'react'
Anonymous
Спасибо
Yury
Спасибо
а ты гуглил?
Anonymous
а ты гуглил?
Да, ведёт на гисты из офф.репы и вопросы не связанные с моей проблемой
Sergey
import React, {Component} from 'react'
уж лучше import * as React from “react”
🦜
уж лучше import * as React from “react”
лучше, когда ты типизацию юзаешь, а так без * можно
Anonymous
первые 3 ссылки о твоей проблеме :(
Naah. В первом просто про импорт говорилось, оно могло бы помочь, если бы я не был уверен в том, что я "правильно" импортировал. Во втором тыкаются в вебпак, в третьем тоже про импорт. Но я не думал, что накосячу с ним. Самоуверенность сгубила
Anonymous
Все, не буду разводить офтоп
GG
уж лучше import * as React from “react”
import * as React from “react” === import React from “react”
Kernel panic
Товарищи, вечер добрый, а подскажите и мне заодно, если можете) Кто-нибудь работал с react-id-swiper либой? Суть в том, что есть два свайпера, которые друг другом управляются (большое фото и миниатюры). И в модалке, куда данные прилетают через fetch, инициализируется только один свайпер с большими фото, свайпер с миниатюрами появляется только если закрыть модалку и открыть второй раз
Kernel panic
Не знаю куда копать, в реакте совсем новичок)
Kernel panic
Место, где рендерится свайпер на первом скрине, есть подозрение, что все факапится на моменте просчета высоты большого свайпера, это второй скрин, так как стейт дюже асинхронный, как я понял
Kernel panic
Kernel panic
В идеале должно быть так, однако в первый раз картина сейчас покажу какая)
Kernel panic
Вот. Ну и соответственно все места, где идет обращение к this.state.thumbnailSwiper валятся потому что нельзя обращаться к undefined. Если открыть условно карточку одного товара дважды, то появляется свайпер, если открыть другой продукт, ситуация повторяется, как будто кешируется я хз
Anonymous
Сейчас покажу
А попробуй пропсы добавить shouldSwiperUpdate и rebuildOnUpdate
Kernel panic
ради спортивного интереса сейчас попробую конечно, вдруг заработает
Kernel panic
Не, не сработало :С
Kernel panic
А зачем ты джойнишь имена классов? Не можешь сделать просто className=«classA classB»?
Изначально когда пробовал так, обрезало названия классов, не все влезало. Возможно из-за пререндера)
Anonymous
Изначально когда пробовал так, обрезало названия классов, не все влезало. Возможно из-за пререндера)
Быть такого не может, но окей, а какое значение thumbsHeight изначально в стейте? Оно truthy?
Kernel panic
Видимо нет, в конструкторе null
Anonymous
Не должно быть null
Anonymous
поэтому у тебя div с слайдером и не рендерится
Yury
а покажи ошибку вообще
Sergey
Ок. Но все равно выглядит криво
🦜
Ок. Но все равно выглядит криво
все, кто не юзает типизацию, всегда так импортировали реакт
Sergey
Вскод не может импортнуть автоматом
🦜
тем более можно import React, {useRef, useEffect, useState}
Sergey
Увы
🦜
Вскод не может импортнуть автоматом
ну можно это проблема vscode?
🦜
я работаю 3 года уже на вебшторме и все отлично
Sergey
ну можно это проблема vscode?
Лично мне проще видеть неймспейс
Sergey
И импорты не разрастаются
Sergey
https://t.me/react_js/773440
🦜
И импорты не разрастаются
Effector ты тоже импортируешь как * as Effector и юзаешь Effector.createEvent?
GG
все, кто не юзает типизацию, всегда так импортировали реакт
ты наверно хотел сказать "все кто не юзает тс", потому что во флоу это работает
Sergey
Effector ты тоже импортируешь как * as Effector и юзаешь Effector.createEvent?
Его нет. Но модельки свои, да. Хотя иногда и его тоже. import * as effector from "effector" import * as model from "./model"
Anonymous
>будто опять перерендеривается Посмотри в профайлере,отдебажь стейт
Kernel panic
поэтому у тебя div с слайдером и не рендерится
Да, ты прав. Убрал проверку эту, отрендерился свайпер с нулевой высотой, все слайды уже в нем. То есть получается не свайпер виноватый, а подсчет не работает вовремя если открывать в модалке
Kernel panic
Есть вариант, что он отрабатывает позже, чем надо — если второй раз эту карточку открыть, все норм появляется, видимо, потому что в стейте уже лежит высота корректная
Kernel panic
Ага, спасибо большое, дальше уже доковыряю как-нибудь)
Anonymous
или cDU/CDM
Anonymous
в зависимости от того, что юзаешь
Kernel panic
Кстати, а можете посоветовать литературу/скринкасты/бложики по реакту? А то реально начинающий, а обучаться надо быстро)
Kernel panic
в useEffect узнай нужную тебе высоту и засеть
Ок, погуглю, спасибо за наводку)
Bogdan
кто highcharts юзал, как вы переводили месяца на графике?
Bogdan
у него есть setOptions, в консоли он есть, но он ругается, что это не ф-я, хотя это ф-я
Лес 🌳
Кстати, а можете посоветовать литературу/скринкасты/бложики по реакту? А то реально начинающий, а обучаться надо быстро)
Привет, я сам начинающий, смотрел видеокурсы Юрия Буры и MERN fullstack, вроде норм объясняют
Igor
Да вроде документация самодостаточная
Не всем заходит с самого начала
Anonymous
Не всем заходит с самого начала
Даже не знаю, чья это проблема
Anonymous
В раздумьях
Anonymous
Да вроде документация самодостаточная
Скорее разработчика, потому что ↑, + у реакта есть предварительные требования, которые нужно соблюдать, что бы кривая обучения была более линейной
A
>будто опять перерендеривается Посмотри в профайлере,отдебажь стейт
по профайлеру я вижу, что он перерендеривается еще раз при открытии окна(это логично, так как окно по сути является родительским элементом, где графики чайлыд) Тут скорее интересно почему графики на 1 раз отрендериваются хреново, а во 2 раз всё красиво