Кто работал с lazy от react. Как можно вылечить это index.js:1437 Warning: </static/media/MerchantsPage.d41d8cd9.bin /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements. Соль в том, что все коспоненты нормально рендерятся, кроме одного. Никак не могу отловить ошибку

забейте, это не бажется, просто написал заново

Всем привет, кто может подсказать, может ли mockapi сервер принимать информацию и записывать ее в json? Я использую mockoon сервер и у меня получается получить информацию и вывести ее на стр, а вот когда пытаюсь записать данные у меня не выходит. В сам json ничего не записывается и консоль показывает что у меня данные записаны не в data: а в config: вопрос, может ли mockapi сервера вообще принимать данные и записывать их или это только для вывода информации?

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

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

Да

Подскажите, делим модули на отдельный нмп пакеты, почему вдруг в одном из них перестал работать импорт с дефолтным расширением. тк не может найти файл ./components/file, но видит ./components/file.js в package.json: babel.presets.['react-app']

Кто-то пробывал на codesandbox.io код для реакта писать? Не сталкивались с проблемой, что состояние текстовых хуков не видит?

Кто-то пробывал на codesandbox.io код для реакта писать? Не сталкивались с проблемой, что состояние текстовых хуков не видит?

Постоянно пользуются люди. С ним все ок

Постоянно пользуются люди. С ним все ок

не знаю

Какие версии подключены?

не знаю

Ой лол

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

не знаю

Скобки квадратные нужно

🌚

А не фигурные

Какие версии подключены?

16.10.2 @sovasergey блин, вы правы(( спасибо не заметил бревна в глазу

всем привет! такой вопрос. нужно создать таймер в компоненте в методе componentDidMount и чтобы можно было его очищать в componentWillUnmount. куда лучше поместить переменную чтобы она была видна в обоих методах? в конструктор или в статическое свойство класса. работает и так и так

всем привет! такой вопрос. нужно создать таймер в компоненте в методе componentDidMount и чтобы можно было его очищать в componentWillUnmount. куда лучше поместить переменную чтобы она была видна в обоих методах? в конструктор или в статическое свойство класса. работает и так и так

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

что такое инстанс

экземпляр класса?

что такое инстанс

Если у тебя будет два одинаковых класса

экземпляр класса?

Да

Да

будет фейл

будет фейл

Да, поэтому this самое место

Да, поэтому this самое место

ок) спс

ребят, такой вопрос. Есть компонент div с contentEditable=true, в нем ввожу текст. У этого текста есть каретка. Есть другой компонент, при нажатии на него, добавляется доп.текст. Код самого добавления сейчас выглядит так: value => setText(text + " " + value);. Не подскажите в какую сторону смотреть, что бы добавлять текст именно туда, где сейчас расположена карретка?

ребят, такой вопрос. Есть компонент div с contentEditable=true, в нем ввожу текст. У этого текста есть каретка. Есть другой компонент, при нажатии на него, добавляется доп.текст. Код самого добавления сейчас выглядит так: value => setText(text + " " + value);. Не подскажите в какую сторону смотреть, что бы добавлять текст именно туда, где сейчас расположена карретка?

https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/getSelection

а кто то использует это https://github.com/infinitered/reactotron?

а кто то использует это https://github.com/infinitered/reactotron?

https://t.me/react_js/760862

Есть ли возможность запретить styled-components передавать пропсы в атрибуты элементов?

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

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

это подобие модификаторов и не только, конечно

Есть ли возможность запретить styled-components передавать пропсы в атрибуты элементов?

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

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

>просто Не просто, стилизация моего компонента зависит от пропсов, ваш ответ не решение проблемы

ssr отрабатывает жизненный цикл до componentDidMount) а на нем мы обычно дергаем данные. Как вы это фиксите?

это подобие модификаторов и не только, конечно

Про какие модификаторы идёт речь?

Про какие модификаторы идёт речь?

