в конструкторе

Спасибо ??

как я понимаю, еще не существует Тransition когда сервер это рендерит, но это бред какой-то(

А я как то могу обратиться к методу родительского компонента в реакт, если не прокинул его в пропсах?

А я как то могу обратиться к методу родительского компонента в реакт, если не прокинул его в пропсах?

React Context Api

или статичный метод

может лучше i18next?

или статичный метод

а как обратиться к статическому методу родителя?

MainClass.myStaticMethod

А если я не знаю какой у меня родитель в данном компоненте?

Можно обратиться не к конкретному классу а именно к родителю?

Мне кажется если возникают такие вопросы, то ты что-то делаешь не так

мне надо как то собрать данные которые надо получить в стор при инициализации приложения на стороне сервера (ssr). роутер 4, роуты размазаны по приложению. matchRoute возвращает 1 компонент без потомков. причем если у него HOC — вернет например ф-ю, вроде [Function: WithErrorHandler] displayName: 'withErrorHandler(undefined)' мне надо на стороне сервера получить как то информацию о том что надо грузить для компонент не прописывая её в 2х местах но что то фейл за фейлом

Есть состояние приложения, в нем строка которая используется для поиска, результат поиска и массив постов. Посты фильтруются исходя из этой строки и вот вопрос, в каком месте делать проверку что массив пустой, и присваивать переменной результата false

Redux

Есть состояние приложения, в нем строка которая используется для поиска, результат поиска и массив постов. Посты фильтруются исходя из этой строки и вот вопрос, в каком месте делать проверку что массив пустой, и присваивать переменной результата false

А пре рендере нельзя посмотреть что массив пустой и вывести что-то типа "Нет данных для отображения" ?

А пре рендере нельзя посмотреть что массив пустой и вывести что-то типа "Нет данных для отображения" ?

+

Есть состояние приложения, в нем строка которая используется для поиска, результат поиска и массив постов. Посты фильтруются исходя из этой строки и вот вопрос, в каком месте делать проверку что массив пустой, и присваивать переменной результата false

в action'е нельзя?

А пре рендере нельзя посмотреть что массив пустой и вывести что-то типа "Нет данных для отображения" ?

У меня такая ситуация, что есть поиск по постам, и если ничего не найдено, тоесть на выводе длинна массива 0, то выводить ко компонент: по запросу ..... не найдено. Но так же встала ситуация что посты надо удалять, и в таком случае массив тоже будет пустой, и появится этот компонент

Для этого именно результат поиска я думаю вынести в отдельную переменную и выводить два разных компонента для этих ситуацй

сложно.....

сложно.....

Вы что нибудь поняли?

Вы что нибудь поняли?

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

Доброе утро, товарищи. Есть вопрос, как понять что пользователь только-что зашёл на сайт? Поясню: пользователь может пройти по ссылке, скажем: '/items/item', а может и сразу на главную пройти.

Но данных нет по разным причинам)

В одном случае человек удалил все посты, в другом ничего не нашел

Но данных нет по разным причинам)

но логика показа компонента ведь одинакова? Если массив пустой, так?

Доброе утро, товарищи. Есть вопрос, как понять что пользователь только-что зашёл на сайт? Поясню: пользователь может пройти по ссылке, скажем: '/items/item', а может и сразу на главную пройти.

У тебя SPA?

В одном случае человек удалил все посты, в другом ничего не нашел

Тогда сделай проверку, если у тебя в поле "Поисковая строка" есть данные - выводи одно, если поле пустое и данных нет - то другое

но логика показа компонента ведь одинакова? Если массив пустой, так?

Сейчас да, если пустой, то вывод что ничего не найдено, а если я все посты удалюя то тоже это появится соответственно

У тебя SPA?

Да.

Доброе утро, товарищи. Есть вопрос, как понять что пользователь только-что зашёл на сайт? Поясню: пользователь может пройти по ссылке, скажем: '/items/item', а может и сразу на главную пройти.

Cookie ?

Доброе утро, товарищи. Есть вопрос, как понять что пользователь только-что зашёл на сайт? Поясню: пользователь может пройти по ссылке, скажем: '/items/item', а может и сразу на главную пройти.

Куки / локал сторадж

Спасибо.

