А React Context можно использовать для хранения стейта об аутентификации? Или какой самый простой вариант тут будет? Редукс выглядит оверкиллом

А React Context можно использовать для хранения стейта об аутентификации? Или какой самый простой вариант тут будет? Редукс выглядит оверкиллом

Одну перменную всего нужно сохранить?

Одну перменную всего нужно сохранить?

Пока да, токен, например (может exipiration date еще) И на основе этого роуты закрывать/открывать

Grider или Schwarzmuller норм

Спасибо

expiration datе обычно просто для информации присылают, бекенд должен експайрить твой токен сам)

запиши в локал стор

authorized: true

Когда делаешь логаут вытираешь его

?

запиши в локал стор

куки уже не модно?

authorized: true

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

Подскажите, пожалуйста, чат по JS для фронтэндеров. Интересует отправка email через gmail API, а именно, как сделать subject в письме не латиницей :)

есть еще похожий mithril https://mithril.js.org/#components

а как он апдейтится? при клике по кнопке вызывается ререндер?

Подскажите, пожалуйста, чат по JS для фронтэндеров. Интересует отправка email через gmail API, а именно, как сделать subject в письме не латиницей :)

@js_ru

он же с обычной переменной берет count

Ну типа того, нужен такой же, только легче в весе)

choo

@js_ru

Спасибо!

Подскажите, пожалуйста, чат по JS для фронтэндеров. Интересует отправка email через gmail API, а именно, как сделать subject в письме не латиницей :)

там для всех чат)

choo

hyperapp меньше)

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

Обычно функционал для залогиненого юзера подразумевает за собой token в хедере запроса. Но везде бек разный

Наррод, есть кто пользуется offline-plugin ?

hyperapp меньше)

choo, на самом деле, чуть другой

а как он апдейтится? при клике по кнопке вызывается ререндер?

да, там m.redraw ререндерит всё подряд

choo, на самом деле, чуть другой

В 4кб входит и dom?

просто, если нет, то реакт так-то поменьше будет

Обычно функционал для залогиненого юзера подразумевает за собой token в хедере запроса. Но везде бек разный

Это подразумевается, да, но тогда получается логаутить юзера можно будет только после того когда какой-нибудь запрос зафейлится

да, там m.redraw ререндерит всё подряд

печалька

В 4кб входит и dom?

вроде все

Это подразумевается, да, но тогда получается логаутить юзера можно будет только после того когда какой-нибудь запрос зафейлится

Ты прав!

Запиши его повыше, кинь в контекст

В 4кб входит и dom?

bundlephobia 21.1 kB MINIFIED 6.3 kB MINIFIED + GZIPPED

И тяни где нужно, если не хочешь стейтМенеджмент подключать на маленькую аппу ?

Это с виртуальным домом

там для всех чат)

Это понятно.... Но я бы не удивился, если бы существовал отдельный чат по использованию гугловских апей.

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

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

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

товарищи, кто тут с мобх дружит? Вы прямо в компоненты напрямую вставляете обсервабле поля или все пропускаете через computed геттеры?

товарищи, кто тут с мобх дружит? Вы прямо в компоненты напрямую вставляете обсервабле поля или все пропускаете через computed геттеры?

Ты походу не понял для чего нужны кампутед свойства

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

но я просто так… для интереса спрашиваю

Ну вот, а говоришь понял

расскажи где я missed

https://mobx.js.org/refguide/computed-decorator.html третий абзац

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

https://mobx.js.org/refguide/computed-decorator.html третий абзац

я еще смотрю вот это https://github.com/gothinkster/react-mobx-realworld-example-app/blob/master/src/stores/articlesStore.js И здесь везде одни @action, я обычно делал самые обычные публичные методы, через которые изменял обсервабл поля..

Боюсь с ререндером это не связано

я еще смотрю вот это https://github.com/gothinkster/react-mobx-realworld-example-app/blob/master/src/stores/articlesStore.js И здесь везде одни @action, я обычно делал самые обычные публичные методы, через которые изменял обсервабл поля..

Мутации только в экшене делай, configure({ enforceActions: 'always' }) что-то вроде должно быть

Правда, что лучше не юзать export default ? Сумбурный вопрос, не помню, где слышал

Правда, что лучше не юзать export default ? Сумбурный вопрос, не помню, где слышал

