Не проще будет с нуля настроить?

с 1 до 4 проще с нуля, да

там очень много начинает всплывать что депрекейтед

Есть какой то годный материал, как лучше организовать CSS в своем проекте, со всеми плюсами и минусами? Сейчас у меня просто каждый компонент имеет свой префикс типа .spl-wrapper .spl-header но они все валятся в глобальный скоуп чтоли

Есть какой то годный материал, как лучше организовать CSS в своем проекте, со всеми плюсами и минусами? Сейчас у меня просто каждый компонент имеет свой префикс типа .spl-wrapper .spl-header но они все валятся в глобальный скоуп чтоли

styled components

+ атомарный дизайн

Без альтернатив?

альтернативы есть, но большинство сидит на нем

В общем на пуппетире должно норм получится

в итоге все стили будут же все равно в странице (не отдельный файл)?

А в чем смысл recompose/defaultProps если можно статически задать их в классе?

А то в инете ничего годного не нашел

@webpack_ru

Без альтернатив?

css-modules глянь, если совсем лень переписывать

+ атомарный дизайн

это тут причем?

в итоге все стили будут же все равно в странице (не отдельный файл)?

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

легче сделать обычный реакт ssr на ноде

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

да я в курсе что генерит только нужное

в итоге все стили будут же все равно в странице (не отдельный файл)?

да. Но можно поизвращаться и вытащить plaintext из нод в хедере

Ребята подскажите пожалуйста как обновить WebPack с 1 до 4 версии

переписать полностью конфиг

это тут причем?

Ну это про организацию. На SC можно нашкодить тоже

вопрос про цсс был )

да. Но можно поизвращаться и вытащить plaintext из нод в хедере

не очень идея на самом деле

не очень идея на самом деле

Есть альтернативы?)) Если ему прям строго на php надо ?‍♂️

атомик это про организацию компонентов а не цсс

проще в общем нагрузить какого-то верстальщика, чтобы он ручками собрал верстку страниц из проекта ? с меня еще требуют «нормальные названия классов»

ты бы еще статью про организацию редюсеров притащил и ткнул в слово "организация"

:)

атомик это про организацию компонентов а не цсс

Смежная тема, атомик афектит то как ты стили пишешь

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

проще в общем нагрузить какого-то верстальщика, чтобы он ручками собрал верстку страниц из проекта ? с меня еще требуют «нормальные названия классов»

Проще сменить проект ?

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

Да все можно

С атомиком проще просто

госпаде, и без него проще простого )

Проще сменить проект ?

это да? как найду работу с релокацией в мск, питер - так и свалю

Есть альтернативы?)) Если ему прям строго на php надо ?‍♂️

php-react лол, правда последний раз 3 года назад обновлялся

проще в общем нагрузить какого-то верстальщика, чтобы он ручками собрал верстку страниц из проекта ? с меня еще требуют «нормальные названия классов»

это как дырявую ложку вручить

Ребята, есть проект на ректе + твиг. Страницы отдаются с сервера и уже в них подключен компонент, который и отрисовывается в необходимый див. Компонентов развелось много и появилась мысль сделатть все 1 большим компонентом который бы подключался бы в layout.twig. и уже сам смотрел на каком роуте находимся и какой компонент отрисовать а какой нет

Это нормально?

спасибо)

Хотя не, не нормально

Булет неоч с роутером

Хотя не, не нормально

почему?)

почему?)

Ты нажал на линк реакт роутера, у тебя сменится компонента но останется старый серверный лейаут который может отличаться от нужного

Булет неоч с роутером

А если react-router вообще не использовать ? Грубо говоря смотреть линк при рендере в window.location.href и рисовать необходимую часть

А если react-router вообще не использовать ? Грубо говоря смотреть линк при рендере в window.location.href и рисовать необходимую часть

Придется все равно написать свой роутер

А если react-router вообще не использовать ? Грубо говоря смотреть линк при рендере в window.location.href и рисовать необходимую часть

Это шиза

А если react-router вообще не использовать ? Грубо говоря смотреть линк при рендере в window.location.href и рисовать необходимую часть

Ну есть другие роутеры

Это шиза

:)))

В итоге у тебя будет свой роутер

В итоге у тебя будет свой роутер

Еее, ещё один велосипед с багами. Только как бы его назвать, react-router-next-level??

React-router-lite

React-router-lite

Как-то слишком коротко, немодно.

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

css modules разве не про это?

читай весь тред пожалуйста

Нет не принято

Нет не принято

но не суть. Вопрос не в том - принято или нет. Вопрос в том, как сделать это правильно? У меня в компоненте Desktop не подключается он.

юзай класс проперти

