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

14 строка ты Т вызываешь

Как то можно с это побороть ?

Как то можно с это побороть ?

а куда у тебя тут состояние сохраняется-то

@Miseo что?

а куда у тебя тут состояние сохраняется-то

Я немного не так сформулировал - при клике на чекбокс : Select 1 сохраняет выбранное значение, а Select 2 перерисовывется заново https://codesandbox.io/s/react-hooks-toggle-state-u7jsh

@Miseo что?

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

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

Как то можно с это побороть ?

Объявить компонент в теле файла, зачем вы его в теле функции создаёте??

Ты эту Т вызовешь как функция

Как то можно с это побороть ?

Вынеси объявление компонента из функции App

Я немного не так сформулировал - при клике на чекбокс : Select 1 сохраняет выбранное значение, а Select 2 перерисовывется заново https://codesandbox.io/s/react-hooks-toggle-state-u7jsh

вынеси Selector за пределы функции App

вынеси Selector за пределы функции App

Ухх. получилось

@Miseo что?

Т это не функция

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

а какая версия i18 ?

спасибо, ребят, я решил через сам пакет i18next сделатьб, с компонентом translite как-то муторно

а может мне кто-нить объяснмить как пакет i18n без явного импорта где-нить в проекте сам находит файл i18n с переводами?

ой, сорян, у меня он был импортирован)

всем привет. не могу никак найти нормальный гайд по react + http only cookie для авторизации. подкиньте пожалуйста (интересует именно реактовая часть)

всем привет. не могу никак найти нормальный гайд по react + http only cookie для авторизации. подкиньте пожалуйста (интересует именно реактовая часть)

А что там в реакте? Форма логин пароль и все дела

А что там в реакте? Форма логин пароль и все дела

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

Если куки нет то апи вернет 401 и вы покажите форму логина

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

Ну можно дёрнуть эндпотнт типа /me если есть что-то подобное

это если запрос к апи на странице будет, а если без запроса? вкладку например оставил надолого открытой

Ну можно дёрнуть эндпотнт типа /me если есть что-то подобное

вот, в каком месте его дергать? бест практис так сказать

народ, как исправить эту ошибку при отправке Patch запроса на сервер?

вот, в каком месте его дергать? бест практис так сказать

При первом заходе, ещё там же можно например подучить имя и логин и ещё что-то типа роли

При первом заходе, ещё там же можно например подучить имя и логин и ещё что-то типа роли

в index.js вызывать dispatch() с типом экшена "authme"?

в index.js вызывать dispatch() с типом экшена "authme"?

А вообще все это лишнее, алгоритм такой: приложение смотрит в local storage залогинен ли юзер, если нет то редирект на страницу логина, при удачной аутентификации выставляется http only cookie, и вы ещё в выставляете флаг в local storage что юзер залогинен и все. Если была 401 ошибка то очищаем флаг в localstorage и редиректим на страницу логина.

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

понял, спасибо странно, что на это гайдов почти нет

Есть куча

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

народ, как исправить эту ошибку при отправке Patch запроса на сервер?

Перевести текст и настроить cors

Перевести текст и настроить cors

а как именно настроить? сервер не мой, к нему у меня нету доступа, с Postman я могу выполнять эти запросы используется axios ибо там сложная логика по jwt токенам

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

а тебе что нужно? если что, то у react-routerа есть хуки useParams, useLocation

Вот сделал я хелпер для экспорта в компоненты с переводом. "import i18next from 'i18next'; import '../i18n'; export const i18nextObject = i18next;" Подскажите, это ведь... при каждом импорте в компонент будет импортироваться i18next и объект из i18next? Или сборщик реакта при переводе в js раскидает импорты в разовом варианте?

а тебе что нужно? если что, то у react-routerа есть хуки useParams, useLocation

есть бесконечная вложенность типа /foo/bar/baz/etc - нужно получить только /foo

хотя в компонентах едь тоже ведь импортируются разные библиотеки и самописные компоненты, то есть реакт понимает что всё нужно импортировать разово сколько бы раз не импоортиовался компонент/пакет?

Перевести текст и настроить cors

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

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

отправлять через прослойку свою, либо есть в инете сервис (соре, название не помню)

зис http://cors-anywhere.herokuapp.com/ ?

зис http://cors-anywhere.herokuapp.com/ ?

емнип, да, вот

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

зис http://cors-anywhere.herokuapp.com/ ?

