Use React for ephemeral state that doesn't matter to the app globally and doesn't mutate in complex ways. For example, a toggle in some UI element, a form input state. Use Redux for state that matters globally or is mutated in complex ways. For example, cached users, or a post draft.

Ага, то есть redux store уже не single source of truth.

После Redux мне очень хочется залезть обратно в MobX и даже потерпеть observer у каждого компонента.

После Redux мне очень хочется залезть обратно в MobX и даже потерпеть observer у каждого компонента.

>observer у каждого компонента даже который не реактивный? :3

Ага, то есть redux store уже не single source of truth.

В чём проблема, не абрамоугодно что ли?)

>observer у каждого компонента даже который не реактивный? :3

любой компонент, который берёт что-то из observable объекта должен быть обёрнут в observer ну по сути это реактивные компоненты

любой компонент, который берёт что-то из observable объекта должен быть обёрнут в observer ну по сути это реактивные компоненты

нене, это яснопонятно, там один чувак спрашивал, вешаете ли вы вообще на все реакт компоненты? ;D

Ага, то есть redux store уже не single source of truth.

Если что, идеология подразумевает "single source of truth", не "redux = single source of truth", это не принципиально

нене, это яснопонятно, там один чувак спрашивал, вешаете ли вы вообще на все реакт компоненты? ;D

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

но таких компонент мало

и это кстати недостаток MobX

хотя и позволяет делать хорошую оптимизацию

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

Если что, идеология подразумевает "single source of truth", не "redux = single source of truth", это не принципиально

если мы берём данные из стейта компонента и из redux стора, то source of truth уже не single

Wrong

и если я запихал что-то не в redux store, а в state компонента и мне потом вдруг захотелось сохранять эти штуки в localStorage, то либо костылить, либо писать кучу новых редьюсеров и экшенов

Это тезис о дупликации данных, а не о числе хранилищ

single - "единственный", а не "именно этот"

то есть храним конкретную порцию данных либо в redux store либо в стейте компонента, но не в обоих местах сразу?

Да

понятненько

Есть stateToProps и dispatchToProps, это избавляет от необходимости держать данные в стейте компонента

И наоборот, если мы что-то держим в стейте компонента, то это его локальные данные и в редаксе не нужны

спасибо

export const normalizeId = (value) => { return value.replace(/[^\d]+/g, '') .match(/.{1,4}/g) .join(', ') }

ребят подскажите что за трабла с ридакс форм

не могу редактировать в середине

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

Мои хорошие?В наличие имеется товар ростительного происхождения,а так же и его аналаги?☺кому интересна качественная и провереная лично курёха,пишем мне в личку!☺?

народ, есть компонент header (родительский) в него вложены меню, лого и ещё всякая мелочь, я могу как-то отследить что header и все его вложенные компоненты загрузились, чтобы на header вешать класс isLoaded?

Охуеть, извините мой французский

Мои хорошие?В наличие имеется товар ростительного происхождения,а так же и его аналаги?☺кому интересна качественная и провереная лично курёха,пишем мне в личку!☺?

Лол

Мои хорошие?В наличие имеется товар ростительного происхождения,а так же и его аналаги?☺кому интересна качественная и провереная лично курёха,пишем мне в личку!☺?

Тебе к первым ангулярщикам

Тебе к первым ангулярщикам

лол

Ещё предложите ему сделать на реакте автомагазин)

И оплату битками онли)

народ, есть компонент header (родительский) в него вложены меню, лого и ещё всякая мелочь, я могу как-то отследить что header и все его вложенные компоненты загрузились, чтобы на header вешать класс isLoaded?

а по моему вопросу есть идеи?

А причём тут реакт, если реакту как бы пофиг откуда брать данные?

вот об этом и рассказать. Что фронтентд на React можно подключить без особых сложностей к чему угодно. Буквально, в несколько кликов. На практике, лично я, очень часто встречаюсь с аргументом, что React интегрировать - это сложная громоздкая задача. По факту - это значительно проще, чем оставлять все на html + jQuery

народ, есть компонент header (родительский) в него вложены меню, лого и ещё всякая мелочь, я могу как-то отследить что header и все его вложенные компоненты загрузились, чтобы на header вешать класс isLoaded?

смотри события жизненного цикла. Вопрос, ответ на который есть на 2ой странице документации (по всей видимости, ты даже первую не читал)

ну я полагаю что componentDidMount

но насчет вложенных компонентов не уверен

но насчет вложенных компонентов не уверен

ты можешь из пропсов брать функции и вызывать их в дочерних элементах в componentDidMount. Хотя, это лишнее, в родителе будет дочтаточно. Этот метод выполняется, когда все части компонента (все вложенные компоненты) уже отрисованы. В этом его суть.

@vkurchatkin может на ближайшем React Moscow Meetup сделаешь lightning talk на тему, что лучше для React.js - TS vs Flow?

У меня особо нет метриала на эту тему, так как фронтом давно не занимаюсь

@Razzwan спасибо

