и вызывать в нужном месте

делать сетстейт в промисе

у меня не получится, мне еще что-то такое надо будет вызывать из функции рендер по кнопке

ну подумаешь, перейдет в другой раздел не дождавшись ответа от сервака

ответ придет ну выдаст ошибку в консоли

о том что нет такого объекта больше

и не куда стейт класть

у меня не получится, мне еще что-то такое надо будет вызывать из функции рендер по кнопке

ват

как думаешь что будет с интерфейсом если связь будет медленная?

Но мне нужно вызывать функцию после загрузки страницы

так вызывай

не обязательно в async это делать

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

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

убери async await

то хотя бы нужно разделить эти вещи

это не нужно там

то хотя бы нужно разделить эти вещи

Вынести в отдельный js файл? Но зачем?

дело не в выносе в отдельный файл

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

если сделаешь асинхронно через колбеки .then

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

а ты там делаешь this.setState

напрашивается вариант с HOC если без редакса

ой, я не знаю что такое НОС, думаю пока так оставить

Но спасибо за совет

который будет управлять загрузкой данных, показывать либо лоадер, либо пропихивать данные через пропсы в компонент, который их визуализирует

А разве у меня не будет все гарантированно рендериться, ведь фунция через промис обновит стейт

а ты попробуй таймер поставить вместо fetch

ну или сделать там setTimeout(() => fetch(....), 15000)

и поброди по разделам сайта

консоль открой при этом

если рендеринг не поломается вообще, то это будет хорошо

ну добавишь componentDidCatch еще :)

Всё работает, но возможно дело в том, что у меня просто одна картинка и одна кнопка )

ну если так и останется то не парься

т.е. нет редакса, нет роутера

ок, спасибо всем большое

т.е. нет редакса, нет роутера

Роутер есть

ну а зачем тебе роутер

можешь его снести

редакс же не юзаешь, роутер и подавно не нужен тебе

раз одна картинка

ну а зачем тебе роутер

Попросили сделать 3х страничное SPA. Я решил что они именно это хотят

Это тестовое задание

ну замедли сетевое соединение в девтуле

и поперключайся между тремя роутами

вон там в Performance -> Network -> Slow 3G

вон там в Performance -> Network -> Slow 3G

Завтра обязательно попереключаю

т.е. смысл в том, чтобы успеть переключиться на другой урл в твоем SPA

до того как успеет отработать запрос

до того как успеет отработать запрос

Ок, попробую

yarn why popper.js

@itsjohncena

yarn why popper.js

о, спасибо

yarn why popper.js

Не знал, что так можно, спасибо!

хай, есть какие нибудь рекомендации по разбитию проекта на компоненты? Потому что я делаю следующим образом: разбил окно на зоны( контейнеры ), каждой зоне создал компонент, потом в каждой зоне-контейнере каждому функциональный элемент - компонент и т.д. Получается, что некоторые компоненты, в основном контейнеры не имеют никакой логики, к тому же файлов много получается. С другой стороны есть какая то последовательность. В общем кто понял о чем я, ответьте есть ли рекомендации какие то, правила и как вообще есть ли влияние на производительность, если ты плодишь компоненты, считай файлы в своем проекте?

ERROR: S client not available

Всем привет, ребят, может кто-то подсказать, как нам организовать code splitting в продакшене? Предположим, у нас есть роут, и для него мы делаем динамический импорт компонента, следовательно у нас вебпак генерирует еще один бандл. И мы не юзаем этот код пока юзер не перейдет на данный роут. В дев моде у нас вебпак выплевывает чанки по ходу дела, а как дела обстоят в продакшене? Нам ведь придется подключать все чанки, а от этого теряется смысл разбиения на чанки. Объясните кто-нибудь плз...

сага нужна для сложных бизнес-кейсов

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

Использование styled components подразумевает отказ от просто подключения css в проект?

Использование styled components подразумевает отказ от просто подключения css в проект?

