shashlik
Здравствуйте !
если знаете о какой нибудь хорошей группе или каналу по изучении английского языка
закиньте мне в личку пожалуйста
спасибо !
Oleg
а возможно ли с помощью Gatsby реализовать например динамически обновляемый счетчик просмотров статей без перезагрузки непосредственно страницы?
Oleg
Здравствуйте !
если знаете о какой нибудь хорошей группе или каналу по изучении английского языка
закиньте мне в личку пожалуйста
спасибо !
читай статьи на английском. самый верный путь
公墓
shashlik
я 5 лет переводил статьи с англ. ресурсов) знаю о чем говорю
для онлайн публикаций ?
а где можно прочитать твои статьи ?
Oleg
для онлайн публикаций ?
а где можно прочитать твои статьи ?
меня забанят за ссылки) писал для одного ресурса про гаджеты
bogdan
bogdan
bogdan
Andrew
Есть redux form
wolfe
ну вообще это люто бьет по перфомансу в плане того, что на каждый onChange во-первых создаётся новый объект, а во-вторых рендер после такого выглядит очень страшно
wolfe
не знаю, как там с ридаксом, но может, можно как-то с помощью селекторов и выносом в компоненты или memo это оптимизировать
Ilhom
Используйте Formik
Sergey
У Redux с этим проблемы (Т.к. напрямую каждый onChange диспатчить больно)
Sergey
Проект вообще личный или какой?
Sergey
Я бы посоветовал на Reatom глянуть, т.к. данный кейс из коробки разруливается (в плане перфа).
Но т.к. проект проект уже практически в проде, то лучше по дебаунсу в стор записывать значения формы (если нужно).
⛪️Поп Гапон⛪️
Почему из функции render чтобы получить доступ к методам класса или свойствам, я должен использовать стрелочные функции? Как это работает?
Roman
Почему из функции render чтобы получить доступ к методам класса или свойствам, я должен использовать стрелочные функции? Как это работает?
можешь не использовать, но тогда их нужно байндить
почитай про arrow functions и this
Vladislav
можешь не использовать, но тогда их нужно байндить
почитай про arrow functions и this
Ох, а помнишь времена, когда биндили в конструкторе
Roman
Ох, а помнишь времена, когда биндили в конструкторе
помню. я тогда на кофескрипте сидел и смеялся над всеми :)
⛪️Поп Гапон⛪️
можешь не использовать, но тогда их нужно байндить
почитай про arrow functions и this
Ну я прально понял что без стрелочной функции я обращаюсь с помощью this к окружению функции, а не класса?
Roman
Ну я прально понял что без стрелочной функции я обращаюсь с помощью this к окружению функции, а не класса?
да
чаще всего this у тебя будет дом элементом
artalar
Это норм, главное нормализацию используйте (в доке редакса есть про это)
artalar
+
myjob.asia
а что если стейт хранить в child?
myjob.asia
у меня есть компонент ProjectIdLogged в котором подключаются два ProjectIdLoggedAuthor и ProjectidLoggedNotAuthor в зависимости от данных полученных с сервера. Если все хранить в projectIdLogged то тяжело что то делать. Лучше сделать дополнительный роут в ProjectIdLoggedAuthor для componentDidUpdate обновлений если кликнуть go back или по ссылке. А сначала все идет из parent компонет
myjob.asia
это новый метод опускания стейт в child компонент :)
Daniel
Нужна помощь с редаксом
Есть парент компонент, который делает запрос к бд за списком кредитных карт, есть дочерний компонент формы, который должен отображать данные карты в инпутах.
Если перезапускать страницу формы карты, то через раз будет вылетать ошибка, что find в селектор-функции, (которая достаёт карту по id) is not a function потому что объекту cards в стейте ещё не пришли данные.
Как правильно делать асинхронные запросы, что бы стейт не был пуст во время вызова селектора?
myjob.asia
с дополнительным роутом. По другому нельзя ProjectIdLoggedAuthor сложный, под 2 тысячи строк. Если props передавать все и функции это не реально. Значит нужно передать стейт и отделить от родителя
myjob.asia
Нужна помощь с редаксом
Есть парент компонент, который делает запрос к бд за списком кредитных карт, есть дочерний компонент формы, который должен отображать данные карты в инпутах.
Если перезапускать страницу формы карты, то через раз будет вылетать ошибка, что find в селектор-функции, (которая достаёт карту по id) is not a function потому что объекту cards в стейте ещё не пришли данные.
Как правильно делать асинхронные запросы, что бы стейт не был пуст во время вызова селектора?
как то такк {card && <div> выводим форму</div>}
Daniel
Я сделал такую проверку в функции селектора, что бы вместо ошибки отдавал пустой объект
Daniel
Но можно ли сделать так, что бы селектор дожидался данных?
Daniel
Или же это нормальная практика, отдавать пустые массивы/объекты, если асинхронные запросы отдали результат после вызова функции-селектора?
myjob.asia
ну да, данные в componentDidUpdate загружаются. Перед ним render от в рендере проверяй {cart && выводим форму } . componentDidUpdate ajax запрос завершился. там вызываешь setState которая вызывает еще раз render в этот раз уже с данными {cart && выводим форму}
myjob.asia
как тебе удобно, мож пустой массив и вывести пусто, а мож не выводить
myjob.asia
ладно, пойдем по легчему пути. Скиним стейт в child. Нигде не пишут как это делать, а я придумал как :)
myjob.asia
метод дополнительного роутера. Конструктор инициализируем с родителя, все остальное с этого дополнительного роутера. Код повторяется. зато удобно
myjob.asia
метод дополнительного роутера. Новая технология
myjob.asia
😊
Daniel
ну да, данные в componentDidUpdate загружаются. Перед ним render от в рендере проверяй {cart && выводим форму } . componentDidUpdate ajax запрос завершился. там вызываешь setState которая вызывает еще раз render в этот раз уже с данными {cart && выводим форму}
Я не до конца понял, то есть данные в componentDidUpdate загружаются? Я делаю запрос через redux-thunk в парент компоненте, через componentDidMount
Daniel
И уже компонент формы через селектор достаёт карту со стейта
myjob.asia
тогда через props когда уже componentDidUpdate прошло props меняется вызывается render
myjob.asia
условие добавь {card && вывод форму} и все
myjob.asia
может 0 выведет. Тогда в конструктор добавь card = false и условие card !== false && вывод формы
Мехманчик I
есть у кого под рукой толковая статья по ESLINT? а то все что я нахожу описано при работе с yarn , с npm что то не могу найти
Andrew
Zoxon
В npm надо параметры просовывать в внутрь через -- ну run добавлять. Это все отличия со стороны пользователя от yarn
Zoxon
Кстати у yarn имеются стремные баги, так что я отказался от него
Мехманчик I
не хочется заморачиваться с yarn , ради того чтобы разобраться с eslint) в некоторых статьях вообще сначало пишут с npm а потом появляется yarn внезапно, бред какой-то
Zoxon
Вам же ответили вы путаете мягкое с теплым.
Просто установите eslint любым способом и еще вам понадобится конфиг с правилами. Это все
Мехманчик I
ладно, пойду разбираться) спасибо)
Zoxon
Npm install eslint -D
Мехманчик I
да это я давно сделал) не в этом у меня проблема) у мменя отказываются работать внутренние команды eslint ) типо eslint config
Zoxon
Используйте npx либо прописывайте в scripts
Npx eslint --fix
Мехманчик I
заработало))))) 😂😂😂
Мехманчик I
хрень какая-то)
Zoxon
Нет не хрень. Есть разница как ставить модуль локально или глобально
Глобально создаётся глобальный скрипт и модуль ставится в систему. Локально он у вас в папке node_modules/eslint/bin/eslint лежит
Мехманчик I
спасибо 👍🙊
Zoxon
Рад что помог
BARSOOQUE
Есть какой конвеншон как именовать сторы и ивенты Эффектора?
Anonymous
проблема: фотографии нужно вместить в 150х150, но не все фотографии квадратные.
вопрос: нужно решение, которое вместе растяжения, будет оставлять фото своих размеров и черным доводить недостающий размер
Anonymous
как инстаграм. Там широкоформатные фото не обрезаются, а верх и них в черном цвете
Daniel
object-fit:contain на img?
Anonymous
спасибо!
Daniel
помогло?
Anonymous
ага, просто надо указать одно из измерений и добавить это поле
Daniel
рад помочь)
S
парни , кто использует tailwind в реакт? Не работает odd псевдокласс, но во vue почему то работает
Artem
Друзья привет
Vladislav
кто быстрее скинет непривет?