привет! у меня глупый вопрос. если можно делать глобальные переменные через export var blabla - то могу ли я обойтись без редукса или mobx? я из невебового c# пришел и у меня болит голова все время что я пытаюсь работать со сторами под реакт

привет! у меня глупый вопрос. если можно делать глобальные переменные через export var blabla - то могу ли я обойтись без редукса или mobx? я из невебового c# пришел и у меня болит голова все время что я пытаюсь работать со сторами под реакт

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

привет! у меня глупый вопрос. если можно делать глобальные переменные через export var blabla - то могу ли я обойтись без редукса или mobx? я из невебового c# пришел и у меня болит голова все время что я пытаюсь работать со сторами под реакт

Посмотри в сторону Context Api, там будет легче

привет! у меня тоже глупый вопрос, Ситуация: есть сервер на ноде, который берет запрос от клиента, вытаскивает от туда куки и потом эти куки использует при обращении к АПИ серверу, но вот проблема, я сначала шарил куки через глобальную переменную, но щас понял, что типа если 2 запроса в одно время, то куки перезапишутся последним, от сюда вопрос - как делиться куками между модулями?

привет! у меня тоже глупый вопрос, Ситуация: есть сервер на ноде, который берет запрос от клиента, вытаскивает от туда куки и потом эти куки использует при обращении к АПИ серверу, но вот проблема, я сначала шарил куки через глобальную переменную, но щас понял, что типа если 2 запроса в одно время, то куки перезапишутся последним, от сюда вопрос - как делиться куками между модулями?

require('moduleForNetworkThings');

чет нету)

чет нету)

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

а контекст разве не техника из разряда запрещенных в реакте? что-то такое читал.

допустим я сам хочу обновлять представление - как конкретно у меня есть возможность его обновлять? просто какой стор ни возьми, адовая надстройка получается. может я еще не осознал крутость редукса итд. при этом я понимаю, что mutable state это антипаттерн - но хочется пописать бизнес логику конкретную у приложения, а не воевать со сторами

чет нету)

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

Павел: Парни, подскажите как vscode заставить по ctrl+клик переходить к определению любого компонента, а не только лежащего рядом(в одной папке)?

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

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

чета сложно

стейт это вроде как локальная переменная функции, и я конечно могу это передавать от одной функции к другой аргументом, но я думал есть способ попроще

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

не думай про запросы, думай про данные. например у тебя есть что-то типа updateJobsTable('devops'); тебе не надо знать что там сервер где ответил, тебе надо чтобы данные в таблице обновились.

блин, кажется я понял

спс

а допустим, чтобы обновить представление самодельного стора - я просто главный setState() дергаю и пробрасываю пропы со значениями ниже - и все обновится на странице? или есть какие-то более крутые способы

ну вроде это и будет то, что назвается mobx, но я могу ошибаться

Есть 2 метода, которые вызываются при ресайзе, нужно обновить 2 состояния, сделал 2 таймера getContentsWidths = (width) => { const p_ = this.props; clearTimeout(this.onChangeContentTimeout); if (!p_.tooltip.disabled) { this.onChangeContentTimeout = setTimeout(function(width) { this.setState({contentWidth: width}); }.bind(this, width), 600); } }; getOriginalWidths = (width) => { const p_ = this.props; clearTimeout(this.onChangeOriginalTimeout); if (!p_.tooltip.disabled) { this.onChangeOriginalTimeout = setTimeout(function(width) { this.setState({originalWidth: width}); }.bind(this, width), 600); } }; но в результате рендер все равно много раз происходит, как можно сделать, чтобы обновилось один раз разом?

это 2 разных коллбэка, делал 1 метод с 1 таймером - работает некорректно, поскольку нужный таймер мог затереться другим

это 2 разных коллбэка, делал 1 метод с 1 таймером - работает некорректно, поскольку нужный таймер мог затереться другим

делай debounce или throttle, в зависимости от того, что там нужно, наверное тут throttle

Создаю Provider class ThemeProvider extends React.Component<PropsInterface, {}> { getChildContext() { return this.props.theme; } render() { return this.props.children; } } Потом использую его <ThemeProvider theme={theme}> <App /> </ThemeProvider> Но в App ничего не видно

Создаю Provider class ThemeProvider extends React.Component<PropsInterface, {}> { getChildContext() { return this.props.theme; } render() { return this.props.children; } } Потом использую его <ThemeProvider theme={theme}> <App /> </ThemeProvider> Но в App ничего не видно

конечно нет, что это за провайдер такой, которые данные не передает

посмотри как создаются провайдеры

посмотри как создаются провайдеры

Через createContext?

Хай, не совсем по теме: как в хаски обламывать коммит, если есть предупреждения от eslint ? (еслинт запускается, но что-то еще нужно дописать, чтобы коммит останавливался, если есть ошибка/варнинг)

Хаски сам вроде это делает если return code не 0

Хаски сам вроде это делает если return code не 0

