всем привет) как решить данную проблему?
погуглить ошибку? Тем более, там все написано
(спойлер: передаешь проп, которого нет у компонента, в итоге он проваливается в DOM элемент)
Andrey
Aleksey
я погуглил не нашел, знал перевод ошибки
Volodymyr
Andrey
я погуглил не нашел, знал перевод ошибки
то есть ты знаешь, что пропа component судя по всему нет у Link, но упорно его передаешь, и удивляешься ошибкам?
ipos
Это супер удобно, когда тебе надо реагировать на ивенты в сторе который был вычислен из другого
а не становится ли при этом стейт менее предсказуемым и не будет ли тут состояния гонки?
Andrey
а не становится ли при этом стейт менее предсказуемым и не будет ли тут состояния гонки?
нет, вычисление сторов там выполняется до сайд-эффектов
Китикет
опять в чате констатация богоподобности эффектора?
ipos
ну, да, слишко все классно, где же подвох
Vladimir
Looch
а не становится ли при этом стейт менее предсказуемым и не будет ли тут состояния гонки?
Эффектор гарантирует порядок вычислений
Evgeniy
Ребят, не могу подружить VsCode styled-components и stylelint. Хочу что бы vsc подсвечивал ошибки, в идеале еще умел autofix. Кто-нибудь смог настроить?
Andrey
ну, да, слишко все классно, где же подвох
ну с докой, как написали выше - проблемно немного
(хотя основные моменты покрыты)
нет девтулзов (сейчас WIP)
(впрочем, без них отлично живется, но у кого то может вызывать дискомфорт)
ipos
ладно, уговорили, беру )
Китикет
+1
PH_cheerokee
у меня json в формате
ноутбуки:....первый
второй...
телефоны: первый
второй
у каждого товара абсолютно уникальные идентификатор
и не важно с какой он категории
я хочу перейти на страницу товара по айди и могу ли я передать какой-то еще параметр в props.match.params? я просто так по айди найти товар не могу,мне нужно передать категорию(телефоны,ноутбуки)
ipos
а почему ты не можешь найти? скажем взять Object.values( json ).flat().find( item => item.id === props.match.params.id ), если я правильно представил себе структуру твоего json
Oleg
подскажите аналог заметок notion только чтобы лёгкие были. Notion на mac слишком тяжелый
Andrey
подскажите аналог заметок notion только чтобы лёгкие были. Notion на mac слишком тяжелый
видел бы ты, как обрезается твое сообщение в списке чатов...
(сорре, не удержался)
Oleg
😄
Китикет
Китикет
Почаще буду искать аналоги теперь
artalar
подскажите аналог заметок notion только чтобы лёгкие были. Notion на mac слишком тяжелый
Это реакт чат.
Напишите сами: electron / carlo / browser extantion, reactXP
Oleg
ладно сорянба
N
Друзья можете объяснит понятными языком, чем хорошо хуки от классов?
Тимофей 🛴
Друзья можете объяснит понятными языком, чем хорошо хуки от классов?
лучше чем здесь не объяснить
https://ru.reactjs.org/docs/hooks-intro.html
Andrey
у него как минимум нет метода рендер
Daniil
Ну так скажи что ты не понял
Daniil
Все ?
Aleksey
ребята вопрос такой. я взял кусок чужого кода для авторизации. в этом коде дают стили компоненту Link из реакт роутера c помощью styled components. и компонент Link стал компонентом NavLink. так вот если отключить библиотеку. то выдается такая ошибка. как можно сымитировать подключение данной библиотеки к Link. или нужно Link нужно обернуть во что-то что ли
Aleksey
Aleksey
Daniil
Это не ответ на вопрос что не понятно
N
Но я что то не понял отличия
Andrey
ребята вопрос такой. я взял кусок чужого кода для авторизации. в этом коде дают стили компоненту Link из реакт роутера c помощью styled components. и компонент Link стал компонентом NavLink. так вот если отключить библиотеку. то выдается такая ошибка. как можно сымитировать подключение данной библиотеки к Link. или нужно Link нужно обернуть во что-то что ли
серьезно?
тебе ж уже ответили
у компонента линк нет пропа уомпонент
и он проваливается в дом элемент
Andrey
Daniil
Лол
Daniil
Нет не нужен
Aleksey
ты про component ={ Link}
Daniil
Да. Для этого роут есть
Andrey
он там нужен)))
как он там может быть нужен, если он там как логически, так и по реализации быть не может?
Anonymous
Привет ребят. Возможно вопрос не касается реакта, но нужна помощь. Нужно сделать такой компонент как на скрине. Может есть какие то готовые решения? Или как можно сделать это самому?
Aleksey
ну ща отключу попробую
Anonymous
Oleg
Друзья можете объяснит понятными языком, чем хорошо хуки от классов?
удобно использовать компоненты как для stateful так и для stateless. т.е. если у тебя без стейта компонент тебе будет легче добавить состояние. плюс хуки синтаксисом полегче и меньше кода
Китикет
Anonymous
Его не просто сверстать надо, нужно чтоб работал таймлайн. Я даж в теории не знаю как можно его сделать
Китикет
Aleksey
всем спасибо) кто мне отвечал
Anonymous
Сверхразумы
Anonymous
Вопрос еще открыт
Китикет
Да, еще надо мозги
Китикет
Про разум ты верно подметил
Китикет
Ну ладно, соре если обидел
Anonymous
Мне просто нужно в теории хотя бы понять как это можно сделать. Я сюда не отношения строить пришел
ipos
пожалуй самое непонятное, как порезать видео на кадры, это же какой-то таймлайн и типа видеодорожка?
ipos
хорошо если оно в mjpeg )
Anonymous
А вот тут мне повезло. Там только картинка и звук будет
artalar
Друзья можете объяснит понятными языком, чем хорошо хуки от классов?
https://twitter.com/threepointone/status/1056594421079261185
artalar
https://twitter.com/prchdk/status/1056960391543062528
Китикет
https://twitter.com/prchdk/status/1056960391543062528
Только пример немного слабый, не показано что кода становится в 2 раза меньше чаще всего)
N
Китикет
Только пример немного слабый, не показано что кода становится в 2 раза меньше чаще всего)
А, не, в первом сообщении вроде показано)
va1
https://twitter.com/threepointone/status/1056594421079261185
Не совсем корректное сравнение. По крайней мере те проекты, которые я видел используют возможности вебпака+бабеля, чтоб явно не описывать функцию конструктор, биндинг методов и this. перед методом в классах, то есть больше половины черноты можно удалить со слайда. Ну а понимание this вообще наше всё.
Не то, что бы я за или против прогресса, но инфа на скрине явно не отражает всей дейтсвительности. Опять же вчистая вкусовщина, но как по мне компонент слева описан намного понятнее
Andrey
Не совсем корректное сравнение. По крайней мере те проекты, которые я видел используют возможности вебпака+бабеля, чтоб явно не описывать функцию конструктор, биндинг методов и this. перед методом в классах, то есть больше половины черноты можно удалить со слайда. Ну а понимание this вообще наше всё.
Не то, что бы я за или против прогресса, но инфа на скрине явно не отражает всей дейтсвительности. Опять же вчистая вкусовщина, но как по мне компонент слева описан намного понятнее
ну бинды там - 6 строчек с конструктором
с хуками намного проще реюзать логику, кода реально меньше
понятнее, какие эффекты от чего зависят
PH_cheerokee
getAllProducts()
.then(products=>{
this.setState({
isLoading:false,
products:products,
singleProduct:findById(products,id)
})
})
можно ли сразу вычислять singleProduct?
va1
ну бинды там - 6 строчек с конструктором
с хуками намного проще реюзать логику, кода реально меньше
понятнее, какие эффекты от чего зависят
Возможно, я не буду спорить, так как хуки еще не трогал ниразу. Только посматриваю иногда, как это всё выглядит, чтоб быть немного в курсе событий.
Andrey
Возможно, я не буду спорить, так как хуки еще не трогал ниразу. Только посматриваю иногда, как это всё выглядит, чтоб быть немного в курсе событий.
я сначала тоже скептично отнесся
потом, поюзав, могу сказать, что в целом намного удобнее, на класс-апи смотришь как на рудимент
разве что когда дидКэтч надо юзнуть
va1
я сначала тоже скептично отнесся
потом, поюзав, могу сказать, что в целом намного удобнее, на класс-апи смотришь как на рудимент
разве что когда дидКэтч надо юзнуть
Просто мне кажется справедливее было бы убрать конструктор с биндами из слайда и сравнить эти два подхода.
wolfe
ну бинды там - 6 строчек с конструктором
с хуками намного проще реюзать логику, кода реально меньше
понятнее, какие эффекты от чего зависят
+
За счёт беглого взгляда по deps можно примерно предположить, что происходит в хуке
Andrey
Просто мне кажется справедливее было бы убрать конструктор с биндами из слайда и сравнить эти два подхода.
ну мб, на таком примере вообще сложно на самом деле передать все удобство)