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

хД

?а в чем проблема то? styled.div` styled.span`

.withComponent

styled[tag]''

.withComponent

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

.withComponent

Сколько раз еще написать...

.withComponent

Это же шутка

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

@amabunny нет, чат который ты указал не по редаксу

странно. я вроде прямо ссылку на джойн скопировал

@artalar ты же вроде в csssr работаешь?

странно. я вроде прямо ссылку на джойн скопировал

с одного компанента в экшн я передаю action(author, color), а с другого компанента точнее формы, мне надо дергнуть текст с инпута action(text) В итоге в редюсере author и color = undefined

@artalar ты же вроде в csssr работаешь?

+

ага, понял

с одного компанента в экшн я передаю action(author, color), а с другого компанента точнее формы, мне надо дергнуть текст с инпута action(text) В итоге в редюсере author и color = undefined

есть: Компонент А; Компонент B. из компонента A занеси данные в стор и используй в компоненте B и диспатч свой экшен оттуда

Уверен, уже спрашивали, но как у React совместимость с jQuery? Если я его добавлю в старые проекты — ждать беды или нет? И как насчёт совместимости с оригинальным Bootstrap? Знаю, что есть Bootstrap-react, но нет доверия к поделке. Поэтому, вопрос — какие-то визуальные фреймворки с реактом принято юзать?

есть: Компонент А; Компонент B. из компонента A занеси данные в стор и используй в компоненте B и диспатч свой экшен оттуда

Нужен ещё один экшн получается? Правильно понял?

да

да

Понял, а не подскажешь почему данные возвращаются = undef?

Понял, а не подскажешь почему данные возвращаются = undef?

а ты их отправляешь вообще в редьюсер?

Понял, а не подскажешь почему данные возвращаются = undef?

https://redux.js.org/basics/exampletodolist#action-creators

а ты их отправляешь вообще в редьюсер?

Да, данные из компонента(А)=undef. Данные из компонента (Б) возвращаются нормально

Уверен, уже спрашивали, но как у React совместимость с jQuery? Если я его добавлю в старые проекты — ждать беды или нет? И как насчёт совместимости с оригинальным Bootstrap? Знаю, что есть Bootstrap-react, но нет доверия к поделке. Поэтому, вопрос — какие-то визуальные фреймворки с реактом принято юзать?

Совместимость нужно руками настраивать, иногда может быть сложно. Но если часть на реакте совсем обособлена на странице - конфликтов, соответственно, никаких не будет. Что такое визуальные фреймворки? Это? - https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md

Совместимость нужно руками настраивать, иногда может быть сложно. Но если часть на реакте совсем обособлена на странице - конфликтов, соответственно, никаких не будет. Что такое визуальные фреймворки? Это? - https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md

да, это, вы какой используете?

Уверен, уже спрашивали, но как у React совместимость с jQuery? Если я его добавлю в старые проекты — ждать беды или нет? И как насчёт совместимости с оригинальным Bootstrap? Знаю, что есть Bootstrap-react, но нет доверия к поделке. Поэтому, вопрос — какие-то визуальные фреймворки с реактом принято юзать?

Не использовать jq, bootstrap

в новом проекте — да, допустим, а если уже есть в старых?

в новом проекте — да, допустим, а если уже есть в старых?

у меня используется фарш: и реакт и jq с бутстрапом в одном проекте =)

у меня используется фарш: и реакт и jq с бутстрапом в одном проекте =)

полёт нормальный? )

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

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

ну, кому сейчас легко )))

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

Понял И ещё, для сборки все юзают Webpack / Gulp? А эта штука https://github.com/facebook/create-react-app вообще не для production?

CRA для SPA же

в новом проекте — да, допустим, а если уже есть в старых?

А старые пусть без реакта

Народ, с чем лучше связать реакт, что бы работать с файлами типа json(прочтение, запись)

А старые пусть без реакта

тоже вариант

Народ, с чем лучше связать реакт, что бы работать с файлами типа json(прочтение, запись)

Бекенд ?

Бекенд ?

Да

CRA для SPA же

это к чему?

Да

Напиши на ноде простой рест

Напиши на ноде простой рест

Спасибо, попробую

По сборке для production подскажите best practice?

Понял И ещё, для сборки все юзают Webpack / Gulp? А эта штука https://github.com/facebook/create-react-app вообще не для production?

это к чему?

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

он же полностью генерит скриптом build весь фронт (index.html, ассеты и пр.)