Можно ли реализовать защиту от CSRF Attack на ReactJS?

Есть большой компонент с собственным стейтом, при како-то изменение внутри компонета ретурнется в колбэке объект. Надо как-то проиницилизировать стартовое состояние!!! Как это сделать или может я не так начал писать компонент?

>может я не так начал писать компонент? > Есть большой компонент с собственным стейтом

>может я не так начал писать компонент? > Есть большой компонент с собственным стейтом

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

@popuguy А как стоит сделать?

@popuguy А как стоит сделать?

детальней кейс опиши

Можно ли реализовать защиту от CSRF Attack на ReactJS?

https://alexanderpaterson.com/posts/protecting-react-applications-against-csrf-with-express-sessions

https://alexanderpaterson.com/posts/protecting-react-applications-against-csrf-with-express-sessions

Блогадарю !

@popuguy Есть компонент новорожденный. В нутри компонента 4 поля: 3 инпута и 1 комбобокс. Внутри должна быть валидация этих полей. В итоге должен вернуться объект новорожденный. Блок может заполнятся уже готовыми данными. Как-то так. Компонет испольузется в нескольких местах

Обновить стейт ?

Обновить стейт ?

Это мне?

@popuguy Есть компонент новорожденный. В нутри компонента 4 поля: 3 инпута и 1 комбобокс. Внутри должна быть валидация этих полей. В итоге должен вернуться объект новорожденный. Блок может заполнятся уже готовыми данными. Как-то так. Компонет испольузется в нескольких местах

Начальное состояние берети из props. Если компонент самостоятельный, получаете данные с сервера внутри, например в методе ЖЦ ComponentDidMount.

Привет, такой вопрос парни: Как flow проверяет типы например у компонентов? Понятно когда написал функцию и сразу ее вызвал, а с компонентами как?

Есть какой-нибудь способ записать в куку, не таща либу react-cookie в клиент и universal-cookie на сервер?

Есть какой-нибудь способ записать в куку, не таща либу react-cookie в клиент и universal-cookie на сервер?

Лучше использовать какую-нибудь прослойку, а то api кук очень неудобный.

Лучше использовать какую-нибудь прослойку, а то api кук очень неудобный.

у меня будет всего одно действие записи на всё приложение. Киньте пожалуйста какую нибудь ссылку на "неудобный API"

Ну это понятно, ну когда я например вызываю команду flow то он анализирует все файлы и в данном случае он зайдет в этот файл и посмотрит и больше ничего не сделает, так как класс не вызывался.

у меня будет всего одно действие записи на всё приложение. Киньте пожалуйста какую нибудь ссылку на "неудобный API"

Ты не можешь ввести в гугл document.cookie ?

у меня будет всего одно действие записи на всё приложение. Киньте пожалуйста какую нибудь ссылку на "неудобный API"

Загугли. Займёт 5 секунд.

Ты не можешь ввести в гугл document.cookie ?

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

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

Чего?

Реакт это не js теперь?

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

причем тут реакт?)

Ну это понятно, ну когда я например вызываю команду flow то он анализирует все файлы и в данном случае он зайдет в этот файл и посмотрит и больше ничего не сделает, так как класс не вызывался.

он проверит все что туда пришли пропсы с нужным типом вплоть до самого нижнего компонента где они используются. Если конечно описаны типы приходящих данных

Ок, давно хотел спросить это здесь, раз уж такое дело: насколько хорошо/плохо/нормально использовать document object из реакта? Я уже пробовал делать это, получалось, но казалось, что это прям плохо, ибо реакт же всё должен абстрагировать и за всем сам следить, а я что-то вмешиваюсь. Скажите, как на самом деле тут обстоят дела?

Ненормально в общем случае

ERROR: S client not available

Есть ref для этих случаев если я правильно понял вопрос

он проверит все что туда пришли пропсы с нужным типом вплоть до самого нижнего компонента где они используются. Если конечно описаны типы приходящих данных

