Сейчас посмотрел цену того курса, это долбанные 249 баксов, ахринеть

Напиши автору лично, скажи что не хочешь пиратить и есть 30$ :) может пойдёт на встречу

Есть json объект следующего вида: [ {data: "string", anotherData: {however:'lol'}}, ... ]```Мне нужно отрендерить таблицу, делаю следующее: slice - чтобы выбрать объекты от n до m значения (используется для "пагинации") Затем рендерится таблица: ```json2table = json => { const cols = Object.keys(json[0]); const headerRow = cols.map(col => <th key={col}>{col}</th>); const bodyRows = json.map(row => ( <tr key={row}> {cols.map(col => <td key={row[col]}> {row[col]} </td>)} </tr> )); return ( <table> <thead> <tr>{headerRow}</tr> </thead> <tbody>{bodyRows}</tbody> <tfoot> <tr>{headerRow}</tr> </tfoot> </table> ); };Проблема: 1) Во время пагинации (значения от и до в slice меняется и массив режется соответственно этим значениям) окуда-то появляются новые cols, я не пойму, откуда 2) Объект в объекте может содержать не только текст, но и массив, как лучше всего это отображать? [ {date: "string", anotherData: ['string', ...], oneMore:[{omg:'really?'}]} ] Буду рад любой помощи, правки приносят быстрее, чем я успеваю обрабатывать все :( UPD: Возможно-ли, что новые колонки появляются из за slice? Мне кажется именно здесь кроется корень проблемы, чем лучше всего заменить? UPD: Не понимаю, рендерится 30 VNode элементов (tr), в которых 19 childrens (cols/td), но в таблице откуда-то появляются в некоторых строках (tr) лишние столбцы (td) Ну вот и какого.. UPD: Проблема решена Решение: НИКОГДА не забывать смотреть, что передается в key внутри map, потому-что null - вообще не годится как ключ Всем спасибо за внимание и помощь! (Знаю, у вас еще очень рано, спите сладко ❤ )

Код кидать нет смысла. Кидай скрины

Та я шатал ваши скрины, пробуешь кому-то помочь, и сидишь тайпаешь все что там на скрине, кому оно надо К тому-же я уже закрыл вопрос

Шатал я вопросы без скринов

Я тебя понял, хорошо, следующий раз скину скрином

привет, а здесь про React Native можно спрашивать? или есть какой-нибудь отдельный чатик для него?

я тоже так делаю, и мне тоже не нравится. Может есть варики лучше?

Вопрос, как в jest подменять функцию? Или как это гуглить? Пример: в коде вызывается const bookInterface = getBookInterface(book.id, book.version); я хочу, чтобы тест перехватил getBookInterface вызов и вернул это со своими значениями. Когда-то я делал подобное с помощью rewire подхода. Это правильно? или сейчас что-то в самом jest появилось?

Всем привет. Отошел от dev’а на некоторое время. Посоветуйте что нибудь подучить интересное и нужное к реакту, кроме redux, jwt, thunk.

Например, увидел такое https://www.npmjs.com/package/react-validation Кто-то пользовался? Норм?

Всем привет, посоветуйте что-нибудь для валидации простых форм (логин, регистрация)

Хочу посмотреть, как люди на больших проектах с react/redux выстраивают архитектуру, может есть какой-нибудь такой проект на гитхабе, чтобы потыкаться в файлы, посмотреть что да как. Если кто знает такое, поделитесь ссылкой пожалуйста

Хочу посмотреть, как люди на больших проектах с react/redux выстраивают архитектуру, может есть какой-нибудь такой проект на гитхабе, чтобы потыкаться в файлы, посмотреть что да как. Если кто знает такое, поделитесь ссылкой пожалуйста

github.com/howtocards/frontend

Всем привет, посоветуйте что-нибудь для валидации простых форм (логин, регистрация)

Дайте туториал как качественную модалку сделать? @everdimension

<dialog />, хехе

Ну камон

в компоненте есть svg элемент, его заливка должна меняться в зависимости от падающих в компонент пропсов. Как лучше вего встраивать этот свг и работать с ним? В особенности, как это делать вместе со styled components?

Да просто как компонент, т.е. код svg на JSX переделай

кешироваться не будет

не вижу смысла такие вещи в бандл тащить

Дайте туториал как качественную модалку сделать? @everdimension

Через портал. Погугли codedojo portal там пример будет можалки

Да я про то как в DOM все выстраивать: нормальная подложка: скролл, перехватом кликов и ESC и т.п., навигация по tab (самое больное), доступность... В общем что бы все по UX нормальному

Да я про то как в DOM все выстраивать: нормальная подложка: скролл, перехватом кликов и ESC и т.п., навигация по tab (самое больное), доступность... В общем что бы все по UX нормальному

всем привет. подскажите хороший ресурс для изучения реакта

всем привет. подскажите хороший ресурс для изучения реакта

Документация

короче я бы поглядел на react-aria-modal, в нём почти всё хорошо Кроме того, что порталы не использует

мне на vue велосипедить ?

можно как-то реакт через bower подключить?

bower всё))

всмысле отъехал?

и причём тут cdn непонятно

ну типа когда в хедер ссылку закидываешь, это через cdn подключается насколько я понимаю. вы все тут так делаете?)

ну типа когда в хедер ссылку закидываешь, это через cdn подключается насколько я понимаю. вы все тут так делаете?)

ну да. а как еще?

это я и хотел узнать

npm i react некотрые так делают)

это я и хотел узнать

всё проще, оказывается в вебшторме есть создание реакт приложухи

там же CRA прост