да, должен, я как раз про это и думаю.. есть пример под рукой, как там return описывается? (я пока ушел доку посмотрю)

то есть, как образно из "precommit": "lint-staged && node_modules/.bin/eslint src/", вернуть не 0 (если я правильно вопрос задаю)

Еслинт сам возвращает не 0, если есть ошибки

Еслинт сам возвращает не 0, если есть ошибки

мне бы хотелось еще и на варнинги не 0 возвращать. это как донастроить?

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

И у тебя как-то странно, сначала lint-staged запускается, а потом eslint на всё. Тебе точно lint-staged нужен?

не, lint-staged и eslint у меня, еслинт - на все, линт стейджет для преттира

Можно сам eslint тоже затолкать в lint-staged, чуть быстрее хук проезжать будет

Можно сам eslint тоже затолкать в lint-staged, чуть быстрее хук проезжать будет

верно. В общем я нашел, что нужно - --max-warnings=0 не пропустит варнинги

Интересно, не знал

итого вышло так (спасибо за помощь) "lint-staged": { "src/**/*.{js,jsx,json}": [ "node_modules/.bin/eslint src/ --max-warnings=0", "prettier --write", "git add" ] }

Если ты уберешь /src из команды линта, то линтер будет гоняться только по стейджнутым файлам, в этом-то и суть lint-staged

да, спасибо за наводку, недоправил)

В августе

Что где? ?

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

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

берешь, верстаешь такие заглушки и юзаешь вместо крутилки например. Все одинаково

берешь, верстаешь такие заглушки и юзаешь вместо крутилки например. Все одинаково

а прогресс как определяешь? а если ошибку словишь а показал 100%?

а прогресс как определяешь? а если ошибку словишь а показал 100%?

что 100%? Удаляешь заглушки если ошибка

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

Этот патерн называется skeleton

что 100%? Удаляешь заглушки если ошибка

сверху прогрессбар

Этот патерн называется skeleton

спасибо

сверху прогрессбар

я про скелет если что

понял

а прогресс как определяешь? а если ошибку словишь а показал 100%?

Сравниваешь content length и length пришедших чанков

Всем доброе утро. Ребят, прошу помочь, туплю что то=) Дергается запрос раз в 20 мин, по их истечению вызывается алерт- это все хорошо. Добавил к этому делу таймер, он должен обновляться после прихода запроса, никак не пойму что передать в колбэк функцию таймера onComplete. Подскажите пожалуйста

Как можно в реакте выставить преоритет на скачивание ресурсов? Например что бы в первую очередь была получена иконка loader а потом уже все остальное.

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

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

поставь еслинт

ERROR: S client not available

поставить eslint + prettier, добавить хук на пре-коммит

Всем доброе утро. Ребят, прошу помочь, туплю что то=) Дергается запрос раз в 20 мин, по их истечению вызывается алерт- это все хорошо. Добавил к этому делу таймер, он должен обновляться после прихода запроса, никак не пойму что передать в колбэк функцию таймера onComplete. Подскажите пожалуйста

Ты код покажи

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

поставить lint-staged

Для чего withRouter используют кто поможет понять ??

Для чего withRouter используют кто поможет понять ??

чтобы добавить в компонент определенный функционал

Например ?)

Например ?)

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/withRouter.md

Например ?)

пропсы раута очевидно

Хмм... ладн спасиб

Ты код покажи

Так я вроде показал, ещё?

у тебя неправильно setTimeout написан, update сразу вызовется

Так я вроде показал, ещё?

Если у тебя там общий код по установке таймера его лучше вынести в отдельный метод. В onComplete что происходит когда функцию передаешь?

Всем привет

Есть достойный мануал на русском по реакту?

есть конечно

Есть достойный мануал на русском по реакту?

https://legacy.gitbook.com/book/maxfarseer/react-course-ru-v2/details

Глупый вопрос) согласен) сможешь скинуть?))

Спасибо))

https://legacy.gitbook.com/book/maxfarseer/react-course-ru-v2/details

ууу пиар

Спасибо))

там есть возможность pdf/epub/mobi сделать для оффлайна.

самого себя

Доброго времени суток! Кто то интегрировал готовые чаты типа talkjs||rocket.chat и тд ? Может что то посоветуете или дадите ссылок по интеграции?

ууу пиар

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

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

себя не похвалишь, никто не похвалит

себя не похвалишь, никто не похвалит

истина

(хотя хвалят, но это уже другая история)

Это было лишь вопросом времени https://github.com/jxnblk/mdx-deck

Это было лишь вопросом времени https://github.com/jxnblk/mdx-deck

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

задался вопросом return Title {isLoading && Loader} или render() if(isLoading) { return Loader} или return Title {isLoading()} которая вернет Loader

задался вопросом return Title {isLoading && Loader} или render() if(isLoading) { return Loader} или return Title {isLoading()} которая вернет Loader

кому как нравится; я обычно делаю && если условие короткое и функцию-хелпер если хочется скрыть побольше логики