он же полностью генерит скриптом build весь фронт (index.html, ассеты и пр.)

Ну вот я сейчас его юзаю, и он по умолчанию бандл даже никак не сжал

Ну вот я сейчас его юзаю, и он по умолчанию бандл даже никак не сжал

(ваш пакетный мэнэнджер) run build

должен полностью готовый к проду апплет выплюнуть

Спасибо, 1 мин

ну да, теперь всё понятно а вот и документация значит, для фронтенда можно эту штуку юзать вместо gulp

ну да, теперь всё понятно а вот и документация значит, для фронтенда можно эту штуку юзать вместо gulp

ахах. ты до этого через browserify собирал?))

Понял И ещё, для сборки все юзают Webpack / Gulp? А эта штука https://github.com/facebook/create-react-app вообще не для production?

Cra для изучения реакта и примеров. Для продакшн не стоит использовать.

Понял И ещё, для сборки все юзают Webpack / Gulp? А эта штука https://github.com/facebook/create-react-app вообще не для production?

Для сборки webpack

Cra для изучения реакта и примеров. Для продакшн не стоит использовать.

почему?

у меня ещё нет проектов с реактом, а в старых, с jQuery — Gulp

Для сборки webpack

так он вроде туда и входит, судя по документации

ERROR: S client not available

почему?

Я уже устал объяснять

Я уже устал объяснять

я где-то читал (источник, к сожалению, не упомяну). там было сказано, что CRA - чуть ли не серебряная пуля для сборок. если обновится React, мигрировать на новую версию не составит труда. да и если что можно сделать eject и настроить всё по своему вкусу

так он вроде туда и входит, судя по документации

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

я где-то читал (источник, к сожалению, не упомяну). там было сказано, что CRA - чуть ли не серебряная пуля для сборок. если обновится React, мигрировать на новую версию не составит труда. да и если что можно сделать eject и настроить всё по своему вкусу

Сделать эджект, пернуть в лужу и обосраться. Извините

я где-то читал (источник, к сожалению, не упомяну). там было сказано, что CRA - чуть ли не серебряная пуля для сборок. если обновится React, мигрировать на новую версию не составит труда. да и если что можно сделать eject и настроить всё по своему вкусу

Только это не так

а потом просят челика распилить бандлы на es5 и es6+,а он сел и в лужу пердит. Его спрашивают - Вася, ты чего? А он говорит - Пацаны, надо eject делать, в rewired такого нееееет

Зис

Только это не так

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

если меня не подводит память, опять же

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

Который не работал в 3 версии из-за конфликта углифайжс и бабеля

Ага ага

По сборке для production подскажите best practice?

next.js

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

в веб паке никакой тришейкинг

и после чего они то ли откатились, то ли апнулись

сейчас уже не вспомню

А ещё мало кто умеет как оказалось правильно модули экспортировать. Недавний спор об этом подтвердил

next.js

Спасиб, тоже посмотрю

Понял И ещё, для сборки все юзают Webpack / Gulp? А эта штука https://github.com/facebook/create-react-app вообще не для production?

хз че хейтят. Норм же

если что, можно сделать eject

и настроить конфиги как хочешь

и там будет сборка через тот же вебпак

cra недостаточно конфигурируемый, поэтому на большом проекте в конечном счете может быть надобность в eject’е

Понял И ещё, для сборки все юзают Webpack / Gulp? А эта штука https://github.com/facebook/create-react-app вообще не для production?

Gulp не юзают

gulp для верстальщиков самое то)

привет. Есть две формы - signup и signin, внешний вид одинаковый, разный заголовок над верхним полем для ввода, поля ввода разные, и надпись под формой(за нижней границей формы) как это на компоненты грамотно рабить? я сделал три компонента Form, SignUpForm, SignInForm Form - общая часть, в props получает заголовок формы, в children получает SignUp или SignIn но проблема с надписью под формой - она разная для обоих компонентов, из SignUp или SignIn я ее не могу в нужное место опустить т.к высота может быть разной передавать из Form вместе с children коллбек кажется не очень дикие траблы испытываю при делении на компоненты

если что, можно сделать eject

react-app-rewired

cra недостаточно конфигурируемый, поэтому на большом проекте в конечном счете может быть надобность в eject’е

см. мое сообщение выше

Доброе время суток, я хочу развиваться как Frontend разработчик на React.js, что я должен знать перед тем как учить React?

Доброе время суток, я хочу развиваться как Frontend разработчик на React.js, что я должен знать перед тем как учить React?

js