Да.

"что бы не сложно" =D Буду я один пилить, по началу. Думал взять https://github.com/prismagraphql/prisma Или вообще битрикс ? В общем пока совсем не в теме

если решил на graphql то недавно была статься от Shopify - https://gist.github.com/swalkinshaw/3a33e2d292b60e68fcebe12b62bbb3e2 и у них же если их апи торчит наружу, то можно подсмотреть некоторые решения

Всем привет, работал кто-нить с fluxxor?

Всем здрасте, а кто то представляет как работает codesanbox?) как можно сделать чтобы в окне браузера можно было js код сразу и писать и смотреть что вышло?

Для таких целей использую https://repl.it

подскажите как лучше с jest и enzyme проверить что компонент имеет определенный дочерний?

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

через shallow рендер если можно

find('Component') как то так вроде

Привет можете пожалуста помочь вот в редуксе есть userCheckState есть ли подобное в mobx? не могу найтив доках и вообще как в mobx ограничивать вход на страницу, и организовывать перенаправление, исодя из ролей Буду очень бллагодарен

Для таких целей использую https://repl.it

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

find('Component') как то так вроде

не катит

Через children взять

И хз как сравнить что это именно определенный

Привет можете пожалуста помочь вот в редуксе есть userCheckState есть ли подобное в mobx? не могу найтив доках и вообще как в mobx ограничивать вход на страницу, и организовывать перенаправление, исодя из ролей Буду очень бллагодарен

Никто не работал с mobx?

Привет можете пожалуста помочь вот в редуксе есть userCheckState есть ли подобное в mobx? не могу найтив доках и вообще как в mobx ограничивать вход на страницу, и организовывать перенаправление, исодя из ролей Буду очень бллагодарен

Я думаю тебе лучше доку своего роутера почитать

Я думаю тебе лучше доку своего роутера почитать

Ролтер тут не причем

Ладно тогда я наверное не понял

Привет можете пожалуста помочь вот в редуксе есть userCheckState есть ли подобное в mobx? не могу найтив доках и вообще как в mobx ограничивать вход на страницу, и организовывать перенаправление, исодя из ролей Буду очень бллагодарен

Храни в сторе роли, где надо чекай. ??? Или я не так понял?

Храни в сторе роли, где надо чекай. ??? Или я не так понял?

Роли хранятся

Роли хранятся

Ну сделай хок и оборачивай в него роуты

Я про то что допустим пользователь заходит в приложение, сразу идёт проверка он залогинен или нет, Если нет то он может пройти на страницу app/admin/login Авторизоваться и его по идее должно перекинуть на главную, а если он все таки по ошибке снова зайдёт на страницу логина, так как он авторизован делать постоянно авторедирккт на главную. Потом вот я не пойму что сделать (Сразу ещё уточню что опыта в реакте мало, но я пытаюсь самостоятельно найти решение, и если сижу и туплю 1-3 часа начинаю в чаты писать) Раньше пробовал с редуксом работать, так там просто на роутер вешался userlogged И в этот путь пускает только если он тру и в целом все редиоккты. А вот при использовании mobx не знаю как поступить

Впринципе также если пользователь не админ и он не авторизован и топает на страницу к кторой нет доступа, либо редиректить на логин либо выводить сообщение что извините прав нет у вас

Впринципе также если пользователь не админ и он не авторизован и топает на страницу к кторой нет доступа, либо редиректить на логин либо выводить сообщение что извините прав нет у вас

Хок для такого

Я про то что допустим пользователь заходит в приложение, сразу идёт проверка он залогинен или нет, Если нет то он может пройти на страницу app/admin/login Авторизоваться и его по идее должно перекинуть на главную, а если он все таки по ошибке снова зайдёт на страницу логина, так как он авторизован делать постоянно авторедирккт на главную. Потом вот я не пойму что сделать (Сразу ещё уточню что опыта в реакте мало, но я пытаюсь самостоятельно найти решение, и если сижу и туплю 1-3 часа начинаю в чаты писать) Раньше пробовал с редуксом работать, так там просто на роутер вешался userlogged И в этот путь пускает только если он тру и в целом все редиоккты. А вот при использовании mobx не знаю как поступить

