https://medium.freecodecamp.org/understanding-redux-the-worlds-easiest-guide-to-beginning-redux-c695f45546f6

ok спасибо огромное а то я не как не могу найти удобный контент для себя спасибо!!!!!

ребят вв темплейте как можно перебрать массив через for of ?как .map видимо так же нельзя

for of это не экспрешен

Делай выводы

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

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

в редюсере?

в редюсере?

ага

ага

в экшене меняй

Но там нет тех данных что мне нужны

хотя стоп

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

Антипаттерн

Я как-то выгребал такое когда на ssr переводил сайт

Оке, буду знать

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

Напиши middleware

Напиши middleware

вариант с экшеном мне подходит

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

Сторонние эффекты обычно выношу в thunk, или саги

в сагах этому самое место, согласен

Только познаю азы реакта, но встал на тупом вопросе, когда через react-router-dom подменяешь компонент в зависимости от пути, то почему то импортируются все css файлы из всех компонентов. И получается что стили пересекаются и начинается каша. Вопрос в том как сделать чтобы у каждого компонента был свой css

css class / styled component / UI kit

styled-components отличная вещь, полгода всего юзаю и не представляю, как я жил без него раньше

Для каждого компонента иметь свой файл стилей

Я юзаю ЦСС

css class / styled component / UI kit

а что такое css class?

что понимается под этим?

styled-components отличная вещь, полгода всего юзаю и не представляю, как я жил без него раньше

Классы? + Вебпак плагин

Так я в каждом компоненте подключаю отдельный css файл, но они все равно объединяются

и будут

Так я в каждом компоненте подключаю отдельный css файл, но они все равно объединяются

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

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

Modules

Спасибо

А что мешает писать на scss? Получается то же самое)

А что мешает писать на scss? Получается то же самое)

Лень мешает

А что мешает писать на scss? Получается то же самое)

в какой спеке scss описан? кто его поддерживает?

Пхпшторм????

И не надо ставить ноде сасс

Phpstorm+postcss ( для работы watch css) и все

Кому интересно можете у меня в репозиторий глянуть - react tariffs

Не, спс)

Гайз, можно ли (импортировать, использовать) компонент(ы) динамически например из массива строк? а-ля let components = ["Shit", "AnotherShit"]; ... и дальше return ( <Shit /> )

switch?

Гайз, можно ли (импортировать, использовать) компонент(ы) динамически например из массива строк? а-ля let components = ["Shit", "AnotherShit"]; ... и дальше return ( <Shit /> )

я пушил в массив компоненты и выводил их мапом так что думаю можно

строк — нет, объектов — да. ты можешь сделать экспорт массива нужных компонентов, а потом нужный таким образом вызывать

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

Точно, спасибо

Гайз, можно ли (импортировать, использовать) компонент(ы) динамически например из массива строк? а-ля let components = ["Shit", "AnotherShit"]; ... и дальше return ( <Shit /> )

нет

нет

https://medium.com/@magbicaleman/intro-to-dynamic-import-in-create-react-app-6305bb397c46

https://medium.com/@magbicaleman/intro-to-dynamic-import-in-create-react-app-6305bb397c46

И? В чём связь?

Спросил одно - сбросил другое.

И? В чём связь?

Таким способом можно

https://medium.com/@magbicaleman/intro-to-dynamic-import-in-create-react-app-6305bb397c46

Ну и зная как это работает

Можно сделать и с массивом

Таким способом можно

Если уточнить, что ему надо динамически импортировать и подгружать.

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

https://medium.com/@magbicaleman/intro-to-dynamic-import-in-create-react-app-6305bb397c46

это есть в спеке? в веб паке работает через require.resolveWeak насколько я помню

это есть в спеке? в веб паке работает через require.resolveWeak насколько я помню

https://github.com/tc39/proposal-dynamic-import

это есть в спеке? в веб паке работает через require.resolveWeak насколько я помню

