Спасибо

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

https://github.com/gaearon/react-hot-loader

Сам не прикручивал, но говорят изи =D

Я поднимал дискуссию на эту тему на прошлой неделе

Типо рхл норм, в итоге решили. Хотя есть там косяки, не помню какие уже...

ссылка?

http://bfy.tw/Dbr7

Парни вопрос такой, есть компонент экрана screen внутри него есть несколько компонентов типа subScreen в сабскрине есть компонент Input, TextArea, как я могу слушать изменения инпут компонентов в самом верхнеуровнем ?

Сам не прикручивал, но говорят изи =D

правильная ссылка https://github.com/gaearon/react-hot-loader/blob/317d9579bf45ced5ba071a979111a51e5e7765a4/docs/README.md#migrating-from-create-react-app

Парни вопрос такой, есть компонент экрана screen внутри него есть несколько компонентов типа subScreen в сабскрине есть компонент Input, TextArea, как я могу слушать изменения инпут компонентов в самом верхнеуровнем ?

Походу это вечный геморой передавать снизу вверх что либо

(((((

Парни вопрос такой, есть компонент экрана screen внутри него есть несколько компонентов типа subScreen в сабскрине есть компонент Input, TextArea, как я могу слушать изменения инпут компонентов в самом верхнеуровнем ?

context api, но лучше через redux слушай.

https://codesandbox.io/s/x3542nlj9w

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

А может и нет

Хз

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

Парни вопрос такой, есть компонент экрана screen внутри него есть несколько компонентов типа subScreen в сабскрине есть компонент Input, TextArea, как я могу слушать изменения инпут компонентов в самом верхнеуровнем ?

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

Зачем редакс для этого? Оверкилл же

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

в ангуляре так когда без редукса ))

Товарищи, а кто как решает проблему с генерацией id? Допустим мне надо сгенерить для input + label уникальные id только для ux связки, но понятно при изоморфном рендеринге оно расходится. Пихать это в store не хочется

Зачем редакс для этого? Оверкилл же

ясен пень ) поэтому не юзаю его

Товарищи, а кто как решает проблему с генерацией id? Допустим мне надо сгенерить для input + label уникальные id только для ux связки, но понятно при изоморфном рендеринге оно расходится. Пихать это в store не хочется

индекс элемента плюс название собранное из лейбла и еще что-то

в ангуляре так когда без редукса ))

В реакте несложно сделать

индекс элемента плюс название собранное из лейбла и еще что-то

а с uuid никак?