Тож его использовал

Вопрос: есть ли в axios настройка, которая исключает наллы на этапе серрилизации

Вопрос: есть ли в axios настройка, которая исключает наллы на этапе серрилизации

напиши интерсептор

напиши интерсептор

Ок

Кто-нибудь сталкивался с такой ошибкой? Не могу настроить jest на новом проекте, следующая ошибка:

node_modules в игнор в jest.config добавил - не помогло

node_modules в игнор в jest.config добавил - не помогло

Настраивай сборку less файлов для жеста.

Ребята, есть у кого патерн для react-apollo клиента с вынесением логики отправки запросов из функциональных компонентов?

Настраивай сборку less файлов для жеста.

А во что они должны собираться? Я вот такое решение с jest-transform-stub нагуглил, но оно тоже не помогло:

transform: { '.+\\.(css|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub', },

Еще есть костыли вроде jest.mock("../../src/styles.less", () => jest.fn()); добавлять в тесты или dummy js файл создать и перенаправлять импорты в него, но неужели нет нормального решения?

Настраивай сборку less файлов для жеста.

у него на этапе парсинга валится. не понимает строку после импорта

у него на этапе парсинга валится. не понимает строку после импорта

То есть это не из-за less файлов?

Ребята, есть у кого патерн для react-apollo клиента с вынесением логики отправки запросов из функциональных компонентов?

Кастомный хук?

Кастомный хук?

Да, такого плана

Да, такого плана

Это вроде как ответ был)

Это вроде как ответ был)

Ахаха, может у тебя есть экземпл такого хука?

То есть это не из-за less файлов?

проверь. удали этот импорт

проверь. удали этот импорт

тот импорт, на котором ошибка, находится не в тестируемом файле. на скрине видно, он в node_modules. В проекте ant design используется, в тестируемом файле есть компоненты из анта. Я так понимаю на них ругается

Если из файла убрать все антидизайновские компоненты, то все ок

проблема решена, дело в настройках babel-plugin-import юыло

styled-component или sass?

styled-component или sass?

sass, а то и вовсе дефолтный css

sass, а то и вовсе дефолтный css

верни мой 2007

styled-component или sass?

Попробуй оба варианта, выбери что больше понравится.

Я тут с удивлением обнаружил, что create-react-app при сборке конвертит hsl в rgb (в инлайн стилях) - как это отрубить?

Я тут с удивлением обнаружил, что create-react-app при сборке конвертит hsl в rgb (в инлайн стилях) - как это отрубить?

hsl по перфу может быть медленней. Хотя маловероятно что это будет заметно.... А зачем отрубить?

hsl по перфу может быть медленней. Хотя маловероятно что это будет заметно.... А зачем отрубить?

Привет, вопрос не в тему, ты reshadow с vscode юзаешь или ты на webstorm?

Привет, вопрос не в тему, ты reshadow с vscode юзаешь или ты на webstorm?

Вскод

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

Доброго вечера. Подскажите, как правильно реализовать задуманное. пытаюсь сделать дерево с возможностью выбора элемента в дереве и с кнопками для каждого элемента. но есть проблема. при нажатии на кнопку отрабатывает событие нажатия на элемент дерева. как с этим бороться? https://codesandbox.io/s/musing-bohr-xkxw3?fontsize=14&hidenavigation=1&theme=dark

Вскод

Я прост тут пересел на него не давно, он же до сих пор не умеет в подсветку синтаксиса с кастомными тегами для литералов, у тебя получилось подсветку включить для styled’’?

Я прост тут пересел на него не давно, он же до сих пор не умеет в подсветку синтаксиса с кастомными тегами для литералов, у тебя получилось подсветку включить для styled’’?

Soso Чета где-то включилось, но не везде... Надёжнее всёго подсветка работает с css тегом

Я прост тут пересел на него не давно, он же до сих пор не умеет в подсветку синтаксиса с кастомными тегами для литералов, у тебя получилось подсветку включить для styled’’?

Так и знал, что будет этот вопрос

Я прост тут пересел на него не давно, он же до сих пор не умеет в подсветку синтаксиса с кастомными тегами для литералов, у тебя получилось подсветку включить для styled’’?

Для чего не работает?

Я тут с удивлением обнаружил, что create-react-app при сборке конвертит hsl в rgb (в инлайн стилях) - как это отрубить?

Почему ты уверен что это CRA?