@vkurchatkin может на ближайшем React Moscow Meetup сделаешь lightning talk на тему, что лучше для React.js - TS vs Flow?

А почему именно для React.js? Какая разница то какая библиотека конечная?

Ребят, а у кого есть чатик vuejs?

Есть один вопрос

https://t.me/vuejs_ru

не благодари

вот об этом и рассказать. Что фронтентд на React можно подключить без особых сложностей к чему угодно. Буквально, в несколько кликов. На практике, лично я, очень часто встречаюсь с аргументом, что React интегрировать - это сложная громоздкая задача. По факту - это значительно проще, чем оставлять все на html + jQuery

React - это не JQuery. Эта библиотека не для интеграции с неким уже готовым сайтом, это прежде всего библиотека построения интерфейса для Single Page Application. Если вы пытаетесь впихнуть React уже в написанный на каком-нибудь PHP сайт, то вы делаете что-то не так. React нужно использовать, когда вы делаете SPA, который будет обращаться к некоторому уже готовому API (например если есть API для мобильного приложения и вы хотите сделать web аналог). Причём заметьте, что задачу общения с API React вообще не решает и даже не пытается. Хоть React и позиционирует себя как библиотека, но всё-таки ему больше подходит звание фреймворка. Он как ковёр, который задаёт стиль всему интерьеру.

React - это не JQuery. Эта библиотека не для интеграции с неким уже готовым сайтом, это прежде всего библиотека построения интерфейса для Single Page Application. Если вы пытаетесь впихнуть React уже в написанный на каком-нибудь PHP сайт, то вы делаете что-то не так. React нужно использовать, когда вы делаете SPA, который будет обращаться к некоторому уже готовому API (например если есть API для мобильного приложения и вы хотите сделать web аналог). Причём заметьте, что задачу общения с API React вообще не решает и даже не пытается. Хоть React и позиционирует себя как библиотека, но всё-таки ему больше подходит звание фреймворка. Он как ковёр, который задаёт стиль всему интерьеру.

шит какой-то

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

React - это не JQuery. Эта библиотека не для интеграции с неким уже готовым сайтом, это прежде всего библиотека построения интерфейса для Single Page Application. Если вы пытаетесь впихнуть React уже в написанный на каком-нибудь PHP сайт, то вы делаете что-то не так. React нужно использовать, когда вы делаете SPA, который будет обращаться к некоторому уже готовому API (например если есть API для мобильного приложения и вы хотите сделать web аналог). Причём заметьте, что задачу общения с API React вообще не решает и даже не пытается. Хоть React и позиционирует себя как библиотека, но всё-таки ему больше подходит звание фреймворка. Он как ковёр, который задаёт стиль всему интерьеру.

Нет

Алексей немношк не подумал)

где я не прав?

если уж обобщать, то реакт - это больше dsl для описания интерфейсов

где я не прав?

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

Причём проектов где нужно делать куски больше всего. Тьма легаси кода для бизнесов приносящих бабло. Целиком обычно не перепишешь. Реакт очень хорошо подходит для переписывания постепенно.

Я такого не делала пока, но, чувствую, скоро придётся.

Я такого не делала пока, но, чувствую, скоро придётся.

да это даже без извращений делается

да это даже без извращений делается

Да ну.

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

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

Да ну.

ну да )

ERROR: S client not available

ну да )

надеюсь ты прав ?

Ибо пока что рельсы для меня были одной сплошной болью.

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

нода -- не меньшая боль ) просто немного другая

React - это не JQuery. Эта библиотека не для интеграции с неким уже готовым сайтом, это прежде всего библиотека построения интерфейса для Single Page Application. Если вы пытаетесь впихнуть React уже в написанный на каком-нибудь PHP сайт, то вы делаете что-то не так. React нужно использовать, когда вы делаете SPA, который будет обращаться к некоторому уже готовому API (например если есть API для мобильного приложения и вы хотите сделать web аналог). Причём заметьте, что задачу общения с API React вообще не решает и даже не пытается. Хоть React и позиционирует себя как библиотека, но всё-таки ему больше подходит звание фреймворка. Он как ковёр, который задаёт стиль всему интерьеру.

люди, которые делают "не так" и получают отличный результат - это те люди, на которых завтра будут ровняться все остальные. Проблема интеграции React в уже готовый сайт вполне решаема, если он использует более менее современных подход (MVC, например).

нода -- не меньшая боль ) просто немного другая

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

люди, которые делают "не так" и получают отличный результат - это те люди, на которых завтра будут ровняться все остальные. Проблема интеграции React в уже готовый сайт вполне решаема, если он использует более менее современных подход (MVC, например).

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

люди, которые делают "не так" и получают отличный результат - это те люди, на которых завтра будут ровняться все остальные. Проблема интеграции React в уже готовый сайт вполне решаема, если он использует более менее современных подход (MVC, например).

Наблюдаю переписывание сайта из говна мамонта на реакт + редакс. Старый сайт это нечто адское на жиквери. Норм переписывается.

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

