в функциональных компонентах надо объявлять функции вне компонента и уже в них передавать пропы? ведь если объявлять их внутри компонента, то при каждом рендере они объявляются заново, влияет ли это на производительность?
можно и так и так
Dmitry
Maxim
const someComponent = props => {
const getName = () => props.name;
return <div>{getName()}</div>
}
тип вот так неправлиьно?
я про то, что каждый рендер функции объявляются заново, до этого не задумывался об этом
Dmitry
Dmitry
если не пример то в этой фунукции нету смысла
Maxim
это просто пример или так где то есть ?
это просто минималный пример, я это говорю к тому, что с помощью хуков стараются уйти от классов к функциональным компонентам, и мне стало интересно, неужели нужно объявлять все функции вне компонента и постоянно передавать пропы аргументами?
Danila
это просто минималный пример, я это говорю к тому, что с помощью хуков стараются уйти от классов к функциональным компонентам, и мне стало интересно, неужели нужно объявлять все функции вне компонента и постоянно передавать пропы аргументами?
Вопрос не понятен. Объявленые через const a = some вещи будут пересоздаваться каждый раз. Хуки будут дёргаться каждый раз, но их эффект будет, в зависимости от хука, выполняться или отдаваться уже готовый. Если это useState, то useState будет вызываться при каждом рендере, но создаваться новый стейт будет только при пермвом вызове. То же самое и с другими хуками, для этого у них и есть deps-массив, через него реакт и понимает, нужно ли повторно вызывать "инициализацию" хука
Mikhail
Maxim
Вопрос такой:
Чтобы не терять производительность при переходе от классов к функциям, нужно ли мне объявлять все методы этого класса ВНЕ функционального компонента или можно не париться и объявлять их прямо внутри?
Danila
Вопрос такой:
Чтобы не терять производительность при переходе от классов к функциям, нужно ли мне объявлять все методы этого класса ВНЕ функционального компонента или можно не париться и объявлять их прямо внутри?
Если ты в этих "методах" не собрался работать ни с чем, имеющим отношение к стейту или другим переменным компонента - то можешь так сделать.
Алексей
Dmitry
Ребятки, а есть у кого-нибудь пример апки на react apollo?
Dmitry
я чет все пытаюсь разобраться, как правильно реализовать контейнеры, что-то вроде connect() в redux.
Вообще не очень улавливаю, как мне работать с данными, кроме как отправить получить?
есть директивы, но их же мало?
Mikhail
Вопрос такой:
Чтобы не терять производительность при переходе от классов к функциям, нужно ли мне объявлять все методы этого класса ВНЕ функционального компонента или можно не париться и объявлять их прямо внутри?
если у тебя не происходит рендер несколько тысяч раз в секунду, то разницу не заметишь
Maxim
понятно, спасиб
Anonymous
А сафари с генераторами норм дружит? Одну сагу игнорирует
Андрей
Вопрос такой:
Чтобы не терять производительность при переходе от классов к функциям, нужно ли мне объявлять все методы этого класса ВНЕ функционального компонента или можно не париться и объявлять их прямо внутри?
В любом случае функции не зависящие от окружения лучше вытаскивать из компонента. И это вопрос не производительности, а читаемости и организации кода.
Anonymous
привет, вопрос не по теме: кто нибудь знает телеграмм канал по graphql ?
arts
Anonymous
уже )))
Anonymous
спасибо )
Sm•ok
Ку всем. У меня стоит CRA и я хотел бы добавить плагин в вебпак. ПОгуглил, нашел совет — eject. Есть еще другие варианты ?
Alexander
Sm•ok
Ты про это ?
https://github.com/harrysolovay/rescripts
Dmitry
Ку всем. У меня стоит CRA и я хотел бы добавить плагин в вебпак. ПОгуглил, нашел совет — eject. Есть еще другие варианты ?
https://github.com/timarney/react-app-rewired
Bogdan
подскажет кто, как без боли в react-table подсветить строку, которую обновил к примеру или которую создал
Bogdan
я делал через контекст, обернув одну таблицу в него, но для нескольких таблиц это уже не подходит
Cenator 🐈
Serj
приветствую!
кто работал с final form, подскажите, можно ли отправить форму без кнопок? по какому нибудь другому событию?. например когда все поля заполнены и валидны
Rou
Dmitry
Как сбилдить проект CRA чтоб открыть сайт без node.js ?
Alex
все сборщики, которые могут собрать реакт работают на ноде
Alex
а сборка CRA тем более полностью на жс написана
Viktor
Ну так вопрос не в том как собирать без node.js а в том как собрать, чтобы запустить без node.js. Он собирается в html + js который можно где угодно запустить без node.js
Dmitry
Я хочу реакт проект на cms натянуть
Vadim
Dmitry
Vadim
здесь вопрос не в сборке, а как раздавать статику
Dmitry
Как это сделать?
Dmitry
Собрал билд с нод я хочу потом без нод его использовать
Viktor
Как это сделать?
https://create-react-app.dev/docs/deployment
Я думаю это вот та секция что вам нужна
Dmitry
Читал то не понял
Dmitry
Нужно развернуть где то ?
Dmitry
Потом без ноды будет работать ?
Виталий
Играю с хуками.
По презентации Дена Абрамова сделал вот это
https://stackblitz.com/edit/react-hooks-demo-ghyjfy
И у меня вопрос такой:
А что щас так модно по миллиону раз подписываться и отписываться на одно и то же событие?
Шта это вобще? Какой в этом смысл? Вместо того чтобы один раз подписаться и использовать эту подписку происходит миллион подписок-отписок! Какой в этом смысл??? Получается что хуки сделали в угоду решения одних проблем но засчёт других проблем?
Viktor
Нужно развернуть где то ?
Ну вам нужен сервер который будет отдавать ваш index.html к которому подключен main.js
Да нужно что то где то развернуть, но не обязательно на Node.JS можно и Apache какой нибудь, просто в статье примеры с серверами на Node.js.
Я думаю предполагается, раз вы разрабатываете на JS то и сервер на JS вам будет ближе :)
Виталий
Переделай на классы. Так же будет
Я вкурсе что будет. Я сейчас про хуки конкретно спрашиваю. Про классы мне всё понятно и вопросов про классы нет.
Dmitry
Я вкурсе что будет. Я сейчас про хуки конкретно спрашиваю. Про классы мне всё понятно и вопросов про классы нет.
Лол. Перепрши на классы. Так же отписываться будешь
Виталий
а ты зависимости спецон не добавил?
Нет, не спецом. Можешь объяснить? А лучше поправить прямо коде...
Виктор
Нет, не спецом. Можешь объяснить? А лучше поправить прямо коде...
в юзэффект надо вторым аргом передать массив зависимостей, в зависимости от которых будет определено его поведение
Виталий
Лол. Перепрши на классы. Так же отписываться будешь
Господи, ну почему люди которым нечего сказать не молчат. И почему люди не читают вопрос который им задаёшь а сразу отвечают.
Ты хоть понял что я спрашиваю? Открой пример, открой консоль, посмотри что в консоли, прочти внимательно вопрос!!!!
nnbphkqujhjkynr
привет, кто то работал с sendgrid?
Dmitry
Нет, не спецом. Можешь объяснить? А лучше поправить прямо коде...
Подумай о хуке как о дид апдейте. Апдейт если изменились депсы
Виктор
сорян за тавтологию. у дэнчика в overreacted есть большая статейка про useeffect
Danila
Господи, ну почему люди которым нечего сказать не молчат. И почему люди не читают вопрос который им задаёшь а сразу отвечают.
Ты хоть понял что я спрашиваю? Открой пример, открой консоль, посмотри что в консоли, прочти внимательно вопрос!!!!
Отписка происходит только если изменились зависимости же, не?
Vadim
эффект на каждый рендер вызывается поэтому
Vadim
Отписка происходит только если изменились зависимости же, не?
отписка происходит когда компонент анмаунтится
Виталий
эффект на каждый рендер вызывается поэтому
Так как правильно сделать? Можешь исправить код и прислать ссылку сюда?
Bogdan
getTrProps
У меня много даблиц и индекс выбранной не так просто передать, точнее не индекс а поле, в каждой поле разное, я планировал в контекст кинуть, из контекста брать поле, по которому сравнивать и значение, но тогда один минус, в таблице, в которую последнюю что то добавить, даже после размонтипования подсвеченная строка останется
Виталий
Вот я передал зависимость [width]. Поведение абсолютно не поменялось.
Vadim
Вот я передал зависимость [width]. Поведение абсолютно не поменялось.
Тебе пустой массив нужен
Виталий
Тебе пустой массив нужен
А слабо код исправить вместо того чтоб в чат писать то что не решает проблему?
Vadim
А слабо код исправить вместо того чтоб в чат писать то что не решает проблему?
Я только что проверил
Виталий
Я только что проверил
Ну форкни и пришли тогда. В чем проблема? Я тоже проверил. Не работает.
Виталий
Играю с хуками.
По презентации Дена Абрамова сделал вот это
https://stackblitz.com/edit/react-hooks-demo-ghyjfy
И у меня вопрос такой:
А что щас так модно по миллиону раз подписываться и отписываться на одно и то же событие?
Шта это вобще? Какой в этом смысл? Вместо того чтобы один раз подписаться и использовать эту подписку происходит миллион подписок-отписок! Какой в этом смысл??? Получается что хуки сделали в угоду решения одних проблем но засчёт других проблем?
🔥 Господа, кто-нибудь может исправить данную демку так чтобы не происходило миллион повторений подписок и отписок?
Vladimir
🔥 Господа, кто-нибудь может исправить данную демку так чтобы не происходило миллион повторений подписок и отписок?
, [] - вставь в нужное место
Danila
🔥 Господа, кто-нибудь может исправить данную демку так чтобы не происходило миллион повторений подписок и отписок?
https://stackblitz.com/edit/react-hooks-demo-eeg4g6
В демо Абрамова всё это есть :(