так вот, где хуево учат делать
что там плохого?
Artem
Denis
что тебе не понятно? ctrl+c ctrl+v из доки, рендерит EmptyComponent
Ответ нужен тебе, а я должен идти в доку и искать код, который работает, чтобы понять, что не работает у тебя? Ну ты смешной
Sheldhur
сочувствую
Andrey
Русский курс на юдеми ахахахаха. Нафиг вы это покупаете?
Volodymyr
https://www.udemy.com/course/pro-react-redux/
Это тот который вот бесплатный?)))
https://coursehunter.net/course/react-redux-professionalnaya-razrabotka
Anonymous
На Udemy есть хороший курс для ввода в Реакт, правильно сделаный код. Ото Brad Traversy. Есть недоработки, вроде отправки нешифрованного пароля на сервер и не реюзает компоненты. Для джуна вполне.
Artem
Eugene
Anonymous
так вот, где хуево учат делать
Да-да
Есть же дока
И вообще, если бы не индусы - все айти бы упало
Sergey
Новости из мира разработки и использования React.js
• Анонсирован Ionic React
• Как Instagram использует Redux для увеличенгия производительности
• Как правильно аутентифицироваться с Next.js и Auth0
• Поднимание состояния компонентов вверх по дереву убивает ваше React приложение
• Сборка full-stack приложения на React и Serverless
• Полностраничные переходы для React Router
<ThisWeekInReact /> && {React.NewsLetter}
Anonymous
Кстати, закиньте годноты по реакту. Когда знаешь базу и не на чем отработать, какой-нить адвансед
Andrey
какой дали такой и учу
Никогда не учите ничего по русским курсам, у нас топовые программисты, но крайне посредственные учителя.
Anonymous
А как же Кантор?
Anonymous
Царь и батюшка всего JS
Artem
Никогда не учите ничего по русским курсам, у нас топовые программисты, но крайне посредственные учителя.
ну как по мне, курс годный, без воды
Igor
codedojo тоже хорошо умеет в преподавание
🤴👷♂️🦸♂️🧚♀️
Daniil
в самом пропе делаешь условие
Anonymous
Yury
🤴👷♂️🦸♂️🧚♀️
Спасибо, у меня в итоге решилось тем, что я инициализирую дефолтное значение в useState()
Anonymous
SᑎOᙖOᖇᑎ
arthur
arthur
ℜ𝔬𝔪𝔞𝔫
arthur
так зачем мне стандартний?😁
я же спрашивал о полном преобразовании
Так у тебя на скрине такой же селект. Стили подправишь
Anonymous
SᑎOᙖOᖇᑎ
Так у тебя на скрине такой же селект. Стили подправишь
ну да, меня именно волнует как забрать хрестики и чтоби убирать елементи по клику на сам елемнт
ℜ𝔬𝔪𝔞𝔫
А зачем это выводить в отдельный редьюсер, когда можно внутри самого компонента?
Прошу не бить тапками, в реакт не так давно тыкаюсь
потому что я использую этот массив в разных компонентах, также изменяю его с разных компонентов
arthur
ну да, меня именно волнует как забрать хрестики и чтоби убирать елементи по клику на сам елемнт
https://react-select.com/components#adjusting-the-styling
И там ниже примеры есть
SᑎOᙖOᖇᑎ
https://react-select.com/components#adjusting-the-styling
И там ниже примеры есть
да, есть, но только для обичних
если isMulty добавить, то становиться стандартниим
Vlad
Всем привет.
У меня есть задание: есть 2 списка .1) товары. 2) корзина.
после нажатия на кнопку "купить" товар должен переместиться в корзину.
я вроде прочитал документацию на реакте) но я пока, что не имею понятия как это точно сделать)
не подскажете , куда двигаться?
Anonymous
Anonymous
Конкретнее что непонятно?
Чувак не может понять как по клику отобразить в корзине предмет.
В сторону «делаем интернет магазин с помощью react redux» на тытрубчике православном
Vlad
у меня структура идёт такая :
<Страница />
<Товары /> + <Корзина/>
<Item/> + <Item/>
_________________________
Как мне значение item - передать вверх а потом в корзину?)
Anonymous
Vlad
тоесть в самом верху хранить эти значения?)
Valentin
Всем привет.
У меня есть задание: есть 2 списка .1) товары. 2) корзина.
после нажатия на кнопку "купить" товар должен переместиться в корзину.
я вроде прочитал документацию на реакте) но я пока, что не имею понятия как это точно сделать)
не подскажете , куда двигаться?
Тебе нужно агрегировать выбранные товары где то над компонентом вывода товаров и корзины.
Те должно быть что то вроде:
ManagerSelectedProducts
ProductsComponent
ShopCardComponent
где у
ManagerSelectedProducts.state = { selectedProducts: [] }
мы храним выбранные товары.
Теперь у ProductsComponent можем добавить функцию добавление выбранного товара и протащить этот функционал через пропсы, типа onAddProduct при нажатии на него в selectedProducts добавляем ид выбранного товара. И фильтровать выбранные товары в корзину.
понимаешь к чему я веду?
Vlad
а ещё вопрос)
я делал вот так : <ItemInGoods name='Нож' sum={75}/>
<ItemInGoods name='Вилка' sum={20}/>
<ItemInGoods name='Ложка' sum={20}/>
<ItemInGoods name='Тарелка' sum={60}/>
<ItemInGoods name='Кастрюля' sum={90}/>
<ItemInGoods name='Сковорода' sum={100}/>
как мне передавать массив а не вот это вот говнокодище)
Vlad
Тебе нужно агрегировать выбранные товары где то над компонентом вывода товаров и корзины.
Те должно быть что то вроде:
ManagerSelectedProducts
ProductsComponent
ShopCardComponent
где у
ManagerSelectedProducts.state = { selectedProducts: [] }
мы храним выбранные товары.
Теперь у ProductsComponent можем добавить функцию добавление выбранного товара и протащить этот функционал через пропсы, типа onAddProduct при нажатии на него в selectedProducts добавляем ид выбранного товара. И фильтровать выбранные товары в корзину.
понимаешь к чему я веду?
я понял) кажется. а потом по клику я буду передавать index и передавать в второй компонент это?)
Anonymous
я понял) кажется. а потом по клику я буду передавать index и передавать в второй компонент это?)
Показалось, что это мне ответ😂
Vlad
а ещё вопрос)
я делал вот так : <ItemInGoods name='Нож' sum={75}/>
<ItemInGoods name='Вилка' sum={20}/>
<ItemInGoods name='Ложка' sum={20}/>
<ItemInGoods name='Тарелка' sum={60}/>
<ItemInGoods name='Кастрюля' sum={90}/>
<ItemInGoods name='Сковорода' sum={100}/>
как мне передавать массив а не вот это вот говнокодище)
я видел примеры через мап) в документации)
мне также тут делать?
Valentin
а ещё вопрос)
я делал вот так : <ItemInGoods name='Нож' sum={75}/>
<ItemInGoods name='Вилка' sum={20}/>
<ItemInGoods name='Ложка' sum={20}/>
<ItemInGoods name='Тарелка' sum={60}/>
<ItemInGoods name='Кастрюля' sum={90}/>
<ItemInGoods name='Сковорода' sum={100}/>
как мне передавать массив а не вот это вот говнокодище)
[{ id: 1, name: 'Нож', sum: 75 }].map(item => (<ItemInGoods key={item.id || ArrayIndex}name={item.name} sum={item.sum}));
Valentin
я видел примеры через мап) в документации)
мне также тут делать?
угу, и если ты выдаешь массив с компонентами которые хочешь отрисовать, им нужен будет key. Лучше брать уникальный ид из списка моделей, либо брать индекс из мапы (но это не оч и только для частных случаев) здесь почитать (попозже) как реакт понимает что перерисовывать и когда вообще перерисовывает компоненты
Vlad
[{ id: 1, name: 'Нож', sum: 75 }].map(item => (<ItemInGoods key={item.id || ArrayIndex}name={item.name} sum={item.sum}));
да, такой же вариант через мап, как и там впринцыпе, пасибо
Valentin
я понял) кажется. а потом по клику я буду передавать index и передавать в второй компонент это?)
угу, у тебя где то над этими компонентами есть компонент, который только хранит данные и реализуется логика для работы с ними. Когда ты будешь обновлять стейт, реакт перерисует все дочерние компоненты*. Так ты сможешь указать какие элементы выбраны, ну и показать в корзине
Vlad
угу, у тебя где то над этими компонентами есть компонент, который только хранит данные и реализуется логика для работы с ними. Когда ты будешь обновлять стейт, реакт перерисует все дочерние компоненты*. Так ты сможешь указать какие элементы выбраны, ну и показать в корзине
сейчас попробую передать через пропсы и отрисовать товары) как ты сказал, а потом за другое возьмусь. Спасибо!
js - one love
не подскажете почему не рендерится?
js - one love
https://stackblitz.com/edit/react-srn8jk
Anonymous
В html файле структуру документа не забыл?))
js - one love
нет, когда на цифры нажимаешь не рендерится, а когда на ' +,-,/,*' все нормально
Denis
по клику на цифру ты меняешь только currentNum в стейте, а дисплей рендерит numbers
Daniil
Потому что у тебя currentNum
Daniil
перепроверь свой код внимательней с консолью
Bogdan
на сколько стайледы медленней чем просто css стили? не могу нагуглить нормального ничего
Vlad
Если я передаю через пропсы массив объектов, как мне правильно задать типы для него?
я написал
interface Items {
items: Array<Object>
}
Но когда я использую items.id, items.name оно всё крашится) я так понимаю это из-за тайп скрипта
Vlad
изменил на Array<any> и всё заработало)
вопрос, можно ли так писать?) или есть лучше вариант.
Коровийвирус
any не надо
Коровийвирус
Array<тип объекта в массиве>
Коровийвирус
type Card {
title: string;
}
Коровийвирус
Array<Card>
Vlad
спасибо, сейчас попробую
Коровийвирус
конечно попробуй
Коровийвирус
да