на самом деле концептуально тебе тоже самое что и для ридакс надо сделать)

Тоесть впринципе просто из документации редакса вытянуть и адаптировать ?

Тоесть впринципе просто из документации редакса вытянуть и адаптировать ?

А для ты такое нашел в доке редакса ?

Тоесть впринципе просто из документации редакса вытянуть и адаптировать ?

не я имею ввиду посмотреть чего там сторе и что то отрендерить)

Я чет наверное туплю

А для ты такое нашел в доке редакса ?

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

Я чет наверное туплю

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

getState в экшоне ?

Редакс по дефолту так не умеет)

getState в экшоне ?

userCheckState у него вот так, подозреваю что это экшен)

с обвязкой на реакт роутер

Короче в оф доке редакса такого явно нет

хм, не офф дока а https://maxfarseer.gitbooks.io/react-router-course-ru/content/razdelenie_dostupa.html

я ошибся..вот тут видел

хм, не офф дока а https://maxfarseer.gitbooks.io/react-router-course-ru/content/razdelenie_dostupa.html

Тут старый роутер

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

нно в целом данный жеподход будет работать??

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

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

Я тебе уже сказал лучше для проверки доступа сделать hoc

Погугли и все будет понятней

спасибо, ознакомлюсь с докой реакта. статью нашел. еще раз спасибо

спасибо, ознакомлюсь с докой реакта. статью нашел. еще раз спасибо

Не за что, обращайся.

Привет, кодеры. У меня есть stateless компонент List, рисующий список из stateful компонентов Article. Пропс в виде массива объектов(по штуке на Article) прилетает откуда-то сверху в List и должен разойтись соответственно по Article-ам. Подскажите плз, эти данные лучше тупо передать в стейт Article-ов или желательно их скопировать? Или пришло время учить менеджмент состояний?

Нюансы: Использовать данные будут только Article, периодически они будут отправлять коллбеки в List, но дальше данные никуда не уходят.

Привет, кодеры. У меня есть stateless компонент List, рисующий список из stateful компонентов Article. Пропс в виде массива объектов(по штуке на Article) прилетает откуда-то сверху в List и должен разойтись соответственно по Article-ам. Подскажите плз, эти данные лучше тупо передать в стейт Article-ов или желательно их скопировать? Или пришло время учить менеджмент состояний?

Чем меньше что-то копируешь, тем лучше. Если есть возможность все делать stateless, то лучше делать, пока не появится причина иметь стейт у компонента (например, если ты обновляешь статью не по символьно, а по нажатию "сохранить", то тогда есть смысл держать текст в стейте компонента), но тогда да - желательно проследить, чтоб не мутировалось состояние "где-то сверху". >Или пришло время учить менеджмент состояний? это и есть менеджмент состояний, даже если все в стейте корневого элемента хранишь, не только redux/mobx

Вопрос по CRA. Скрипт build генерит сорс мапы, и я хотел убедиться: они ведь не выльются на клиент, если, например, через serve страницу раздавать?

Смотри доку, это можно отключить

Объясните пожалуйста. Есть такой код const template = (<div> <h1>{count}</h1> <button onClick={addOne}>+</button> </div> ); ReactDOM.render(template, document.getElementById('app')); и функция addOne которая просто инкрементирует значение count. насколько я понял в этом методе addOne надо снова создать шаблон и делать рендер, чтобы значения менялось после клика. Получается реакт перерисует весь этот шаблон каждый раз по нажатию ? это простой пример без компонентов