ERROR: S client not available

юзай класс проперти

не понятно. Что это такое? И как юзать?

но не суть. Вопрос не в том - принято или нет. Вопрос в том, как сделать это правильно? У меня в компоненте Desktop не подключается он.

так и что за ошибка подсвечена?

так и что за ошибка подсвечена?

TS2322: Type '{ children: Element[]; onBodyResize: (desktopBodyHeight: number) => void; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Desktop> & Readonly<{ children?: ReactNode; }> & R...'. Type '{ children: Element[]; onBodyResize: (desktopBodyHeight: number) => void; }' is not assignable to type 'Readonly<IDesktopProps>'. Types of property 'onBodyResize' are incompatible. Type '(desktopBodyHeight: number) => void' is not assignable to type '((bodyHeight: number) => {}) | undefined'. Type '(desktopBodyHeight: number) => void' is not assignable to type '(bodyHeight: number) => {}'. Type 'void' is not assignable to type '{}'.

не понятно. Что это такое? И как юзать?

я тебе в тс чате написал

TS2322: Type '{ children: Element[]; onBodyResize: (desktopBodyHeight: number) => void; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Desktop> & Readonly<{ children?: ReactNode; }> & R...'. Type '{ children: Element[]; onBodyResize: (desktopBodyHeight: number) => void; }' is not assignable to type 'Readonly<IDesktopProps>'. Types of property 'onBodyResize' are incompatible. Type '(desktopBodyHeight: number) => void' is not assignable to type '((bodyHeight: number) => {}) | undefined'. Type '(desktopBodyHeight: number) => void' is not assignable to type '(bodyHeight: number) => {}'. Type 'void' is not assignable to type '{}'.

ну так у тебя типы несовместимы, причем тут бинд?

я тебе в тс чате написал

спс, изучаю

ну так у тебя типы несовместимы, причем тут бинд?

ошибку я вижу. Но как ее разобрать не ясно. Там вопросы Откуда это взялось к примеру: { children: Element[]; on ? А это откуда он взял: IntrinsicAttributes & IntrinsicClassAttributes<Desk ? Но видно что это разбирать не нужно. Надо правильно сбиндить и все.

чувак

это чат по реакту

не понятно. Что это такое? И как юзать?

https://codeburst.io/use-class-properties-to-clean-up-your-classes-and-react-components-93185879f688

с вопросами по тайпам в чат по тс-у, плиз

https://codeburst.io/use-class-properties-to-clean-up-your-classes-and-react-components-93185879f688

спасибо

это чат по реакту

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

сломаные тайпинги — нет :)

сломаные тайпинги — нет :)

согласен но там выше просто меня спросили уже о тексте ошибки

я про них, а не про класс проперти :)

спасибо, пошел дальше кодить

Это в CRA что-то встроено, что конвертит hex-цвета в rgb?

в самом js коде

а кто нибудь пробовал делать в reactFinalForms вложенные FieldArray?

Учитывая новое API React 16.4, вместо componentWillReceiveProps -> getDerivedStateFromProps. В моем приложении во многом юзается recompose. И нормальная ли практика, заменить componentWillReceiveProps на getDerivedStateFromProps? Учитывая, что у компонента нету состояния и метод во многом применяется для проверки пропсов, а не для прокидывания нового стейта

Лучше в принципе выпилить все что связано со сравнением в компоненте предыдущего и нового состояния

Лучше в принципе выпилить все что связано со сравнением в компоненте предыдущего и нового состояния

пока не знаю как это спросить… выпилить - ок, а где проверять? или что нужно перестроить

Учитывая новое API React 16.4, вместо componentWillReceiveProps -> getDerivedStateFromProps. В моем приложении во многом юзается recompose. И нормальная ли практика, заменить componentWillReceiveProps на getDerivedStateFromProps? Учитывая, что у компонента нету состояния и метод во многом применяется для проверки пропсов, а не для прокидывания нового стейта

Наверно все же ComponentDidUpdate если после проверки происходит какое либо действие

Всем привет, помогите как в компоненнте получить текущий роут и в зависимости от него поменять иконку кнопки.

Всем привет, помогите как в компоненнте получить текущий роут и в зависимости от него поменять иконку кнопки.

компонент подключен через Router ? react-router и используете?

Всем привет, помогите как в компоненнте получить текущий роут и в зависимости от него поменять иконку кнопки.

withRouter

Всем привет, помогите как в компоненнте получить текущий роут и в зависимости от него поменять иконку кнопки.

смотри в this.props.match или если был не через Router, то как говорит Сова - оберни в withRouter и так же смотри через this.props.match

компонент подключен через Router ? react-router и используете?

react-router-dom