Челик даже статью на русский переводил

Мутации только в экшене делай, configure({ enforceActions: 'always' }) что-то вроде должно быть

а если просто прилетает новый массив.. нормальна ли практика его тупо присвоить на публичный обсервабл?

@qwertyasdfgzxcv1487 название помнишь?

а если просто прилетает новый массив.. нормальна ли практика его тупо присвоить на публичный обсервабл?

Любые мутации делать только в экшене

Любые мутации делать только в экшене

понял. Тогда в таком случае.. обсервабл поля лучше всего сделать приватными.. А мутации проводить только через @action, и данные вытягивать только через computed геттеры?

https://blog.neufund.org/why-we-have-banned-default-exports-and-you-should-do-the-same-d51fdc2cf2ad

.

понял. Тогда в таком случае.. обсервабл поля лучше всего сделать приватными.. А мутации проводить только через @action, и данные вытягивать только через computed геттеры?

Вычисляемые данные да, обычные хз зач. У тебя тс штоле?

да, у меня тс

интересно про export default, есть ссылочка ?

вышк

интересно про export default, есть ссылочка ?

Моё сообщение с точкой

Моё сообщение с точкой

благодарю :)

export default для случаев когда подразумевается что модуль экспортирует единую атомарную сущность

Например конфиги

@ZeroBias читал, что рамер бандла увеличивается и надо старатся каждый компонент выносить не как default

По барабану абсолютно: роллапу плевать а вебпак просто инвалид и обсуждать его баги смысла нет

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

ERROR: S client not available

rollup/webpack config

Но кейсы когда "я думаю что тут будет только один экспорт" — это косяк, ожидания регулярно обламываются) Короч обычные компоненты экспортировать по имени даже если они одни на весь модуль

@ZeroBias Спасибо.

всем привет, а как то можно с реактом норм обработать проп такого типа: ems:notrack="true"

<a target="_blank" href="..." // ems:notrack="true" >

<a target="_blank" href="..." // ems:notrack="true" >

зачем?

<a target="_blank" href="..." // ems:notrack="true" >

ems={notrack}

<a target="_blank" href="..." // ems:notrack="true" >

<Component {...{ 'any prop what you want': true }}/>

<Component {...{ 'any prop what you want': true }}/>

спасибо)

@artalar а такие условия?) <!--[if mso]> <div>... <![endif]-->

што

вот такой html <!--[if mso]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> <tr> <td align="center" valign="top" width="600"> <![endif]--> пробую в реакт переделать

вот такой html <!--[if mso]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> <tr> <td align="center" valign="top" width="600"> <![endif]--> пробую в реакт переделать

Поищи кодмоды какие-нибудь

Зачем самому.......

логично)

{ /*[if mso]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> <tr> <td align="center" valign="top" width="600"> <![endif]*/ } вот такую штуку возвращают разные трансформаторы html в jsx >.<

А у тебя html?

может кто нибудь знает варик получше ? не хотелось бы это переделывать на js версию, типа if (browser === 'ie')

у меня html, тот что выше скинул

может кто нибудь знает варик получше ? не хотелось бы это переделывать на js версию, типа if (browser === 'ie')

лучше на жс

или как хотябы такие штуки называются "<!--[if mso]>" чтобы загуглить?)

нашел)

Всем привет Дайте совет по деструктуризации пропсов/стейта, делаете ли вы в рендере/функциях , как лучше и почему ?

Всем привет Дайте совет по деструктуризации пропсов/стейта, делаете ли вы в рендере/функциях , как лучше и почему ?

делаем. Фото с моника - вещь

зато настроение поднимает))

Старался ;) быстренько набросать вопрос надо было

Всем привет Дайте совет по деструктуризации пропсов/стейта, делаете ли вы в рендере/функциях , как лучше и почему ?

если тебе надо вывести 2 пропа, то может и не стоит

Всем привет Дайте совет по деструктуризации пропсов/стейта, делаете ли вы в рендере/функциях , как лучше и почему ?

Если надо все пропсы вниз кинуть, дочернему компоненту в рендере прокидываешь деструктуризацию родительских пропсов: <Child {...this.props} /> Если надо только определённые, то в начале метода render деструктуризацией вынес в константы то, что нужно, и передал каждый пропс отдельно

Определение констант в рендере норм практика ?

да