как в БЭМе. ну если отбросить это, то могу такой пример привести. если нам нужно стилизовать компонент в зависимости от состояния род. компонента, то мы ему передаем пропс

как в БЭМе. ну если отбросить это, то могу такой пример привести. если нам нужно стилизовать компонент в зависимости от состояния род. компонента, то мы ему передаем пропс

т.е. это нужно для генерации имени класса?

а есть что то попроще react-select? чтобы реакт-что то было и не тянуло свой styled-components?

т.е. это нужно для генерации имени класса?

причем тут классы?

причем тут классы?

А причём тут БЭМ?)

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

а как ты тот же атрибуд disabled отобразишь ?

block—disabled

а как ты тот же атрибуд disabled отобразишь ?

Как это делает реакт

А причём тут БЭМ?)

БЭМ - это не про классы, точнее классы это частный случай

БЭМ - это не про классы, точнее классы это частный случай

БЭМ - архаизм, давайте не будем его вспоминать

а как ты тот же атрибуд disabled отобразишь ?

реакт имеет свой список аттрибутов которые он себе заграбал тоесть как пропнейм ты его не заюзаешь, как пример disabled

он никому не интересен

БЭМ - архаизм, давайте не будем его вспоминать

Сильное заявление

Компонента с атрибудом

атрибуды. надо запомнить это слово

А linaria/astroturf решает эту проблему? Про которую я выше спросил

Народ, у меня тут такой кейс, компонент передаётся как свойство объекта, потом этот обджект деструктурируется. Я достаю компонент и передаю в него пропсы, потом возвращаю этот компонент в колонках в ант-дизайне. Так вот трабл такой, что пропсы попадают в него только один раз, если родителю тоглю стейт и передаю пропсу снова, она не попадает вот в этот компонент. Это фильтр, а я хочу заресетить все фильтры, есть идея, почему такая дичь происходит?

при рендере 585 элементов будет пзд? стоит использовать какой то лези скролл?

при рендере 585 элементов будет пзд? стоит использовать какой то лези скролл?

Не будет. Если они всегда одинаковой высоты то можно виртуализацию

при рендере 585 элементов будет пзд? стоит использовать какой то лези скролл?

https://github.com/bvaughn/react-virtualized

Лучше react-window

ssr отрабатывает жизненный цикл до componentDidMount) а на нем мы обычно дергаем данные. Как вы это фиксите?

кто-то знает?

кто-то знает?

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

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

А в случае next js?

посмотри examples с apollo и redux

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

посмотри examples с apollo и redux

У меня нет аполло и редакса

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

настроить nginx

настроить nginx

а если это онли реакт?

ну решай с теми инструментами что есть. в examples показан императивный и декларативный подход. предлагаю также посмотреть на react-async

а если это онли реакт?

настроить вебпак

настроить вебпак

npm eject придется, если CRA?)

ну решай с теми инструментами что есть. в examples показан императивный и декларативный подход. предлагаю также посмотреть на react-async

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

в случае некста есть getInitialProps в документации и examples есть примеры реализации загрузки данных на сервере

А в случае next js?

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

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

еще не делаю, просто думаю. Где их делать?

Доку открой Выше сказали

На тот же метод префетч будет

https://nextjs.org/learn/basics/fetching-data-for-pages не?

https://nextjs.org/learn/basics/fetching-data-for-pages не?

вот вам роскомпозор getInitialProps

вот вам роскомпозор getInitialProps

уже нашел

Жаль useState не возвращает третьим элементом рефку на стейт 🤔 а то мне нужно одно значение из стейта в колбеке, но значение меняется чаще чем колбек вызывается

Жаль useState не возвращает третьим элементом рефку на стейт 🤔 а то мне нужно одно значение из стейта в колбеке, но значение меняется чаще чем колбек вызывается

Можно попробовать в юз реф его пихать и из реф читать

Ну это понятно