Объясните пожалуйста. Есть такой код const template = (<div> <h1>{count}</h1> <button onClick={addOne}>+</button> </div> ); ReactDOM.render(template, document.getElementById('app')); и функция addOne которая просто инкрементирует значение count. насколько я понял в этом методе addOne надо снова создать шаблон и делать рендер, чтобы значения менялось после клика. Получается реакт перерисует весь этот шаблон каждый раз по нажатию ? это простой пример без компонентов

Ну есть же документация шикарная. Не нужно вызывать никакой рендер, используй state и setState

Ну есть же документация шикарная. Не нужно вызывать никакой рендер, используй state и setState

Я еще не дошел до компонентов/стейтов. Мне просто надо было понять принцип работы под капотом

Я еще не дошел до компонентов/стейтов. Мне просто надо было понять принцип работы под капотом

Тогда начни с компонентов, станет все понятно

Я еще не дошел до компонентов/стейтов. Мне просто надо было понять принцип работы под капотом

Самое важное, то что реакт jsx это не шаблон, это функция которая возвращает virtual dom. ReactDOM.render сравнивает предыдущее и текущие состояние дерева и вносит изменения а реальный dom. Virtual dom это просто объект если что.

Самое важное, то что реакт jsx это не шаблон, это функция которая возвращает virtual dom. ReactDOM.render сравнивает предыдущее и текущие состояние дерева и вносит изменения а реальный dom. Virtual dom это просто объект если что.

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

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

Да

Да

ок, спасибо

Я еще не дошел до компонентов/стейтов. Мне просто надо было понять принцип работы под капотом

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

ERROR: S client not available

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

Давай

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

Давайте. Сейчас вряд ли будет ясно, но надеюсь скоро дойду до этого уровня

https://bogdan-lyashenko.github.io/Under-the-hood-ReactJS/

https://github.com/rsuite/rsuite

Здоров, орлы) Подскажите пожалуйста парочку примеров хороших репозиториев-проектов

http://tusharnile.blogspot.com/2018/07/react-js.html?m=1

Здоров, орлы) Подскажите пожалуйста парочку примеров хороших репозиториев-проектов

типа, вот такие?

http://sean-smith.me/assets/portfolio/25-react-projects/index.html

типа, вот такие?

Да, спасибо)

создавал проект с помощью create-react-app, не эджектил его, при сборке полуаются такие пути: href="/manifest.json" а должны быть с точкой: href="./manifest.json" как это исправить

создавал проект с помощью create-react-app, не эджектил его, при сборке полуаются такие пути: href="/manifest.json" а должны быть с точкой: href="./manifest.json" как это исправить

Не должны быть с точкой

/ это рут веб сервера, запусти любой сервер и будет работать

не работает

Как запускал?

я вопрос не совсем так задал, мне это приложение на github-pages выложить нужно

Ну вылей на ветку gh-pages содержимое папки build

если бэк есть то он будет по дефолту отдавать директорию с моим билдом, а что если на github-pages выкладывать сделать? не менять же каждый

были те же ошибки что и при тупом заливании в имя-пользователя.github.io

Ну вылей на ветку gh-pages содержимое папки build

Ну вылей на ветку gh-pages содержимое папки build

npx serve -s build работает?

нет, 404

всем привет я использую реакт роуте и впопрос такой когда перехожу по маршруту /shop должен открываться компонент shop в которм опписан export default class Shop extends React.Component { constructor(props) { super(props); this.onLogout = this.onLogout.bind(this); } onLogout(id){ this.props.history.push("/home/category/"+id) } а в рендере есть кнопка по клику должна работать! но получаеться так что он сразу переходит в категорю без открытия shop что не так ?

нет, 404

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

вот метод на кнопке onClick={this.onLogout(55)

вот метод на кнопке onClick={this.onLogout(55)

Так ты должен передать функцию Напиши в рендере console.log(typeof this.onLogout(55))

onClick={() => this.onLogout(55)}

npx serve -s build работает?

https://github.com/sashakaralchuk/paravel-react

onClick={() => this.onLogout(55)}

спасибо)