Vladimir
Ребят, там в чатах вью раскол. Вы довольны?))
Anonymous
Добрый ночи. Если у вас большой получаеться state в redux вы его разделяете?
Looch
Если большой
Looch
То редакс не юзаем
Так
Добрый ночи. Если у вас большой получаеться state в redux вы его разделяете?
в нашем случае мы подключили angular и с помощью angular вставляли части реакт приложения с маленькими состояниями
Looch
window.state 🌚 на самом деле да, разделяй и комбинируй. А ещё лучше почитай доку хорошенько
Anonymous
window.state 🌚 на самом деле да, разделяй и комбинируй. А ещё лучше почитай доку хорошенько
https://github.com/reduxjs/redux/issues/738 во че нашел
Valentin
это норм практика?
хочу разделить сайт на 3 части header content footer
Те ты хочешь разделить стор на редаксе для хранения инфы по шапке, футеру и контенту?
Nikita
подскажите в чем проблема может быть. У меня есть либа которая рендерит компоненты а затем удаляет их. Я хочу узнать высоту этих элементов и передеать в родитель. Если делаю консоль лог, то все отлично - высота показывается
если передаю в копонент родителя посредством колбека то ничего не приходит 😕
Nikita
как только высота узнается, сразу компонент удаляется, я хочу передать эти данные родителю до его удаления
Maxim
Denis
Всем привет :) Относительно недавно изучаю React, разобрался в основном стеке, но тут коллега делал ревью тестового задания и сказал что в React нужно для производительности, каждый компонент дробить на подкомпоненты.
Например, есть карточка, у неё есть заголовок(header), описание(main), и две кнопки снизу(footer).
У меня до этого был один компонент, в котором был написан jsx c html блоками, header, main, footer.
Но коллега посоветовал вынести это всё в подкомпоненты (<CardHeader />, <CardMain />, <CardFooter />), обуславлия это работой ренкосилейшн алгоритма. Я ничего не понял, полез в доку, прочитать про этот реконсилер, и по прежнему ничего не понял. Точнее, я понял всё что там было написано про алгоритм сравнения, и про оптимизацию с ключами для списков, но как этот алгоритм относится к тому, что я описал выше мне непонятно. Прошу помощи у сообщества, расскажите пожалуйста, так ли на самом деле обстоят дела ?
Если всё так и есть, то можете объяснить подробней почему так и как оно работает, или кинуть ссылки по теме, гуглопоиск мне не помог
King
Всем привет :) Относительно недавно изучаю React, разобрался в основном стеке, но тут коллега делал ревью тестового задания и сказал что в React нужно для производительности, каждый компонент дробить на подкомпоненты.
Например, есть карточка, у неё есть заголовок(header), описание(main), и две кнопки снизу(footer).
У меня до этого был один компонент, в котором был написан jsx c html блоками, header, main, footer.
Но коллега посоветовал вынести это всё в подкомпоненты (<CardHeader />, <CardMain />, <CardFooter />), обуславлия это работой ренкосилейшн алгоритма. Я ничего не понял, полез в доку, прочитать про этот реконсилер, и по прежнему ничего не понял. Точнее, я понял всё что там было написано про алгоритм сравнения, и про оптимизацию с ключами для списков, но как этот алгоритм относится к тому, что я описал выше мне непонятно. Прошу помощи у сообщества, расскажите пожалуйста, так ли на самом деле обстоят дела ?
Если всё так и есть, то можете объяснить подробней почему так и как оно работает, или кинуть ссылки по теме, гуглопоиск мне не помог
На производительность не повлияет, но в вашем случае дробить на компоненты это хорошая практика и в будущем, если понадобится это облегчит оптимизацию производительности через React.memo
Denis
На производительность не повлияет, но в вашем случае дробить на компоненты это хорошая практика и в будущем, если понадобится это облегчит оптимизацию производительности через React.memo
Спасибо. То есть то что я описал выше в корне не верно ? И вроде как натыкался на статью что мемоизировать всё подряд тоже не верный подход, что скажите ?
Denis
вот так мне ответили в другой группе
King
Спасибо. То есть то что я описал выше в корне не верно ? И вроде как натыкался на статью что мемоизировать всё подряд тоже не верный подход, что скажите ?
На самом деле не в корне не верно) хоть и прямого влияния на производительность может и не быть, Реакт может применять свою внутреннюю магию, если посчитает нужным. Но само утверждение “дробить на компоненты улучшает производительность” неверное
Denis
King
Спасибо. То есть то что я описал выше в корне не верно ? И вроде как натыкался на статью что мемоизировать всё подряд тоже не верный подход, что скажите ?
Мемоизировать все подряд неправильно, лучше заранее не оптимизировать, а только по-необходимости
Если мемоизировать все компоненты, это может наоборот замедлить приложение
King
На самом деле не в корне не верно) хоть и прямого влияния на производительность может и не быть, Реакт может применять свою внутреннюю магию, если посчитает нужным. Но само утверждение “дробить на компоненты улучшает производительность” неверное
Про это ещё можно почитать в статье react as ui runtime
Denis
ок, спасибо за статью
Vladimir
Mobx или редакс?
Nikita
Добрый день, подскажите чем по клику на onSubmit записывать интупы на локальный .txt
Андрей
Есть какой то отдельный чат где по тестам компонентов задать вопрос ?
Андрей
Надо сделать
Danila
Добрый день, подскажите чем по клику на onSubmit записывать интупы на локальный .txt
Сервером, который умеет принимать запрос и писать в txt-файл.
Andrey
Добрый день, подскажите чем по клику на onSubmit записывать интупы на локальный .txt
Пароли собирать хочешь?)
Anonymous
Народ, кто с Vue работал и Реактом, в Реакте есть аналог v-html для эскейпа спец символов?
Андрей
Народ, кто с Vue работал и Реактом, в Реакте есть аналог v-html для эскейпа спец символов?
В js есть функция для того что тебе надо. Реакт - это примитивнейший шаблонизатор.
Danila
Народ, кто с Vue работал и Реактом, в Реакте есть аналог v-html для эскейпа спец символов?
dangerouslySetInnerHTML
Anonymous
Ок, спасибо
Michail
Michail
Michail
только data не определена, ошибку выдает
Danila
S
как вынести код конструктора в отдельные файлы и потом заспредить в главном компоненте?
Michail
Ну вроде должно работать, а что, не работает?
не) там data не определена типо на 21 строке где я click
Danila
не) там data не определена типо на 21 строке где я click
Ну это не к вопросу стейта через контекст, это ты сам уже смотри где эта дата
Arthur
нет, но ведь скоро
Roman
Nikita
Пароли собирать хочешь?)
Не бизнес. Надо сделать регистрацию+авторизацию. И дабы не париться ни с чем(т.к. не бизнес), то удобно было бы просто все в .тхт кидать
Sheldhur
ты больше времени потратишь пытаясь сделать из txt аналог бд, вместо того чтобы взять какой нибудь sqlite
Dmitriy
Не бизнес. Надо сделать регистрацию+авторизацию. И дабы не париться ни с чем(т.к. не бизнес), то удобно было бы просто все в .тхт кидать
https://developer.mozilla.org/ru/docs/IndexedDB
Nikita
Благодарю.
Sayat B🇰🇿
Andrey
напиши "class "и вызови конструктор :)
Dmitriy
Danila
Sayat B🇰🇿
напиши "class "и вызови конструктор :)
я так делал. просто у меня не вызывается при props.onClicked
Evgen
Danila
я так делал. просто у меня не вызывается при props.onClicked
А при чём тут компонент на классах?
Eugene
1) Зачем?
2) class Button extends React.Component{
render(){
return ///
}
}
А можно так?😑
Через const
Timofey
Danila
нет, просто начал писать landing
Так делать неправильно, хотя бы документацию нужно прочитать. Ну и зачем на лэндинге реакт?
Sayat B🇰🇿
Так делать неправильно, хотя бы документацию нужно прочитать. Ну и зачем на лэндинге реакт?
просто для изучения. руки набидь
Danila
просто для изучения. руки набидь
Прежде чем набивать руку в строительстве домов, нужно хотя бы молоток правильной стороной в руку брать и шуруп от гвоздя отличать, не думаешь?
Sheldhur
Так делать неправильно, хотя бы документацию нужно прочитать. Ну и зачем на лэндинге реакт?
стильно модно молодежно
Sayat B🇰🇿
нет
Sheldhur
саги еще
Sheldhur
ну это уже перебор
Sayat B🇰🇿
Alexandr
Привет чат, подскажите пжлст статейку какуюнибудь, что то нечего найти не могу. Нужно вызывать интегрированое реакт приложение с параметрами, как это можно сделать? Подключаю приложение скриптом на страницу, вызываю приложение передаю туда конфиг.
Alexey
Андрей
Вопрос тут задавать уместен про тестирование react component с jest ?
Александр
Danila
Привет чат, подскажите пжлст статейку какуюнибудь, что то нечего найти не могу. Нужно вызывать интегрированое реакт приложение с параметрами, как это можно сделать? Подключаю приложение скриптом на страницу, вызываю приложение передаю туда конфиг.
Нужно функцию, которая будет запускать React.render обернуть в функцию, которая умеет принимать конфиг и рендерить приложение с ним, и эту функцию вытащить в глобал с помощью window['appLauncher']
Danila
Неправда, нормально тут отвечают на нормальные вопросы.