Доброй ночи, вопрос по GraphQL, использую, apollo-react, как повторно делать запрос, если запрос выдал ошибку?

Почитал ридми, не понял какую проблему решает

Никакую, лучше не надо

Напомните как называется та новая модная библиотека для роутинга в реакт но не react-router

Reach/router

Да, оно. благодарю

https://coursehunters.net/frontend/reactjs

ребята спи... все что можно =) прикольно что можно начать с древних. иногда тоже интересно

https://learn-reactjs.ru/home

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

Никто не знает какую нибудь публичную API , на какую либо тематику, на основе которой можно что то наклепать

https://github.com/toddmotto/public-apis

всем привет, сейчас вот изучаю в реакте lazy download, по сути, когда проект большой, то чтобы не тянуть все компоненты при загрузке, то используют этот подход для того, чтобы загружать определенный компонент только тогда, когда на него(то есть NavLink) кликнул пользователь, верно? то есть это ускоряет загрузку сайта и не тянет лишние компоненты, которые(может быть) пользователь даже не посетит

eh? https://www.npmjs.com/package/react-loadable

eh? https://www.npmjs.com/package/react-loadable

Просто import()

ребята спи... все что можно =) прикольно что можно начать с древних. иногда тоже интересно

и деньги за это требуют. Информация должна быть открытой для всех. Давно бы сделали бы 3 полноценных продакшен проекта. Заходишь, смотришь вникаешь, повторяешь. В место этого в сети помойка в которой надо рыться и искать нужные куски, чтобы сделать свой пет-проект.

и деньги за это требуют. Информация должна быть открытой для всех. Давно бы сделали бы 3 полноценных продакшен проекта. Заходишь, смотришь вникаешь, повторяешь. В место этого в сети помойка в которой надо рыться и искать нужные куски, чтобы сделать свой пет-проект.

они потом все открывают вроде чуть попозжа

и деньги за это требуют. Информация должна быть открытой для всех. Давно бы сделали бы 3 полноценных продакшен проекта. Заходишь, смотришь вникаешь, повторяешь. В место этого в сети помойка в которой надо рыться и искать нужные куски, чтобы сделать свой пет-проект.

ну гитхаб например

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

как это делать правильнг? прям в catch можно написать что-то типа render ( <modal/>) или в стейт кидать код ошибки

Всем привет, подскажите пожалуйста как в моем примере с исходных данных преобразовать дату в обычный вид На JS будет к примеру так let day = new Date(index.due_date); где мне это надо воткнуть в реакте? https://stackblitz.com/edit/react-nv8jsh

Реакт это тоже js.

Воткнуть можешь там, где душа пожелает.

Воткнуть можешь там, где душа пожелает.

Филосовски

Как название ключей в массивах можно назвать как значения этих самых ключей?

В массивах нет никаких ключей

А в объектах: { [value]: value }

Есть доступ по индексу

А индекс можешь получить по indexOf

Сорри перепутал, имелось ввиду обьект

есть какой-нибудь infinity-scroller работающий с горизонтальной прокруткой элемента ? ——- react-infinite-scroller - Isues с такими вопросами без ответа давненьеко висят ——-- react-infinite - таже проблема их много но чет токо время на проверки уходит . какой есть рабочий ?

есть какой-нибудь infinity-scroller работающий с горизонтальной прокруткой элемента ? ——- react-infinite-scroller - Isues с такими вопросами без ответа давненьеко висят ——-- react-infinite - таже проблема их много но чет токо время на проверки уходит . какой есть рабочий ?

у react-virtualized есть infinite scroller компонент, глянь

Ребят, всем привет. Каким способом можно узнать perfomance всей аппки??

у react-virtualized есть infinite scroller компонент, глянь