ой давайте без веб компонентов

вроде даже была обертка, которая превращает реакт компонент в веб

Я так и не понял зачем нужны веб компоненты

Ребят, есть совет по best practices для react native?

Наблюдаю переписывание сайта из говна мамонта на реакт + редакс. Старый сайт это нечто адское на жиквери. Норм переписывается.

Как именно переписывается?

Старые части UI переписываются в виде React компонентов и redux экшнов редьюсеров

Новые сразу на реакте

Но всё это распределяется по разным страницам?

React - это не JQuery. Эта библиотека не для интеграции с неким уже готовым сайтом, это прежде всего библиотека построения интерфейса для Single Page Application. Если вы пытаетесь впихнуть React уже в написанный на каком-нибудь PHP сайт, то вы делаете что-то не так. React нужно использовать, когда вы делаете SPA, который будет обращаться к некоторому уже готовому API (например если есть API для мобильного приложения и вы хотите сделать web аналог). Причём заметьте, что задачу общения с API React вообще не решает и даже не пытается. Хоть React и позиционирует себя как библиотека, но всё-таки ему больше подходит звание фреймворка. Он как ковёр, который задаёт стиль всему интерьеру.

Ребята не стоит вскрывать эту тему. Вы молодые, шутливые, вам все легко. Это не то. Это не JQuery и даже не шаблонизатор для html. React как ковёр, который задаёт стиль всему интерьеру. Сюда лучше не лезть. Серьезно, любой из вас будет жалеть. Лучше закройте тему и забудьте что тут писалось. Я вполне понимаю что данным сообщением вызову дополнительный интерес, но хочу сразу предостеречь пытливых - стоп. Остальные просто не найдут.

Неа. Иногда вместе. Стор редаксовый вынесен в глобальный скоуп и то что на жиквери дёргает на нем dispatch

Ребята не стоит вскрывать эту тему. Вы молодые, шутливые, вам все легко. Это не то. Это не JQuery и даже не шаблонизатор для html. React как ковёр, который задаёт стиль всему интерьеру. Сюда лучше не лезть. Серьезно, любой из вас будет жалеть. Лучше закройте тему и забудьте что тут писалось. Я вполне понимаю что данным сообщением вызову дополнительный интерес, но хочу сразу предостеречь пытливых - стоп. Остальные просто не найдут.

что

Ребята не стоит вскрывать эту тему. Вы молодые, шутливые, вам все легко. Это не то. Это не JQuery и даже не шаблонизатор для html. React как ковёр, который задаёт стиль всему интерьеру. Сюда лучше не лезть. Серьезно, любой из вас будет жалеть. Лучше закройте тему и забудьте что тут писалось. Я вполне понимаю что данным сообщением вызову дополнительный интерес, но хочу сразу предостеречь пытливых - стоп. Остальные просто не найдут.

??? классика

Неа. Иногда вместе. Стор редаксовый вынесен в глобальный скоуп и то что на жиквери дёргает на нем dispatch

То есть фактически получается сайт, частично состоящий из SPA, а частично из старых php страниц?

Там не пхп, но примерно так

То есть фактически получается сайт, частично состоящий из SPA, а частично из старых php страниц?

да, я так делал, это нормальное решение. постепенно сайт делается все больше и больше SPA, пока не становится им совсем.

Вообще там все очень плохо. Я уже этим присылался и ищу новую работу ?

Там не пхп, но примерно так

Ну тогда всё должно быть нормально. Просто фактически получается частично сделанное SPA.

??? классика

Ковёр кстати тоже классика.

Ребята не стоит вскрывать эту тему. Вы молодые, шутливые, вам все легко. Это не то. Это не JQuery и даже не шаблонизатор для html. React как ковёр, который задаёт стиль всему интерьеру. Сюда лучше не лезть. Серьезно, любой из вас будет жалеть. Лучше закройте тему и забудьте что тут писалось. Я вполне понимаю что данным сообщением вызову дополнительный интерес, но хочу сразу предостеречь пытливых - стоп. Остальные просто не найдут.

что за зомбопропаганда? Я, видимо, еще не в теме.

React - это не JQuery. Эта библиотека не для интеграции с неким уже готовым сайтом, это прежде всего библиотека построения интерфейса для Single Page Application. Если вы пытаетесь впихнуть React уже в написанный на каком-нибудь PHP сайт, то вы делаете что-то не так. React нужно использовать, когда вы делаете SPA, который будет обращаться к некоторому уже готовому API (например если есть API для мобильного приложения и вы хотите сделать web аналог). Причём заметьте, что задачу общения с API React вообще не решает и даже не пытается. Хоть React и позиционирует себя как библиотека, но всё-таки ему больше подходит звание фреймворка. Он как ковёр, который задаёт стиль всему интерьеру.

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

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

а, ну тогда действительно ошибочка вышла хотя я по прежнему не рискнул бы использовать React не для SPA (я то не фейсбук) с другой стороны если использовать React именно как библиотеку построения компонент, то ничего особо страшного не должно случиться