Нет, подключай сколько хочешь

Только то, что не относится к стайледам

Всем привет, ребят, может кто-то подсказать, как нам организовать code splitting в продакшене? Предположим, у нас есть роут, и для него мы делаем динамический импорт компонента, следовательно у нас вебпак генерирует еще один бандл. И мы не юзаем этот код пока юзер не перейдет на данный роут. В дев моде у нас вебпак выплевывает чанки по ходу дела, а как дела обстоят в продакшене? Нам ведь придется подключать все чанки, а от этого теряется смысл разбиения на чанки. Объясните кто-нибудь плз...

Привет когда ты будешь собирать прод у тебя кроме основного бандла будут созданные еще чанки они просто будут лежать в папке и ждать своего времени)

yarn why popper.js

?

ребят пожскажите как в create-react-app импортить картинки в компонент?

сделал json вида { "BTC": "../img/btc.png" } в компоненте импорчу вот так import jsonSchemaImg from '../../img/img.json';

и потом пытаюсь в компонент вставить путь

<Avatar src={jsonSchemaImg.BTC}>

ребят пожскажите как в create-react-app импортить картинки в компонент?

привет, Камиль. Xочется именно импортить или подключать из директории со статикой? (я за второй вариант - просто путь указывай корректно, минус слово public, но плюс кусок из JSON)

оО привет)

ну у меня исходя из пропсов будет разная картинка

Всем здравствуйте. Перевёл своё SPA на 16-й реакт, вроде бы всё стабильно, тесты проходят, но в прод страшновато по принципу «как бы чего не сломалось». Стек react-16/react-dom-16/redux-3/react-redux-5/react-router-4/react-router-redux-5. Кто-нибудь уже гонял долго, как с подводными камнями (новые фичи 16-го пока не задействовал)?

{jsonSchemaImg${this.props.symbo}}

ребят пожскажите как в create-react-app импортить картинки в компонент?

import image from ‘path/to/image’

ну у меня исходя из пропсов будет разная картинка

тэгу img делаешь src = /путь_до_картинки (как в html), только минус на название публичной директории (public) например, если картинки лежат в public/images/my_first_coin.jpg и тебе пришло в json в дате my_first_coin.jpg то получается так const imageNameFromJson = data[0]bla bla <img src=‘//images/imageNameFromJson’> (минус public) если хочешь импортить, а не подключать из статики, то выше написали, просто импорт.. но тут надо подумать как его делать динамическим, на основании json. это хз

Всем здравствуйте. Перевёл своё SPA на 16-й реакт, вроде бы всё стабильно, тесты проходят, но в прод страшновато по принципу «как бы чего не сломалось». Стек react-16/react-dom-16/redux-3/react-redux-5/react-router-4/react-router-redux-5. Кто-нибудь уже гонял долго, как с подводными камнями (новые фичи 16-го пока не задействовал)?

Ты про 16 или 16.3

Ты про 16 или 16.3

16.3

Совместимы

Всем здравствуйте. Перевёл своё SPA на 16-й реакт, вроде бы всё стабильно, тесты проходят, но в прод страшновато по принципу «как бы чего не сломалось». Стек react-16/react-dom-16/redux-3/react-redux-5/react-router-4/react-router-redux-5. Кто-нибудь уже гонял долго, как с подводными камнями (новые фичи 16-го пока не задействовал)?

Ну если в 15 варнингов не было то все ок

import image from ‘path/to/image’

Когда ты ставишь create-react-app, то там в App.js они лого импортят. Сделай по аналогии )

Варнингов в 15 не было, за этим слежу, конечно. Спасибо.

Но на методы некоторые ворнинги

Когда ты ставишь create-react-app, то там в App.js они лого импортят. Сделай по аналогии )

я так понял, хочется импортить файл, имя которого приходит свыше… типа динамический импорт. Есть мысли? Тупо через require можно)

спасибо, щас попробую

парни как сделать Link, кнопкой а не ссылкой ?