В вебпаке работает

Мужики, я помню как то в директории создавал package.json В нем { "name": "core" } И потом просто делал import ... from '@core/ ...' А сейчас так не получается, никто не юзал ?

Мужики, я помню как то в директории создавал package.json В нем { "name": "core" } И потом просто делал import ... from '@core/ ...' А сейчас так не получается, никто не юзал ?

Ты не так делал))

https://github.com/tc39/proposal-dynamic-import

штош и вправду работает

В вебпаке работает

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

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

Хотя бы часть статического пути нужно и сейчас

@sergeysova o_0 ?

ERROR: S client not available

@sergeysova o_0 ?

Что

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

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

Внутри каждый свой стейт. Или айдишники

Привет всем у меня сейчас разрабатывается спа с реактом, апи расположено по пути site-uri/api. Иногда требуются прямые запросы из браузера к апи, например, подтверждение почты, сразу идёт на site-uri/api/confirm-email?.... но такие запросы на проде не работают, их перехватывает, как я понимаю, роутер. Поэтому я вместо запроса к апи попадаю на сайт Вопрос в том, как решаются такие проблемы? можно сделать поддомен для апи api.site-uri, но меня интересует есть ли другие варианты?

Либо в главной компоненте хранить массив состояний

Привет всем у меня сейчас разрабатывается спа с реактом, апи расположено по пути site-uri/api. Иногда требуются прямые запросы из браузера к апи, например, подтверждение почты, сразу идёт на site-uri/api/confirm-email?.... но такие запросы на проде не работают, их перехватывает, как я понимаю, роутер. Поэтому я вместо запроса к апи попадаю на сайт Вопрос в том, как решаются такие проблемы? можно сделать поддомен для апи api.site-uri, но меня интересует есть ли другие варианты?

Настройкой сервера.

У тебя с domain/api не должно редиректить в корень.

вот таким образом сделал тоггл toggleHidden() { this.setState({ isHidden: !this.state.isHidden, }); } <button onClick={this.toggleHidden}>Click</button> { this.state.isHidden ? %something% : this.state.isHidden = false }

Внутри каждый свой стейт. Или айдишники

каждой кнопки имеете ввиду?

У тебя с domain/api не должно редиректить в корень.

понял, спасибо

Мужики, я помню как то в директории создавал package.json В нем { "name": "core" } И потом просто делал import ... from '@core/ ...' А сейчас так не получается, никто не юзал ?

это алиасы, недавно делал, все работало

Всем привет! Возможно кто нибудь сталкивался с реализацией поиска подобному работе google search!?

Всем привет! Возможно кто нибудь сталкивался с реализацией поиска подобному работе google search!?

живой поиск?

да по всему содержимому файла

вот таким образом сделал тоггл toggleHidden() { this.setState({ isHidden: !this.state.isHidden, }); } <button onClick={this.toggleHidden}>Click</button> { this.state.isHidden ? %something% : this.state.isHidden = false }

а так вообще можно делать?

а так вообще можно делать?

как?

{ this.state.isHidden ? %something% : this.state.isHidden = false }

{ this.state.isHidden ? %something% : this.state.isHidden = false }

Нет.

а в чем ошибка тогда?

а в чем ошибка тогда?

вообще об этом пишут в любом туториале для реакта в самом начале. Стейт нельзя так меня и вообще конструкция странная

Покажи код конструктора

constructor(props: Props) { super(props) console.log(this) this.onSubmit = this.onSubmit.bind(this) }

constructor(props: Props) { super(props) console.log(this) this.onSubmit = this.onSubmit.bind(this) }

Используй стрелочные

Используй стрелочные

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

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

Кодмод ебани

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

Сделай консоль лог после биндов

Сделай консоль лог после биндов

на бинде ошибка, потому что this.onSubmit === undefined

Хотя не, чет странное

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

а вообще это явно некорректное поведение