А какой роутер используешь?

react-router-config

Спасибо

только там нет guards

не особо. просто на хуках гораздо проще писать

В чем проблемы у хуков с сср?

В чем проблемы у хуков с сср?

useEffect vs useLayoutEffect

только там нет guards

Сам допилил?

useEffect vs useLayoutEffect

порядок выполнения можешь рассказать?

Сам допилил?

https://github.com/howtocards/frontend/blob/dev/src/lib/guards/guards.test.js

Спс

useEffect vs useLayoutEffect

Понял. Пасиб.

Всем привет. Хочу начать учить реакт, скажите пожалуйста, как там с адаптивностью? Я просто знаю флаттер, он удобен как раз тем, что не надо мучиться с медиа запросами.

Всем привет. Хочу начать учить реакт, скажите пожалуйста, как там с адаптивностью? Я просто знаю флаттер, он удобен как раз тем, что не надо мучиться с медиа запросами.

Реакт никак не связан с адаптивностью. Поэтому в реакте с адаптивностью всё ок.

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

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

В каком смысле? StyledHeader уже неадекватное? Букв жалко? :)

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

className имя

Код, пожалуйста.

https://codepen.io/mihail-nezemnoy/pen/abboVap?editors=0010

https://codepen.io/mihail-nezemnoy/pen/abboVap?editors=0010

https://codesandbox.io

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

Бабель плагин. В документации есть

Бабель плагин. В документации есть

поясни, пожалуйста, что это за телепатия такая?

я думаю все поняли, какое я имя имел ввиду

я думаю все поняли, какое я имя имел ввиду

Значит, я нет. И какое?

@Atassis

Значит, я нет. И какое?

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

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

Это было сильно. Спасибо.

Хочу вывести 5 раз компонент Joke в родительском компоненте App 1. почему не работает for цикл?

У меня будет самый тупой вопрос, что за ide-ха и что обозначает > кубик App? =)))

vscode . с расширениями

У меня будет самый тупой вопрос, что за ide-ха и что обозначает > кубик App? =)))

Функция это

Функция это

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

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

Надо пойти поспать

Использую локальный сервер, и тут ругается CORS при отправке запроса на API github https://jobs.github.com/api Я так понимаю нужно заголовки расставить, почитал мануалы, не осилил в три часа ночи, попробывал примеры, ничего не получается Мне нужно GET запрос получить json

Использую локальный сервер, и тут ругается CORS при отправке запроса на API github https://jobs.github.com/api Я так понимаю нужно заголовки расставить, почитал мануалы, не осилил в три часа ночи, попробывал примеры, ничего не получается Мне нужно GET запрос получить json

mode cors вроде это у fetch

Использую локальный сервер, и тут ругается CORS при отправке запроса на API github https://jobs.github.com/api Я так понимаю нужно заголовки расставить, почитал мануалы, не осилил в три часа ночи, попробывал примеры, ничего не получается Мне нужно GET запрос получить json

Ты же напрямую?

Я напрямую

Я напрямую

Завелось с mode?

Ты прикололся что ли про джикверика тут

Братишка, я уже от безысходности Вас потревожил, извиняюсь ;c

Я так понял, мне лучше fetch() и там моде прописать no-corse? https://developer.mozilla.org/ru/docs/Web/API/Fetch_API/Using_Fetch

Я так понял, мне лучше fetch() и там моде прописать no-corse? https://developer.mozilla.org/ru/docs/Web/API/Fetch_API/Using_Fetch

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

У тебя же вебпак там?

У меня тут эээ... папочка, в ней html и js файл! no joke ;D

Так в networks глянь от тебя улетает origin header?

Сейчас посмотрбю.

http://cors-anywhere.herokuapp.com/ Перед запросом поставь

В первой секции страницы создал слайдер на весь экран. По верх этого слайдера ещё слайдер только винзу. И вынес эти два слайдера в компоненты HeaderSlider.js и HeaderSubSlider.js соответственно. И больше я нигде эти слайдеры не юзаю в страницах сайта. Получается я создал не переиспользуемый компонент и вовсе тут не надо создавать было компоненты ?

Компонент создается только когда нужно его переиспользовать ?

Компонент создается только когда нужно его переиспользовать ?

Нет, компонент - это независимый кусок. В данном случае два независимых слайдера, а значит два куска. Более того, элементы слайдеров (слайды) - это тоже должны быть отдельные компоненты

Нет, компонент - это независимый кусок. В данном случае два независимых слайдера, а значит два куска. Более того, элементы слайдеров (слайды) - это тоже должны быть отдельные компоненты

🤝 ясно!

Компонент создается только когда нужно его переиспользовать ?

1. Что б переиспользовать 2. Для визуального разделения кода и для соответствия принципа единой ответственности.

1. Что б переиспользовать 2. Для визуального разделения кода и для соответствия принципа единой ответственности.

3. Для оптимизации

3. Для оптимизации

какой?

какой?

ты в каждом чатике с кем то споришь 😂

ты в каждом чатике с кем то споришь 😂

где? я вопрос задал

какой?

Производительности. Убрать вложенные блоки в PureComponent/sCU, чтобы избежать лишних перерендеров.

Производительности. Убрать вложенные блоки в PureComponent/sCU, чтобы избежать лишних перерендеров.

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

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

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

какой?

Чтобы перерендеривать маленькие кусочки, вместо огромного компонента целиком

как в ReactToPrint распечатать компонент , не выводя его на экран?

https://codesandbox.io/s/rzdhd Тут его выводят

Чтобы перерендеривать маленькие кусочки, вместо огромного компонента целиком

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

Пытался так - не работает, ошибка Cannot access 'PrintStudentsContent' before initialization

Так тож не катит

Пытался так - не работает, ошибка Cannot access 'PrintStudentsContent' before initialization

Реф это просто ссылка на компонент

Непонятно что ты пытаешься сделать

сверху же написал, В этой библиотеке нет инструкции как просто распечатать то что я хочу, не выводя на странице то что я печатаю

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

как в ReactToPrint распечатать компонент , не выводя его на экран?

Ты хочешь увидеть в консоли функцию?

не

Jsx?

Вот что я хочу и уже есть, но на чистом js. Хочу заменить на ReactToPrint.

Щас так печать делаю.

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

Мне только кнопка нужна.

Щас так печать делаю.

Чот на костыли смахивает конкретнейшие. Не думал просто сделать https://reactjs.org/docs/react-dom-server.html#rendertostaticmarkup

Мда как обьяснить то вам, что я хочу, вообще не о том речь. Мне не надо рендерить на экран то что я печатаю.

Весь требуемый функционал: 1) Нажал кнопку 2) Вывелся компонент на печать Сам компонент не надо рендерить на странице.

Весь требуемый функционал: 1) Нажал кнопку 2) Вывелся компонент на печать Сам компонент не надо рендерить на странице.

Пусть кнопка печатает другую страницу где нет этого компонента.