Size: a a a

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

2020 August 03

ii

ilia ivanik in React — русскоговорящее сообщество
Leonid Bondarenko
Добрый день!
Я изучаю React и сейчас делаю простое приложение для просмотра фотографий
Мне нужно сделать так, чтобы у пользователя была возможность посмотреть список авторов, у каждого автора есть свои альбомы фотографий

В качестве тестовых данных я использую https://jsonplaceholder.typicode.com

Я решил организовать стейт следующим образом: В стейте есть массив users, в этом массиве объекты, в каждом из которых будет id, name и массив albums. В массиве albums будет объект с title и массивом фотографий этого альбома

Данные с  https://jsonplaceholder.typicode.com приходят следующем образом:
при запросе 10 users приходит json с именем автора, id, почтой, адресом и так далее, но! в этом json нет ни фотографий ни альбомов. Для того чтобы получить альбом данного автора мне нужно сдедать запрос fetch('https://jsonplaceholder.typicode.com/users/1/albums'). Тоже самое для заполнения альбома фотографиями. Из этого получается, что нужно создать цепочку запросов.(Сначала пользователи, затем альбомы и потом фотографии
может у тебя рендер страницы происходит ДО того, как данные внеслись в state после запроса с сервера?
и поможет вот такая логика (у меня массив users в state изначально пустой, и заполняется данными после получения их с сервера)
источник

ei

export default - зло... in React — русскоговорящее сообщество
ilia ivanik
может у тебя рендер страницы происходит ДО того, как данные внеслись в state после запроса с сервера?
и поможет вот такая логика (у меня массив users в state изначально пустой, и заполняется данными после получения их с сервера)
жесть это че
источник

ei

export default - зло... in React — русскоговорящее сообщество
Господи
источник

ei

export default - зло... in React — русскоговорящее сообщество
Почему нельзя по-человечески с флагами isLoading, isLoaded)
источник

ei

export default - зло... in React — русскоговорящее сообщество
А не вот это вот
источник

ii

ilia ivanik in React — русскоговорящее сообщество
я вчера спрашивал - как мне это можно сделать по-нормальному))
источник

ei

export default - зло... in React — русскоговорящее сообщество
if (isLoading) return 'загрузка'
if (!isLoaded) return 'нет данных'
if (users.length === 0) return 'не найдено'
return users.map()
источник

ii

ilia ivanik in React — русскоговорящее сообщество
ну я ему предлагаю не саму реализацию, а только логику: что возможны 3 состояния: идет загрузка, после загрузки: нет пользователей / есть пользователи
источник

D

Den in React — русскоговорящее сообщество
Если на курсах не учат ничему толковому, даже за деньги тогда как найти первую работу, когда компаниям джуны не нужны? Поделитесь опытом, пожалуйста!
источник

ii

ilia ivanik in React — русскоговорящее сообщество
export default - зло is the side effect
if (isLoading) return 'загрузка'
if (!isLoaded) return 'нет данных'
if (users.length === 0) return 'не найдено'
return users.map()
спасибо, попробую разобраться
источник

ei

export default - зло... in React — русскоговорящее сообщество
Den
Если на курсах не учат ничему толковому, даже за деньги тогда как найти первую работу, когда компаниям джуны не нужны? Поделитесь опытом, пожалуйста!
Делать свои небольшие проекты, читать актуальные статьи
источник

ei

export default - зло... in React — русскоговорящее сообщество
А что джуны не нужны это бред)
источник

OW

Oliver Wall in React — русскоговорящее сообщество
ilia ivanik
я вчера спрашивал - как мне это можно сделать по-нормальному))
Создай обертку Page
Передавай пару пропсов. isLoading, isLoaded, isError

В этой обертке swith(true), если пропс isLoading то возвращай лоадер, если isLoaded children, если ошибка ошибку
источник

OW

Oliver Wall in React — русскоговорящее сообщество
избавишься от кучи кода
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
Den
Если на курсах не учат ничему толковому, даже за деньги тогда как найти первую работу, когда компаниям джуны не нужны? Поделитесь опытом, пожалуйста!
да просто пиши проекты для себя что нравится что можешь,

тудулист,интернет магазин,социальную сеть
источник

ii

ilia ivanik in React — русскоговорящее сообщество
Oliver Wall
Создай обертку Page
Передавай пару пропсов. isLoading, isLoaded, isError

В этой обертке swith(true), если пропс isLoading то возвращай лоадер, если isLoaded children, если ошибка ошибку
понял, export default мне выше внутренности этой обертки уже прислал)
источник

ei

export default - зло... in React — русскоговорящее сообщество
Oliver Wall
Создай обертку Page
Передавай пару пропсов. isLoading, isLoaded, isError

В этой обертке swith(true), если пропс isLoading то возвращай лоадер, если isLoaded children, если ошибка ошибку
1) страницы не всегда только из списка чего-то там состоят, название некорректное
2) switch не нужен
источник

ii

ilia ivanik in React — русскоговорящее сообщество
Oliver Wall
Создай обертку Page
Передавай пару пропсов. isLoading, isLoaded, isError

В этой обертке swith(true), если пропс isLoading то возвращай лоадер, если isLoaded children, если ошибка ошибку
спасибо
источник

OW

Oliver Wall in React — русскоговорящее сообщество
export default - зло is the side effect
1) страницы не всегда только из списка чего-то там состоят, название некорректное
2) switch не нужен
Почему не нужен?
источник

OW

Oliver Wall in React — русскоговорящее сообщество
нет данных, не рендеришь детей
источник