в чем приемущества писать стили в компонентах ? кроме того что стили не глобальные ?

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

В общем Бест Практикс styled-components ?

Писать стили лучше не в js.

пруфы?

В общем Бест Практикс styled-components ?

в реакте да

В общем Бест Практикс styled-components ?

да

по нему коммьюнити больше всего кмк

Благодарю

по нему коммьюнити больше всего кмк

с цсс модулями не нужно комьюнити

шах и мат

SC крутая штука, мне нравится, но я попробовал к Material UI прикрутить - не очень, проще классы прокидывать, imho. Оборачивать каждый mui компонент через styled(Button)`` тоже не очень + с именованием проблемы

Я немного переосмыслил структуру, всё-таки буду sc поверх mui

Я немного переосмыслил структуру, всё-таки буду sc поверх mui

так там примеры есть

все просто и понятно

я знаю, что работать просто, но я не мог с походом определиться

буду создавать подпапку styled в каждом модуле, и проблем с именованием не будет и стили отдельно будут, а из index буду только styled отдавать

Всем привет, такая задача Задача: 1) react 2) redux 3) responsive 4) Желательно, +100500 компонент на все случаи жизни 5) Чтобы это все добро жило в каком-нибудь template Гугление дает coreui, но там нет redux. Может кто-нибудь что-то посоветует. Спасибо.

Всем привет, такая задача Задача: 1) react 2) redux 3) responsive 4) Желательно, +100500 компонент на все случаи жизни 5) Чтобы это все добро жило в каком-нибудь template Гугление дает coreui, но там нет redux. Может кто-нибудь что-то посоветует. Спасибо.

вопрос в чем?

ставишь реакт, редакс, тему

Всем привет, такая задача Задача: 1) react 2) redux 3) responsive 4) Желательно, +100500 компонент на все случаи жизни 5) Чтобы это все добро жило в каком-нибудь template Гугление дает coreui, но там нет redux. Может кто-нибудь что-то посоветует. Спасибо.

А зачем redux в ui шаблонах?

Всем привет, такая задача Задача: 1) react 2) redux 3) responsive 4) Желательно, +100500 компонент на все случаи жизни 5) Чтобы это все добро жило в каком-нибудь template Гугление дает coreui, но там нет redux. Может кто-нибудь что-то посоветует. Спасибо.

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

А вообще это анти-патерн в ui библиотеки редукс включать, даже в самописной так не делаю

Всем привет, такая задача Задача: 1) react 2) redux 3) responsive 4) Желательно, +100500 компонент на все случаи жизни 5) Чтобы это все добро жило в каком-нибудь template Гугление дает coreui, но там нет redux. Может кто-нибудь что-то посоветует. Спасибо.

Покопайтесь здесь https://themeforest.net/tags/react

О...За линк спасибо!

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

Да, хотелось так.

Парни сталкивался кто с таким, что если компонент подключен через require то стили через const WrapComponent = styled(Component)''; не применяются?

А вообще это анти-патерн в ui библиотеки редукс включать, даже в самописной так не делаю

Получается, можно взять template и пусть там будет чистый react. А уже самому кастомные компоненты писать с redux

Получается, можно взять template и пусть там будет чистый react. А уже самому кастомные компоненты писать с redux

Да, я брал обычный bootstrap (из-за создания классов через scss + темплейтинг удобный)+ reactstrap и просто вынес в отдельный пакет себе у устанавливаю через npm/yarn. И там чисто реакт компаненты кастомные + css класы со стилями

Получается, можно взять template и пусть там будет чистый react. А уже самому кастомные компоненты писать с redux

да забей на redux, вон лучше effector глянь ?

да забей на redux, вон лучше effector глянь ?

Ух началось)

?

Лучше уж свой небольшой стор написать на RxJs) И будет тебе стор на потоках)

Лучше уж свой небольшой стор написать на RxJs) И будет тебе стор на потоках)

тогда может лучше most.js?

тогда может лучше most.js?

Возможно, с ним ещё не гулялся, а в чём приимущества перед RxJs? Вижу там суть одна и та же

Возможно, с ним ещё не гулялся, а в чём приимущества перед RxJs? Вижу там суть одна и та же

https://github.com/cujojs/most/issues/96#issuecomment-77769425 хотя ответ староват, но суть понятна

Я смотрю, что тема уходит в сторону интсрументов. Если не сложно, поставьте like, dislike родившемуся решению в моей голове. template(react) + UI custom components(react + redux)

Я смотрю, что тема уходит в сторону интсрументов. Если не сложно, поставьте like, dislike родившемуся решению в моей голове. template(react) + UI custom components(react + redux)

