Size: a a a

React — русскоговорящее сообщество

2021 January 16

РБ

Роман Бобков... in React — русскоговорящее сообщество
Это альтернатива Heroku?
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Роман Бобков
Это альтернатива Heroku?
Это альтернатива каналу в котором обсуждают серверы а не реакт
источник

И

Иван in React — русскоговорящее сообщество
Олег
мне кажется попап и в африке попап. position fixed у родителя. postion absolute у ребенка. стейт для октрытия/закрытия попапа. вот и весь попап
И не забываем делать так, чтобы попап
- не перекрывался соседями
- отображался на экране, а не за его пределами
- был доступен с клавиатуры
- корректно вёл себя при изменении размера окна
- ...

Можно долго продолжать
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Привет! Подскажите, по какой причине выдается ошибка Warning: Each child in a list should have a unique "key" prop ?

вот код, из-за которого это происходит:

{data.additionalItems.map((item, key) => (
                   <li className="nav__item">
                     <a className="nav__link nav__link--dark" key={item.name + key} href={item.url}>{item.name}</a>
                   </li>
                   
                 ))}

перебираемый массив данных:

additionalItems: [
     {
       name: 'О проекте',
       url: ''
     },
     {
       name: 'Доставка',
       url: ''
     },
     {
       name: 'Политика конфиденциальности',
       url: ''
     },
   ]

я расчитывал что мой код даст уникальный key всем элементам списка и не понимаю что я делаю не так.
источник

И

Иван in React — русскоговорящее сообщество
Kirill Kulikov
Привет! Подскажите, по какой причине выдается ошибка Warning: Each child in a list should have a unique "key" prop ?

вот код, из-за которого это происходит:

{data.additionalItems.map((item, key) => (
                   <li className="nav__item">
                     <a className="nav__link nav__link--dark" key={item.name + key} href={item.url}>{item.name}</a>
                   </li>
                   
                 ))}

перебираемый массив данных:

additionalItems: [
     {
       name: 'О проекте',
       url: ''
     },
     {
       name: 'Доставка',
       url: ''
     },
     {
       name: 'Политика конфиденциальности',
       url: ''
     },
   ]

я расчитывал что мой код даст уникальный key всем элементам списка и не понимаю что я делаю не так.
По причине, что не each child in a lost have a unique key prop
источник

О

Олег in React — русскоговорящее сообщество
Иван
И не забываем делать так, чтобы попап
- не перекрывался соседями
- отображался на экране, а не за его пределами
- был доступен с клавиатуры
- корректно вёл себя при изменении размера окна
- ...

Можно долго продолжать
ну это можно потом докручивать ведь
источник

И

Иван in React — русскоговорящее сообщество
Олег
ну это можно потом докручивать ведь
Ага. И тесты не забывать писать. И рефакторить. И поддерживать разный внешний вид. Всё то, что в библиотеке делают за тебя
источник

МП

Максим Патрушев... in React — русскоговорящее сообщество
Kirill Kulikov
Привет! Подскажите, по какой причине выдается ошибка Warning: Each child in a list should have a unique "key" prop ?

вот код, из-за которого это происходит:

{data.additionalItems.map((item, key) => (
                   <li className="nav__item">
                     <a className="nav__link nav__link--dark" key={item.name + key} href={item.url}>{item.name}</a>
                   </li>
                   
                 ))}

перебираемый массив данных:

additionalItems: [
     {
       name: 'О проекте',
       url: ''
     },
     {
       name: 'Доставка',
       url: ''
     },
     {
       name: 'Политика конфиденциальности',
       url: ''
     },
   ]

я расчитывал что мой код даст уникальный key всем элементам списка и не понимаю что я делаю не так.
Key  у li надо указать, а не а
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Я создал миддлвери сага комбайн, могу ля прямо в него диспатчить?
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Не через вложенные редюсеры
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
А именно через комьайн
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Максим Патрушев
Key  у li надо указать, а не а
точно, спасибо!
источник

О

Олег in React — русскоговорящее сообщество
Иван
Ага. И тесты не забывать писать. И рефакторить. И поддерживать разный внешний вид. Всё то, что в библиотеке делают за тебя
То есть типа из за попапа лучше тянуть ещё одну зависимость ?
источник

О

Олег in React — русскоговорящее сообщество
По этой логике нужно навешать в проекте кучу зависимостей
источник

О

Олег in React — русскоговорящее сообщество
Для селектов либа, для инпутов, попапов, таблиц, графиков и вот у вас есть один большой проект который на 90% зависит от других разработчиков
источник

И

Иван in React — русскоговорящее сообщество
Олег
То есть типа из за попапа лучше тянуть ещё одну зависимость ?
Всё зависит от тебя :)
источник

МП

Максим Патрушев... in React — русскоговорящее сообщество
Добро пожаловать на фронт
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Олег
Для селектов либа, для инпутов, попапов, таблиц, графиков и вот у вас есть один большой проект который на 90% зависит от других разработчиков
добро пожаловать во фронтенд)
источник

О

Олег in React — русскоговорящее сообщество
Александр Бакиматов
добро пожаловать во фронтенд)
орнул)
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Олег
Для селектов либа, для инпутов, попапов, таблиц, графиков и вот у вас есть один большой проект который на 90% зависит от других разработчиков
как и сказал Деда все зависит от тебя и как ты сможешь найти грань между бюджетами, сроками и качеством. и на какие трейдоффы с бизнесом вы пойдете по отношению к пользователям
источник