не подскажу уже (

Привет всем! Подскажите, пожалуйста Есть проект на React+Redux + роутинг Собирается все webpack'ом Проект разросся и весит уже не мало решил попробовать код-сплиттинг + react-loadable не получается, в итоге на выходе могу получить максимум основной файл+файл чанка(один) хотелось бы сделать так, что каждый роутинг отдельно билдится,и потом по мере надобности подгружался

я нашел ошибку, это пиздец товарищи! сортировка масива на сафаре работает по другому =/

https://stackoverflow.com/questions/15507729/safari-doesnt-sort-array-of-objects-like-others-browsers

надо было следовать контракту компаратора

Привет всем! Подскажите, пожалуйста Есть проект на React+Redux + роутинг Собирается все webpack'ом Проект разросся и весит уже не мало решил попробовать код-сплиттинг + react-loadable не получается, в итоге на выходе могу получить максимум основной файл+файл чанка(один) хотелось бы сделать так, что каждый роутинг отдельно билдится,и потом по мере надобности подгружался

Я сам не делал ни разу, хотел попробовать. Но вот с роутера официальная дока по код сплиттингу. https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/guides/code-splitting.md

Сергей, спасибо!

Кто-нибудь использует либу element-react?

Привет всем! Подскажите, пожалуйста Есть проект на React+Redux + роутинг Собирается все webpack'ом Проект разросся и весит уже не мало решил попробовать код-сплиттинг + react-loadable не получается, в итоге на выходе могу получить максимум основной файл+файл чанка(один) хотелось бы сделать так, что каждый роутинг отдельно билдится,и потом по мере надобности подгружался

Можно без сторонних решений, просто hoc который делает setState, когда промис преданный зарезолвился. А в него передавать функцию типо () => import('');

Дмитрий, можно пример?

несколько не понял

Дмитрий, можно пример?

https://github.com/dmitrymalakhov/noughtsanddaggers/blob/master/app/hoc/asyncComponent.js

юзаю так const AboutRoute = () => import( /* webpackChunkName: 'about' */ './AboutRoute' ); asyncComponent(AboutRoute)

В CRA нет HMR, Дэн его допиливает https://github.com/facebookincubator/create-react-app/issues/2972

Погодите, я в компоненты могу вкладывать контейнеры, или только наоборот?

всм по феншую

я могу этот пресентер в папку компонентов отправить?

всм по феншую

по феншую это @atomicdesign для ui компонентов

Кто юзал https://react-table.js.org. Подскажите как запилить свою сортировку, прокинутую через this.props .

Дорогие мои, в шторме появился хак на подсветку styled-components!

давно уже

?

префиксы-постфиксы можно в настройках забить

А я гуглил-гуглил...

Я не понял, CRA обязывает именовать компоненты вот так Menu-item? И не разрешает так MenuItem

Не

Чета у меня шторм определяет файлы, какотрые камел кейсом названы как просто текстовые..

нехер так файлы называть

пиши как нормальный человек в param-case.js

пиши как нормальный человек в param-case.js

Каждый час новая ава

Как тебе это удается?

Всем вечер в хату!

Я вот не понимаю почему webstorm подсвечивает == ?

Ребятки-котятки, кто дружит к реактом, подскажите что за хз? ERROR in ./src/application/routes/asyncRoute.js Module not found: Error: Can't resolve './TasksPage/' in '/Users/artem/develope/js/fitrush_admin/src/application/routes' @ ./src/application/routes/asyncRoute.js 421:11-40 @ ./src/application/routes/Routes.js @ ./src/client/client.js @ multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./client/client.js Пытаюсь делать следующее: export const TasksPage = asyncRoute(() => { return System.import('./TasksPage/'); }, { action: 'getAllTasks', name: 'tasks', isProtected: false, }); И сама папка существует!

Ребятки-котятки, кто дружит к реактом, подскажите что за хз? ERROR in ./src/application/routes/asyncRoute.js Module not found: Error: Can't resolve './TasksPage/' in '/Users/artem/develope/js/fitrush_admin/src/application/routes' @ ./src/application/routes/asyncRoute.js 421:11-40 @ ./src/application/routes/Routes.js @ ./src/client/client.js @ multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./client/client.js Пытаюсь делать следующее: export const TasksPage = asyncRoute(() => { return System.import('./TasksPage/'); }, { action: 'getAllTasks', name: 'tasks', isProtected: false, }); И сама папка существует!

забавный

Ребятки-котятки, кто дружит к реактом, подскажите что за хз? ERROR in ./src/application/routes/asyncRoute.js Module not found: Error: Can't resolve './TasksPage/' in '/Users/artem/develope/js/fitrush_admin/src/application/routes' @ ./src/application/routes/asyncRoute.js 421:11-40 @ ./src/application/routes/Routes.js @ ./src/client/client.js @ multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./client/client.js Пытаюсь делать следующее: export const TasksPage = asyncRoute(() => { return System.import('./TasksPage/'); }, { action: 'getAllTasks', name: 'tasks', isProtected: false, }); И сама папка существует!

import { TasksPage } from

Я вот не понимаю почему webstorm подсвечивает == ?

потому что === ?

ERROR: S client not available

потому что === ?

Ну == ,вообще нельзя использовать ?

Ну == ,вообще нельзя использовать ?

ага

import { TasksPage } from

не канает как-то...

ага

Ну вообще логично ,приведение типов это зло

не канает как-то...

Импорт покажите

Импорт покажите

return System.import('./TasksPage/'); вот этим и импорчу, иначе через require или иначе, эффект тот же

Ну вообще логично ,приведение типов это зло

хз, я юзаю сторонее апи, и они могут присылать number 3 или string 3, там вбщ опасно === юзать ?

return System.import('./TasksPage/'); вот этим и импорчу, иначе через require или иначе, эффект тот же

System.import больше не существует

Всем привет! У кого есть опыт работы в связке react, redux, immutablejs на среднем или большом проекте?

Всем привет! У кого есть опыт работы в связке react, redux, immutablejs на среднем или большом проекте?

да не, тут полчата сидит на ангуляре, вторая половина на вуе

Max, акцент на immutablejs) Сейчас начинаю выстраивать архитектуру большого приложения, решаю - стоит ли его использовать.

у нас не взлетел

Всем привет! У кого есть опыт работы в связке react, redux, immutablejs на среднем или большом проекте?

Есть пару советов, недавно шипнул проект но без immutable, и пожалел о многих вещах которые я сделал/не сделал

как-то гемора больше чем профита

Можно написать свои отдельные иммутабельные функции

А в чем самый геммор? Меня подкупает, что там под копотом сразу есть все необходимые операции по работе с иммутабельными данными, к тому же еще и оптимизированны эти операции. Не нужно велосипедить.

Есть пару советов, недавно шипнул проект но без immutable, и пожалел о многих вещах которые я сделал/не сделал

Подробней расскажи, пожалуйста. Какие советы? О чем пожалел?

А в чем самый геммор? Меня подкупает, что там под копотом сразу есть все необходимые операции по работе с иммутабельными данными, к тому же еще и оптимизированны эти операции. Не нужно велосипедить.

сплайсы проще

На самом деле писать свои не так сложно, зато точно знаешь поведение, да и КБ лишние сохранишь

А в чем самый геммор? Меня подкупает, что там под копотом сразу есть все необходимые операции по работе с иммутабельными данными, к тому же еще и оптимизированны эти операции. Не нужно велосипедить.

коллеги, приветствую, а подскажите пожалуйста, как вы работаете с РЕml5 file API из React?

если надо дип иммутейбл, я нашел object-path-immutable

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

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

вот примерно так же и подумал

Подробней расскажи, пожалуйста. Какие советы? О чем пожалел?

Пожалел что не использовал prop types. Пожалел что не отделил бизнес логику от вёрстки. Пожалел что не использовал селекторы и не отделил data shape от view. Пожалел что не чётко выстроил правила наименования функции и переменных. Пожалел что не писал тесты с самого начала.

но может кому-то вкатил

Пожалел что не использовал prop types. Пожалел что не отделил бизнес логику от вёрстки. Пожалел что не использовал селекторы и не отделил data shape от view. Пожалел что не чётко выстроил правила наименования функции и переменных. Пожалел что не писал тесты с самого начала.

добавь проптайпс отдели БЛ от верстки добавь селекторы пропиши правила именовая функций от переменных начни писать тесты

тоже мне проблема )

хз, я юзаю сторонее апи, и они могут присылать number 3 или string 3, там вбщ опасно === юзать ?

приводишь к нужному типу и проверяешь нормально