Уже говорили, UI components + redux это разные вещи, UI можно вынетси как тему а вот уже как будешь интегрировать в рабочий код - там и используй редукс

тогда может лучше most.js?

Most и ES6 Proxy ??

Уже говорили, UI components + redux это разные вещи, UI можно вынетси как тему а вот уже как будешь интегрировать в рабочий код - там и используй редукс

Спасибо!!!

Какие-то космические скоростные показатели https://github.com/cujojs/most/tree/master/test/perf#node

скобочку забыл?

в коннекте

connect первым аргументом принимает mapStateToProps, а вторым - диспатч

ну и это да

Вообще нахуя диспатч

Просто передайте объект в коннект

Он сам обернет экшоны

вопрос по декомпозиции. Есть два маршрута на одном отображается большая форма создания "документа", разбитая на подгруппы полей, На другом маршруте отображается этот "документ", но уже как обычный текст. Я хочу сделать, чтобы можно было редактировать подгрупы этого документа, а не всю форму целиком. Не знаю как это реализуется. Я думаю так : для каждой подгруппы сделать два компонента - один с инпутами для заполнения, второй простой текстовый. И при редактировании переключать с одного компонента на другой. А для маршрута создания документа, рендерить сразу все компаненты с полями. верно ?

Короче я хочу сделать что-то то типа HeadHunter резюме. Только без переходов на отдельные страницы редактирования отдельных частей резюме.

А реально выучить react redux react router за два дня и уже начать разрабатывать сложное приложение?

А реально выучить react redux react router за два дня и уже начать разрабатывать сложное приложение?

Изи (нет)

А реально выучить react redux react router за два дня и уже начать разрабатывать сложное приложение?

Если знаешь жс то да

Если бекграунд то да мб

хнык хнык

Если знаешь жс то да

js знаю, vuejs знаком, что то на нем делал

js знает он

Есть список и мне нужен обработчик нажатия на каждый элемент списка, я подумал что хорошо бы было использовать делегирование и через e.target проверять куда был произведен клик, на li или куда-то в другое место. Все было бы круто если бы в li не было различных вложенных элементов которые попадают в e.target В нативном js можно было бы циклом подниматься по e.parentNode пока не достигнем e.currentTarget или ul, а если не пути встретился li, значит событие нужно обработать. А какое решение будет наиболее правильным с реактом?

Есть список и мне нужен обработчик нажатия на каждый элемент списка, я подумал что хорошо бы было использовать делегирование и через e.target проверять куда был произведен клик, на li или куда-то в другое место. Все было бы круто если бы в li не было различных вложенных элементов которые попадают в e.target В нативном js можно было бы циклом подниматься по e.parentNode пока не достигнем e.currentTarget или ul, а если не пути встретился li, значит событие нужно обработать. А какое решение будет наиболее правильным с реактом?

Передавать проп

А реально выучить react redux react router за два дня и уже начать разрабатывать сложное приложение?

нет конечно

@itsjohncena там такая ситуация: есть контейнер li который рендерит не через map а в верстку руками. и получается что наддо будет 20 раз подряд этот пропс еще и им приписать

@itsjohncena там такая ситуация: есть контейнер li который рендерит не через map а в верстку руками. и получается что наддо будет 20 раз подряд этот пропс еще и им приписать

Ну да

Как вы записываете actions и reducers? Для всех компонентов по отдельному js-файлу, или для всех-всех компонентов есть один глобальный redusers.js/actions.js? Если второй вариант, то не сильно ли много кода в одном файле? Запутаться можно. Спасибо

ERROR: S client not available

Как вы записываете actions и reducers? Для всех компонентов по отдельному js-файлу, или для всех-всех компонентов есть один глобальный redusers.js/actions.js? Если второй вариант, то не сильно ли много кода в одном файле? Запутаться можно. Спасибо

для фич отдельные actions/reducers но лучше заюзать хелпер например redux-symbiote

Я пришел к такому выводу: actions и reducer управляют глобальны состоянием которое может понадобиться в разных контейнерах и разных местах проекта. Соответственно держать его рядом с конкретным контейнером или компонентов будет не лучшим решением, так как переиспользовать экшены будет проблемно и это будет выглядеть криво с точки зрения архитектуры. По этом лучше всего выносить их в какую-то общую папку например store, в ней уже actions и reducers. При этом не нужно плодить слишком много actions, каждый файл с actions одноименный к файлом reducer который эти экшены обслуживает. И не нужно создавать слишком много reducers, нужно стараться создавать экшены и редюсеры которые будут способы обслуживать сразу несколько контейнеров. И перед созданием редюсера нужно подумать не получиться ли ограничиться одним setState'ом (локальным store).

