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

103к на npm

отлично, спасибо ?

https://github.com/jaredpalmer/formik

Это формы. Валидация это yup.

а вот create-react-app под капотом использует вебпак, да? просто мне непонятно, как именно.

а вот create-react-app под капотом использует вебпак, да? просто мне непонятно, как именно.

берет и использует

а вот create-react-app под капотом использует вебпак, да? просто мне непонятно, как именно.

https://github.com/facebook/create-react-app

мне казалось, мне нужно самому вебпак настраивать как-то.

поидеи должно же подгрузиться ? что я делаю не так

поидеи должно же подгрузиться ? что я делаю не так

до сборки всё нормально было?

да

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

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

запускаю с этого адреса F:/react.loc/build/index.html тянет js с F:/static/...

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

мне казалось, мне нужно самому вебпак настраивать как-то.

это для хомячков-пограммистов. Так вебпак надо самому конфигурировать

это для хомячков-пограммистов. Так вебпак надо самому конфигурировать

сложно(

сложно(

тогда во вуе

тип, вью жс?

тогда во вуе

Ага, сразу в джумлу

тип, вью жс?

да

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

Сервак себе подними

это для хомячков-пограммистов. Так вебпак надо самому конфигурировать

Если времени дофига, можно и самому, для остального есть $ npm run eject

слишком много фреймворков.

тип, вью жс?

там за тебя все в документации сделали

Если времени дофига, можно и самому, для остального есть $ npm run eject

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

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

и npm run eject)

и npm run eject)

нет

Сервак себе подними

в каком смысле?

в каком смысле?

Экспресс ебать

Обычный вебсервер

-_-

Или вебпаком с девсервером

const sectionWithTip = (type, settings = { addId: false, className: '' }) => Component => { class SectionWithTip extends React.PureComponent { render() { return ( <section id={ settings.addId ? type : null } className={ cn('section', settings.className) } > <div className={ style.section__wrapper }> <Component { ...this.props } /> </div> <Tip type={ type } /> </section> ); } } SectionWithTip.displayName = `SectionWithTip(${ Component.displayName || Component.name || 'Component' })`; return SectionWithTip; }; export default sectionWithTip; Парни с объектом по умолчанию в декораторе не будет память вытекать ?

Каждый вызов ф-и создает новый объект. Течь не будет, расти может

Привет. у кого нибуть была проблема с cssmodules чтобы не работало в _.map ?

{_.map(errors, (error, index) => ( <div key={index} styleName="errors"> <span className="icon-warning" /> {error[0]} </div>)) }

в каком смысле?

Браузер по разному загружает контент локально и через сеть. К тому же при сборке надо homedir указывать или что-то подобное

решил вот так className={classnames(styles.errors)}>

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

т.е. как мне узнать путь, где находится компонент библиотеки внутри самой библиотеки, который я использую в своём компоненте?

пример того, что я хочу вместо: import connect from "react-redux"; нужно писать: import connect from "react-redux/es/connect/connect"; но здесь исключение просто потому, что я случайно в какой-то статье прочёл как правильно импортировать connect

Каждый вызов ф-и создает новый объект. Течь не будет, расти может

Для этого необходимо ещё чтобы объект успел пережить хотя бы один прогон GC, чтобы попасть в старое поколение а не пролететь сразу на выход

пример того, что я хочу вместо: import connect from "react-redux"; нужно писать: import connect from "react-redux/es/connect/connect"; но здесь исключение просто потому, что я случайно в какой-то статье прочёл как правильно импортировать connect

babel-plugin-import поставь

babel-plugin-import поставь

а как сами пути узнавать? я например без понятия что там в пути прописывать, в опциях

https://www.npmjs.com/package/babel-plugin-import дичь какая-то, библиотека, кототорая требует прописывать все используемые библиотеки, пути к ним и ещё какие-то адовые параметры, вопрос - в чём тогда суть подобной либы)))

Шах и мат, любители Вью! У реакта есть своя эмодзи. ⚛

это електрон

как основу - нет

по-моему это хорошая практика только для пет проектов. когда хочется что-то потыкать. В противном случае - можно юзать только если точно уверен что тебе хватит его функионала

это електрон

Даже не рядом)

Даже не рядом)

атом

ERROR: S client not available

ну так чтобы работало и в дальнейшем... а не только на старте. Так что cra - так себе решение

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

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

Использую редакс, прокидываю actions через пропс, вобщем стандратный поток. В компоненте вызываю его, и как мне узнать, что он завершился? То есть хочется чтото такое const mapDispatchToProps = dispatch => ({ loadModel: (id) => dispatch(loadModelAction(id)), }); componentDidMount() { this.props.loadModel().then(() => { // this.setState(); }) }

Меняйте стейт

что-то загрузили, поменяли стейт. Либо оспользовать thunk/saga (на ваш вкус)

через saga можно диспатчить синтетические actions, на которые подписываться

UPLOAD_VIDEO UPLOAD_VIDEO_START UPLOAD_VIDEO_SUCCESS UPLOAD_VIDEO_FAILED

и через редьюсеры решать, что менять

У меня в саге запрос на сервер происходит, както в компоненте можно отследить, что он закончился? Или только через стор?

я бы изолировал компонент от этого. Он так будет чище

компоненту важно тригернуть событие на запрос на сервер

я бы изолировал компонент от этого. Он так будет чище

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

а дальше уже отображать изменение состояний

модалку с чем?

Я б на уровне стора смотрел грузится оно или уже загрузилось. И пропсой бы в компонент прокинул

с success/failed?

модалку с чем?

С тем что с сервера пришло

А там в thunk е будет кидаться экшн на старт/финиш или в саге - уже не важно по сути

дык, раз оно с сервера пришло и это какие-то данные, разве они не должны быть в стор?

или там технические данные?

типа { success: true }

дык, раз оно с сервера пришло и это какие-то данные, разве они не должны быть в стор?

данные в сторе, в стейте isModalOpen

вот у вас есть isModalOpen

по сути, он не нужен

вам нужен в сторе массив с сообщениями для модалки