по идее да, так стор в каждом компоненте будет синхронизирован

в общем звучит логично

А подскажите ссылку на vue чат... сорри за офтоп =)

А подскажите ссылку на vue чат... сорри за офтоп =)

@vuejs_ru

Ребзи подскажите как в rr v3 блокировать переход по роутам ?

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

Я понимаю о чем ты говоришь, но брать реакт в не спа апп, когда ты понимаешь, что чтобы рендерить тебе придется извращаться, плюс спека chrome extensions накладывает ещё своих дохулион ограничений, да и стор там есть свой (chrome.store). Возможно тебе хватило бы jq/mustache, не думал ? Что в расширении нужно такого что может только реакт ? Ворваться к пользователю на страницу можно хоть через document.createElement - appendChild

Расширение не только под хром пишется, там надо синхронизировать данные с апишкой, на страницу инжектится элемент с пользовательским Ui, который тоже на апишку завязан.

Т.е. это не просто вставил и забыл, там еще логика всякая вертится.

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

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

как у родителя данные изменить из вложенного потомка?

как у родителя данные изменить из вложенного потомка?

Да

https://reactjs.org/docs/lifting-state-up.html

суть такая

у родителя есть state и метод, который меняет state. потомок получает этот метод и state как свойства, и вызывает по необходимости

у родителя есть state и метод, который меняет state. потомок получает этот метод и state как свойства, и вызывает по необходимости

все понятно, благодарочка

А возможно изменить state не через потомка?

Диспатч экшна из другого компонента?

через родителя можно

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

Сделай объект с содержимым, где ключи это твой хелпертипы

в {} внутри элемента только тернарный оператор работает

в componentWillReceiveProps мне нужно иметь актуальное содержание стейта. Но так как стейт меняется асинхронно, то это достичь нельзя. Как можно решит ьпроблему?

типа {helper == “1” ? <div/> : null}

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

в {} внутри элемента только тернарный оператор работает

Эм

Там работает любой джаваскрипт

ну я пробовал через функцию внутри фигурных - не работает

сделать там свитч

{x[props.y]}

Объект же обычный

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

или он сьест так и так?

Ты понимаешь что такое джсх?

Это просто сахар над функцией React.createElement()

ну я пробовал через функцию внутри фигурных - не работает

Функции работают

Ты чё

типа {helper == “1” ? <div/> : null}

{ helper === “1” && <div /> }

можно без тернарника

Поэтому const x = { fuck: <span>xxx</span> } Это тупо fuck: React.createElement(“span”, {}, “xxx”)

да, офтоп

Ребят, я продолжаю пилить свою мини галлерею с использованием вк АПИ. Стабильной работы добился, теперь начал делать правки, и столкнулся со следующей ситуацией. У меня есть компонент Intro, где юзер, тыкая на кнопку, получает аксесс токен, и после чего редиректится на главную страницу с функционалом. Аксесс токен находится в строке с УРЛ, откуда я его вырезаю и даю методам, обращающимся к АПИ. Но выглядит эта лапша в URL строке ужасно, поэтому нужно придумать другой способ. Подскажите, в какую сторону смотреть для решения такой задачи? :с

Нормальный способ

А в чем проблема? ?

Ребят, а к вопросу о CSS в реакте. Есть ли что-то, что позволит в компонент импортировать scss, как: import "..\scss\_Button.scss";

Сделай просто реплейса урла и убери оттуда токен

Можешь его сохранить в локалсторейдж

Ребят, а к вопросу о CSS в реакте. Есть ли что-то, что позволит в компонент импортировать scss, как: import "..\scss\_Button.scss";

sass-loader

Спасибо, сейчас загуглю)

Влад, а у тебя стили откуда-то от дизайнера прилетают или сам пишешь?

Ребят, а к вопросу о CSS в реакте. Есть ли что-то, что позволит в компонент импортировать scss, как: import "..\scss\_Button.scss";

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

Да!

Спасибо, сейчас загуглю)

webpack + sass-loader

Вот об этом у меня был Следующий вопрос ???

Спасибо))

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

Я сегодня про это писал в контексте редакса

Посмотри еще Styled Components

Я сегодня про это писал в контексте редакса

https://medium.com/%D1%80%D0%BE%D0%B4%D0%B8%D0%BE%D0%BD%D0%BE%D0%B2-%D0%B8-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0/%D0%BB%D0%B5%D1%82%D1%81-%D1%82%D0%BE%D0%BB%D0%BA-%D1%8D%D0%B1%D0%B0%D1%83%D1%82-%D1%8D%D0%B4%D1%83%D0%BA%D0%B5%D0%B9%D1%88%D0%B5%D0%BD-f05569c902f1

в том что выглядит плохо?

Бля кириллица

угу (

Да. =)

Посмотри еще Styled Components

Вот сейчас в них начал вникать, но как-то сложно такое писать

да не

Сохраняй в локалсторейдж и вырезай из урла

Вот сейчас в них начал вникать, но как-то сложно такое писать

Да не, ты че

Охуенная тема

Сохраняй в локалсторейдж и вырезай из урла

Попробую, спасибо)

++

Посмотри еще Styled Components

Влад я бы начал с sass-loader-а. Styled Components может напугать поначалу, но дает больше возможностей.

Нет!

СК примитивный очень

кмк проще чем вебпак настраивать ?

const Button = styled.button`color: red` <Button>button</Button>

Что может быть проще вообще

СК примитивный очень

насколько я понимаю, в нем есть возможность использовать js переменные. Это, как по мне, преимущество. Я сейчас использую CSSModules. Но в местах, где мне нужна аццкая динамика, использую CSS in JS

Он простой

Но как-то сложно в js стили

насколько я понимаю, в нем есть возможность использовать js переменные. Это, как по мне, преимущество. Я сейчас использую CSSModules. Но в местах, где мне нужна аццкая динамика, использую CSS in JS

В нем есть возможность использовать джс)

кмк проще чем вебпак настраивать ?

Влад хм... Ну может, не стану спорить. Я начинал с webpack-а