Как вы записываете actions и reducers? Для всех компонентов по отдельному js-файлу, или для всех-всех компонентов есть один глобальный redusers.js/actions.js? Если второй вариант, то не сильно ли много кода в одном файле? Запутаться можно. Спасибо

каталог actions в котором лежат action creator'ы и thunk'и, разбитые по фичам и reducers, в котором, собственно, лежат редьюсеры, которые в index.js комбайнятся

Ребята, всем привет, застрял на одной задачи, уже третий день пытаюсь ее решить. Задача связанная с Драген дропом. Юзаю либу react beatiful dnd. Суть задачи. Есть Много групп, они драгаются и дропаются между собой. но надо реализовать функционал обьединение групп чтоб одна группа объединилась с другой и приэтом они вместе драгались и дропались. Может у кого то есть примеры кода, буду благодарен очень )

Подскажите, как -нибудь можно вCREATE REACT APP доабвить возможность задавать еперм окружения,которые начинаются не только с REAT_APP а кастомные. форкнул create_react_app себе и могу вносить изменения в конфиги впринципе.но не могу найти никак

Подскажите, как -нибудь можно вCREATE REACT APP доабвить возможность задавать еперм окружения,которые начинаются не только с REAT_APP а кастомные. форкнул create_react_app себе и могу вносить изменения в конфиги впринципе.но не могу найти никак

Если публичный форк, то кинь ссылку

Если нет, то ищи process.env.REACT_APP*

И потом заменяй REACT_APP на что-нибудь другое

я пока просто форкнул себе,ничего не менял. https://github.com/facebook/create-react-app

когда там 2-й CRA выйдет?

Как бабель 7 зарелизится

Как бабель 7 зарелизится

Как рак на горе свистнет ?)

Как рак на горе свистнет ?)

+ -

Как бабель 7 зарелизится

никогда значит

ребят, подскажите почему не преобразует parseInt() хотя через typeOf выходит стринг, а значение стринга "5000"

Куда не преобразует?

я пока просто форкнул себе,ничего не менял. https://github.com/facebook/create-react-app

В файле packages/react-scripts/config/env.js на строке 69 будет константа REACT_APP. Замени /^REACT_APP_/i на /^ЛЮБОЕ_ДРУГОЕ_ЗНАЧЕНИЕ_/i

Только не забудь _ в конце

Куда не преобразует?

parseInt() не может преобразовать в чисто

parseInt() не может преобразовать в чисто

а почему ты не показываешь что получается в итоге в консоли?

В файле packages/react-scripts/config/env.js на строке 69 будет константа REACT_APP. Замени /^REACT_APP_/i на /^ЛЮБОЕ_ДРУГОЕ_ЗНАЧЕНИЕ_/i

а как заменить регулярку на то, чтобы она принимала или /^REACT_APP_/i или /^МОЕ ЗНАЧЕНИЕ ? то есть const ENV = /^REACT_APP_/i или /^МОЕ ЗНАЧЕНИЕ тогда вот здесь можно оставить const raw = Object.keys(process.env) .filter(key => ENV.test(key)) то есь если перем окружения начинается с REAT_APP или с моего значения определенного

а почему ты не показываешь что получается в итоге в консоли?

потому что ИДЕшка ругается и не билдит проект

потому что ИДЕшка ругается и не билдит проект

потому что идешка проекты не билдит вообще

проекты билдит сборщик типа webpack

а как заменить регулярку на то, чтобы она принимала или /^REACT_APP_/i или /^МОЕ ЗНАЧЕНИЕ ? то есть const ENV = /^REACT_APP_/i или /^МОЕ ЗНАЧЕНИЕ тогда вот здесь можно оставить const raw = Object.keys(process.env) .filter(key => ENV.test(key)) то есь если перем окружения начинается с REAT_APP или с моего значения определенного

Допустим, кастомное значение = 123. Тогда, REACT_APP = /^123_/i

а как заменить регулярку на то, чтобы она принимала или /^REACT_APP_/i или /^МОЕ ЗНАЧЕНИЕ ? то есть const ENV = /^REACT_APP_/i или /^МОЕ ЗНАЧЕНИЕ тогда вот здесь можно оставить const raw = Object.keys(process.env) .filter(key => ENV.test(key)) то есь если перем окружения начинается с REAT_APP или с моего значения определенного

позволь спросить, а что ты вообще такое там изобретаешь? :))

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

потому что ИДЕшка ругается и не билдит проект

На что ругается?