Andrey
а чего вы ждете в js? какую оптимизацию, особенно в реакте? :D
ну например, как сократить количество бойлерплейта/оптимизировать код на примере приложухи уровня нефтеперерабатывающего завода. А не на туду листе.
Aleksey
ну например, как сократить количество бойлерплейта/оптимизировать код на примере приложухи уровня нефтеперерабатывающего завода. А не на туду листе.
о, как мило, это же так "важно" для рендера списков и прочего, а в энтерпрайзе react как бы не совсем то, что нужно)
Andrey
о, как мило, это же так "важно" для рендера списков и прочего, а в энтерпрайзе react как бы не совсем то, что нужно)
тут важно понимать, оптимизация в мелких приложухах, где от твоих ошибок никто не может умереть/потерять пару десятков миллионов !== оптимизация в энтерпрайзе.
Aleksey
А что нужно в энтерпрайзе?
вы аналог цфт в браузере решили написать?
Dima
вы аналог цфт в браузере решили написать?
Если аналог цфт(не знаю какой там объём, но все же), то что?
Sergey
Подходы разные
нет 🤷‍♂️
Andrey
нет 🤷‍♂️
Мне на слово поверить? Можешь об этом статью написать? (без сарказма).
Dima
вы аналог цфт в браузере решили написать?
Не холивара ради, интересно услышать обоснованное мнение
Sergey
написано уже. Но не моё. Ща
https://kentcdodds.com/blog/state-colocation-will-make-your-react-app-faster https://kentcdodds.com/blog/profile-a-react-app-for-performance не напрямую по теме. Можно дальше статьи поискать. Суть в том что подход один и тот же. Если есть какая-то разница по вашему, приведите пример
Aleksey
Не холивара ради, интересно услышать обоснованное мнение
медленно, небезопасно, замучаетесь обслуживать
Sergey
а что такое цфт?
Aleksey
А что быстрее?
все то, что умеет работать с многопотоком и имеет доступ к памяти
Sergey
короче опять, как оптимизировать небольшие участки кода. Это все фигня.
прелесть реакта в том что это всё одинаково, независимо от размеров
Sergey
никаких прям специфичных для реакта оптимизаций такого плана по-моему не существует. Разве что windowing, но это не то что бы прям специфично для реакта
Andrey
прелесть реакта в том что это всё одинаково, независимо от размеров
Прелесть больших приложений, что это уже не просто наборы компонентов. И оптимизировать их !== оптимизировать каждый компонент по отдельности. Появляется целесообразность тех или иных действий в человекочасах. Как затратить меньше человекочасов и сделать больше работы по оптимизации, как определить узкое место и так далее.
Roman
Что за windowing?
думаю, рендер только того что видно
Sergey
думаю, рендер только того что видно
так и есть. В документации реакта по оптимизации это упоминается. ТС, почитай доки сначала
Sergey
ну или кому там надо было)
eden
useParams() у react-router работает в одних компонентах и не работает в других. может кто-то стакливался? (все компоненты сделаны через функцию)
Artem
Народ, как в основном работают со стилями в реакте, имеется в виду что чаще применяется, создается файлик .css в папке с компонентом и импортируется? Интересует еще как часто встречается styled-components и bootstrap? Или зависит все от тебя самого, что выберешь?
eden
мне кажется, лучше кидать код
вот пример компонента, который не работает
Artem
Я просто часто встречаю стили бутстрапа но я как то его не перевариваю, не критично отказаться в принципе от bootstrap?
Pauline
я так поняла, в cra алиасы либо эджектом делать, либо писать NODE_PATH, и кошерного пути нет?
Alex
Pauline
Я просто часто встречаю стили бутстрапа но я как то его не перевариваю, не критично отказаться в принципе от bootstrap?
можешь использовать, что хочешь, никто же не заставляет использовать или не использовать бутстрап, если ты сам решаешь, что использовать в проекте
Pauline
jsconfig
это для вскода?
Alex
это для вскода?
не зависит от редактора. это для самого CRA
Pauline
А best practice по стилям есть?
никто никого не ограничивает в использовании стороннего кода, практики в основном касаются таких вещей, как вложенность и единый стиль написания кода (для этого ставится линтер)
в
@pauline_nemchak, кто создал этот чат?)
Pauline
@pauline_nemchak, кто создал этот чат?)
в овнерах Измайлов, а что?
eden
вот пример компонента, который не работает
кажется, понял в чем проблема. Компонент, в котором не работает useParams() находится вне роута с требуемым параметром. Нужны идеи, как заставить работать этот код
eden
Note item сам то где маунтится?
внутри Sidebar. Ни он, ни сам Sidebar не могу получить параметры из useParams()
Ivan
внутри Sidebar. Ни он, ни сам Sidebar не могу получить параметры из useParams()
Я использую connected-react-router и получаю params откуда угодно.
Pauline
Что не так с алиасами?
я не говорила, что с ними что-то не так
Denis
Привет, чат. По е2е вопрос. Кто-нибудь сравнивал скорость и стабильность тестов на Cypress и Puppeteer? Если сталкивались с выбором, то на чем остановились?
Max
я не говорила, что с ними что-то не так
Обьяснить как делать alias в cra?
Max
ага
Cra кушает все paths. Создаем еще один файлик tsconfigpaths.json туда пихаем compilerOptions с paths. Экстендим этот файл в tsconfig. Качаем react-app-rewired или делаем eject. Добавляем в webpack resolve такие же алиасы. Для удобства можно юзать либу resolve-ts-aliases. Еще baseUrl обязателен, в обоих файлах, для наглядности
Ragim
Вопрос по React-router. Все страницы на сайте имеют пути /a-param/aa-param/aaa-param /b-param/bb-param/bbb-param /c-param/cc-param/ccc-param Страницы должны знать по каким параметрам к ним перешли. Раелизовал так, как сделать нормально? https://codesandbox.io/s/inspiring-wave-6erfv
Michail
привет Кто работал с Material-UI нужна ваша помощь пожалуйста
Vlad
Гайс, вопрос! У сейчас делаю функционал logout, и тут я понял, что мне нжуно будет чистить стейт в разных редьюсерах, как мне получить доступ из одного редьюсера в другой?
Vlad
Ммм
Vlad
Да что ты
Vlad
А так https://stackoverflow.com/questions/35622588/how-to-reset-the-state-of-a-redux-store/35641992#35641992
Vlad
Прикольный подход!?
Aleksei
Привет, подскажите, по какой причине может не отображаться картинка в компоненте?
Aleksei
Путь прописан верно
Aleksei
https://pasteboard.co/IG3M2oO.png
Max
https://pasteboard.co/IG3M2oO.png
Добавь ееще одну точку ../..
Aleksei
Путь правильный сто процентов
Max
Оберни это все в require или сделай импорт
Aleksei
импорт чего?
Innokentii
картинки
Max
Сделай импорт картинки