Я только щас начал смотреть что он из себя представляет, поэтому могу ошибаться, если что поправь пожалуйста. Для проверки используется команда flow? Окей, что происходит после вызова этой команда. Flow анализирует все файлы где есть коммент '//@flow'. Есть компонент Parent, Child (каждый находится в разных файлах). Flow перешел к файлу с компонентов Child, но у меня этот компонент не вызывается он просто экспортируется и все. Тогда что в этом случает flow сделать? Создаст виртуальный браузер и сам вызовит? Че-то я не могу догнать этот момент(

Я только щас начал смотреть что он из себя представляет, поэтому могу ошибаться, если что поправь пожалуйста. Для проверки используется команда flow? Окей, что происходит после вызова этой команда. Flow анализирует все файлы где есть коммент '//@flow'. Есть компонент Parent, Child (каждый находится в разных файлах). Flow перешел к файлу с компонентов Child, но у меня этот компонент не вызывается он просто экспортируется и все. Тогда что в этом случает flow сделать? Создаст виртуальный браузер и сам вызовит? Че-то я не могу догнать этот момент(

В компонент child props приходят от parent?

Я только щас начал смотреть что он из себя представляет, поэтому могу ошибаться, если что поправь пожалуйста. Для проверки используется команда flow? Окей, что происходит после вызова этой команда. Flow анализирует все файлы где есть коммент '//@flow'. Есть компонент Parent, Child (каждый находится в разных файлах). Flow перешел к файлу с компонентов Child, но у меня этот компонент не вызывается он просто экспортируется и все. Тогда что в этом случает flow сделать? Создаст виртуальный браузер и сам вызовит? Че-то я не могу догнать этот момент(

@flowtype_ru

В компонент child props приходят от parent?

Да

@flowtype_ru

Спасибо

Да

Значит он проверит что там props используются как надо, если у них обозначены типы. К примеру если придет что у this.props.parent тип может быть null , а вы где-то делаете myArr[this.props.parent] вывалится ошибка

Не путайте проверку типов и тестирование

Значит он проверит что там props используются как надо, если у них обозначены типы. К примеру если придет что у this.props.parent тип может быть null , а вы где-то делаете myArr[this.props.parent] вывалится ошибка

Хорошо по понятнее скажу. Например есть обработчик на событие click. У этого обработчика есть типизация, как сделает проверку типов у этого обработчика flow? Если click это событие которое вызывается когда пользователь нажимает? А flow ведь не в рантайме работает

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

Лучше использовать какую-нибудь прослойку, а то api кук очень неудобный.

https://developer.mozilla.org/en-US/docs/Web/API/document/cookie Можно всё-таки уточнить, что вы имели в виду? На сайте мозилы они чуть ли не декларативно пишут document.cookie = "test1=testtest", это норма?

https://developer.mozilla.org/en-US/docs/Web/API/document/cookie Можно всё-таки уточнить, что вы имели в виду? На сайте мозилы они чуть ли не декларативно пишут document.cookie = "test1=testtest", это норма?

Нет. Поэтому используй либу.

Хорошо по понятнее скажу. Например есть обработчик на событие click. У этого обработчика есть типизация, как сделает проверку типов у этого обработчика flow? Если click это событие которое вызывается когда пользователь нажимает? А flow ведь не в рантайме работает

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

Есть какой-нибудь способ записать в куку, не таща либу react-cookie в клиент и universal-cookie на сервер?

Норм либы что тебе не нравится?

Норм либы что тебе не нравится?

Не хочу я либу использовать, это обертка в корне, обертка в компоненте и либа на сервере.

Не хочу я либу использовать, это обертка в корне, обертка в компоненте и либа на сервере.

У тебя ssr?

https://github.com/reactivestack/cookies/tree/master/packages/react-cookie офигительный у них просто Simple example(

У тебя ssr?

нет

?Мне вот browser-cookie либа понравилась

нет

А причем тогда тут сервер?

нет

А зачем тебе на сервере она?

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

Ну он же не в рантайме работает как он узнает что было событие клика? Я ведь просто отдельно от браузера вызываю npm run flow

А зачем тебе на сервере она?

ок, не так прочитал их Readme

Ну он же не в рантайме работает как он узнает что было событие клика? Я ведь просто отдельно от браузера вызываю npm run flow

Рантайм = тесты

ок, не так прочитал их Readme

Тогда можешь взять любую не связанную с реактом

Тогда можешь взять любую не связанную с реактом

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

Либа не велосипед

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

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

какие есть потенциальные пролемы при создании куки? Где про это почитать?

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