зато потом в коде чистенько

Согласен. Как будет в сторибуке пофигу.

серега, давай в опенсорц

Запилю, если поможешь с адаптацией

Народ, а вы проптайпы пишите?

Народ, а вы проптайпы пишите?

Да. У меня линтер на это настроен даж

Народ, а вы проптайпы пишите?

80% - yes

80% - yes

20% - typescript :)

Запилю, если поможешь с адаптацией

да

помогу

20% - typescript :)

ну я вот чот только для ТС пишу )

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

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

Я не смог такое сделать.

?

это вообще реально?

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

Чтобы что-нибудь прикрутить к create-react-app, хотя бы тот же Sass нормально, нужно inject делать? Даже тот же ant design чтобы прикрутить тоже нужно. Есть какие-нибудь алтернативные стартпаки? Только что-нибудь по проще бы.

да

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

Что значит?

И кто это?

Чтобы что-нибудь прикрутить к create-react-app, хотя бы тот же Sass нормально, нужно inject делать? Даже тот же ant design чтобы прикрутить тоже нужно. Есть какие-нибудь алтернативные стартпаки? Только что-нибудь по проще бы.

Можно ещё галп сбоку приделать чтобы он вотчил и пересобирал цссы. Но это всоравно "на поиграться"

И кто это?

Депп

Депенденсы

Депп

А что значит сам стикер?

Кирилл, иди мемасики смотри, целый тренд с солением упустил

как же это меркзо когда html,js,css в одном файле

как же это меркзо когда html,js,css в одном файле

этим хорош react + jss

лучше импортить их отдельно из этого же компонента

чем лучше?

не так уродливо выглядет

да и вообще пиздец в js файле в html прописывать инлайново стили

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

Чтобы что-нибудь прикрутить к create-react-app, хотя бы тот же Sass нормально, нужно inject делать? Даже тот же ant design чтобы прикрутить тоже нужно. Есть какие-нибудь алтернативные стартпаки? Только что-нибудь по проще бы.

next.js, но все равно чуть колдовать с лодерами придется

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

Можно параллельно, конечно, смотря какой текущий уровень

Flux наверное только надо знать

Ито пох)

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

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

JS надо знать, что б уверенно себя чувствовать

А поскольку 9 из 10 столько думаю что знают (я знаю, что я ничего не знаю), возникает путаница. Паттерны от крутых чуваков - это не панацея. Это лишь повод не развиваться.

Ребят, а вы пилите все компоненты с нуля или что - то готовое берёте?

Ребят, а вы пилите все компоненты с нуля или что - то готовое берёте?

Семантик юзаю активно

Ребят, а вы пилите все компоненты с нуля или что - то готовое берёте?

смотря что нужно сделать ) я думаю для админок чаще пользуются ui решения, а если у тебя дизайн, то проще с нуля сделать..

Ребят, а вы пилите все компоненты с нуля или что - то готовое берёте?

Когда как. Вот для проекта пришлось писать библиотеку компонентов. Для своего сайта тоже написываю

Когда как. Вот для проекта пришлось писать библиотеку компонентов. Для своего сайта тоже написываю

покаж свой сайт

интересно

покаж свой сайт

https://lestad.top ща переписываю на jss

я тут со своими велосипедами опять насколько ебловато?

Ну такое. Мб вынести хендлеры и const form за пределы компонента? при обновлении все удалится ж

классом разумеется

А, это икзампл

я больше про то что какая-то логика выносится в компонент который по рефу протаскивается

ref вообще антипаттерн, я слышал

я больше про то что какая-то логика выносится в компонент который по рефу протаскивается

зачем?

я просто не вижу другого пути как связать Form и инпуты

Я юзал контекст. Но тут есть большое НО!

по чилдренам итерировать — хрень

Я юзал контекст. Но тут есть большое НО!

контекст хуже рефа — там неявно все )

А ещё делал FormGenerator

по чилдренам итерировать — хрень

а что мешает чилдренам на пропсах отдавать значение вверх?

контекст хуже рефа — там неявно все )

поэтому НО большое

а что мешает чилдренам на пропсах отдавать значение вверх?

наверх куда?

на форму

ERROR: S client not available

https://lestad.top ща переписываю на jss

ты на митапы спбшные ходишь?)

у меня форма это отдельный тег

как ты в нее передавать будешь?

ты на митапы спбшные ходишь?)

Неа. А надо?))

просто думал мож видел)

Надо будет заглянуть

renderContent (propsChildren) { return Children.map(propsChildren, (child) => { let result = null; if (child && child.props && child.props.type && sectionsArr.indexOf(child.props.type) > -1) { let props = { onChange: (sectionName, fieldType, value) => this['onChange' + fieldType](sectionName, value) }; let patchedProps = Object.assign(props, this.getValues(child.props.type)); result = cloneElement(child, patchedProps); } return result; }); }

кусок из проекта

ты в компонете форм итерируешь чилдрены

ой вей

и вешаешь на них onClick

я понял, думал про это

renderContent (propsChildren) { return Children.map(propsChildren, (child) => { let result = null; if (child && child.props && child.props.type && sectionsArr.indexOf(child.props.type) > -1) { let props = { onChange: (sectionName, fieldType, value) => this['onChange' + fieldType](sectionName, value) }; let patchedProps = Object.assign(props, this.getValues(child.props.type)); result = cloneElement(child, patchedProps); } return result; }); }

как-то так... но видимо единственное адекватное решение

ну у меня там своя магия, просто суть именно в итерировании чалдов с их клонированием и расширением

у меня в другом месте через HOC сделано

подумал может есть альтернативы

true тоже не обязательно писать

true тоже не обязательно писать

именно)

А вообще, для этого есть defaultProps, но в дефолтах е рекомендуется ставить булен в true

true тоже не обязательно писать

jsx-boolean-value :)

Обязательно, если defaultProp true )

Обязательно, если defaultProp true )

угу )

Обязательно, если defaultProp true )

Это не хорошо

покрываете костыли костылями?)

Ну разные случаи бывают :)

Но да, я тоже против таких неявных вещей

а по вопросу - 3 варианта, я просто недавно тоже делал подобное контекст ХОК пропсы через итерацию

типа делать hideRequired: false вместо showRequired: true

Ну разные случаи бывают :)

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