к сожалению , только вертикальный (

к сожалению , только вертикальный (

https://github.com/bvaughn/react-virtualized/blob/master/docs/InfiniteLoader.md#infiniteloader-and-grid

Но там написано что это редкий случай использования

скорей всего не все гладко будет, да

Ребят, всем привет. Каким способом можно узнать perfomance всей аппки??

Профайлер в хроме

Открываешь и начинаешь изучать

https://github.com/bvaughn/react-virtualized/blob/master/docs/InfiniteLoader.md#infiniteloader-and-grid

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

Помогите пожалуйста подружить реакт с redux и firebase. Сейчас при старте выводит undefined Код для firebase firebase.initializeApp(firebaseConfig); const databaseRef = firebase.database().ref(); export const databaseTasksRef = databaseRef.child('tasks'); action: export const fetchTasks = () => async dispatch => { databaseTasksRef.on('value', snapshot => { dispatch({ type: FETCH_TASKS, payload: snapshot.val(), }); }); }; в комопненте: class Tasks extends Component { componentDidMount() { this.props.fetchTasks(); } render() { const { tasks } = this.props; console.log(tasks); return ( <ul> {tasks} </ul> ); } } const mapStateToProps = state => ({ tasks: state.tasks, }); const mapDispatchToProps = dispatch => ({ fetchTasks: dispatch(actions.fetchTasks), }); export default connect( mapStateToProps, mapDispatchToProps )(Tasks); И то что в базе: tasks first_task: "first_task"

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

Ну Grid это таблица с тем и другим скролами

Ребят подскажите пожалуйста как сделать так чтобы по сщелчку на записи, пусть это будет <div>Заметка</div> открывалась новая страница в которой будет эта "заметка" и под ней ниже было бы выведено еще какое-то описание?

Роутер

я понимаю, как правильно прокинуть эти данные через роутер не очень ориентируюсь к сожалению

я понимаю, как правильно прокинуть эти данные через роутер не очень ориентируюсь к сожалению

как можно понимать, но не понимать? Так только кличко умеет. реккомендую открыть доку роутера, простейший пример с параметрами - вот оно.

вопрос: есть ли разница в производительности, если передавать в пропс целый объект (большой) или передавать только используемую часть объекта?

А какой смысл передавать то, что ты не используешь?

вопрос: есть ли разница в производительности, если передавать в пропс целый объект (большой) или передавать только используемую часть объекта?

Нет, передача по ссылке идёт.

Ну полотно из 5-6 строк выглядит хуже, чем один цельный объект

Так и думал, спасибо)

Нет, передача по ссылке идёт.

Привет, я вот пытаюсь понять, но пока что-то никак Каждый раз, когда я делаю какие-то изменнения в названиях, в файлах меняется это import React form 'react' на это import PropTypes from "../../../../../../Library/Caches/typescript/2.9/node_modules/@types/prop-types";

Какого черта?

Ну вы поняли, там не реакт а пропсы

Ну вы поняли, там не реакт а пропсы

vscode?

Да

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

Как у вас это решается? Ни у кого нет компонентов которые зависят от текущего времени?

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

Используйте middleware

ERROR: S client not available

Вим что ли?

Всем привет. Кто-то может скинуть пример приложений с картой и нанесению туда меток с сервера? Отслеживание транспорта, если ещё можно gps считывать, где человек находится, то вообще круто

Я со всем уважением но не завернуть ли чего нибудь еще?

Я со всем уважением но не завернуть ли чего нибудь еще?

Большую колу)

100% кто-то делал, react native

Всем привет. Кто-то может скинуть пример приложений с картой и нанесению туда меток с сервера? Отслеживание транспорта, если ещё можно gps считывать, где человек находится, то вообще круто

Это так людей нынче хантят? Или всё же не?

По существу кто-то ответит?) Не знаю кто кого чем хантит)

Вряд ли такой код кто-то может отдать без последствий, т. к. существуют NDA и прочая бюрократия

Таблица на сайте рендерится твигом с сервера (для сео) и затем уже спусня несколько секунд вставляется скрипт с реакт компонентом (та самая таблица) и компонент по аяксу получает данные и перерисовывает таблицу. Если делать так, то момент перерисовки таблицы виден. Я попробовал в твиге передать полученные данные в глобальный скоуп, window.TABLE_DATA = {{ data|json_encode() }} и потом уже в компоненте брал данные оттуда и тогда уже не заметно как заменяется таблица НО в теле HTML есть этот самый json который портит все и google page speed говорт сократить хтмл. Может есть какой-то спосов в реакте не менять таблицу пока данные с сервера не пришли или есть способ передать данные в компонент без записи в хтмл?

Проще ssr прикрутить, чем так себе мозг ковырять

посоветуйте  multiselect для большого количества данных

Вечер добрый. Какие есть подводные камни при использовании nextjs? И если проект относительно небольшой

всем привет есть какойнебудь пакет для валидации ?

Yup

а по проще ?)

Куда проще?

Вечер добрый. Какие есть подводные камни при использовании nextjs? И если проект относительно небольшой

Точно нужен SSR? Я уже слез с nextjs, но помню, были решаемые проблемы с авторизацией. Нужно организовывать структуру приложения через их pages. Были и ещё, но не такие глобальные. По-моему, в момент, когда начал прикручивать мультиязычность, я решил перестать его использовать

Точно нужен SSR? Я уже слез с nextjs, но помню, были решаемые проблемы с авторизацией. Нужно организовывать структуру приложения через их pages. Были и ещё, но не такие глобальные. По-моему, в момент, когда начал прикручивать мультиязычность, я решил перестать его использовать

иначе сеошники не слезут... мультиязычность в перспективе... Вообще отказались от SSR или самописное решение?

Временно отказался, но опыт с самописным решением есть, просто пока нет такой необходимости. Брал nextjs, чтобы посмотреть/поиграть. Понял, что мне не надо :)

Ребят помогите с роутами пожалуйста Link to={/{item.id}} по идеи должно проставлять в ссылку путь с елемента ИД массива, а в итоге получается белеберда, подправьте пожалуйста что не атк делаю? https://stackblitz.com/edit/react-8uqjqj?file=info.js

to={`/${item.id}`}

@uryahnik

мм.... не работает

в task.map вторым аргументом item передай

Link в том же духе переделай

все работает то я натупил спутал в МАРе item а у меня index