ну, я вообще считаю, что все должно быть server-side, а клиент должен просто получать готовую информацию

Готовая информация — это очень растяжимое понятие

Привет, ребята. Решил пощупать веб девелопмент. Весь день туплю и не могу разобраться. Пытался по гайдам сделать простейшую регистрацию user/pass с помощью passportjs. Получилось, но возник первый вопрос: стоит ли разделять сервер с реактом и сервер с данными? А сюда пишу, ибо не совсем понимаю, можно ли прикрутить passport.js к create-react-app без eject'а? Спасибо :)

Привет, ребята. Решил пощупать веб девелопмент. Весь день туплю и не могу разобраться. Пытался по гайдам сделать простейшую регистрацию user/pass с помощью passportjs. Получилось, но возник первый вопрос: стоит ли разделять сервер с реактом и сервер с данными? А сюда пишу, ибо не совсем понимаю, можно ли прикрутить passport.js к create-react-app без eject'а? Спасибо :)

Разделять что-то имеет смысл если у вас есть на то веские причины. Можно не разделять

Прикрутить к create-react-app без eject - можно все что угодно

Разделять что-то имеет смысл если у вас есть на то веские причины. Можно не разделять

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

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

На днях выпущу стать с CRA + full isomorphic SSR (redux, graphql, universal-router, isomorphic-style-loader) без eject

Поэтому не нужно, если для этого нет большой нужды

Поэтому не нужно, если для этого нет большой нужды

Где выпустишь?

Для начала на medium.com

Со временем на Хабре

Для начала на medium.com

Дай ссыль на себя

https://medium.com/@lokhmakov/

В принципе учебный проект я сегодня в публичный доступ уже выложил

Можете не ждать статьи

https://github.com/lokhmakov/create-react-app-stories

Добрый вечер. У кого-нить есть опыт с react-rte? Выпадает ошибка про window про запуске проекта.. А может кто посоветует лучший редактор кода?

Добрый вечер. У кого-нить есть опыт с react-rte? Выпадает ошибка про window про запуске проекта.. А может кто посоветует лучший редактор кода?

Vscode

Переходи на Linux/mac

Переходи на Linux/mac

+

npm install vscode? так?

npm install vscode? так?

*facepalm*

npm install vscode? так?

code.visualstudio.com

Настраиваешь под себя, ставишь плагины и счастлив

https://github.com/jpuri/react-draft-wysiwyg

Хм, не подскажите. Как мне после действия в redux через CALL API вызвать другой CALL API?

Хм, не подскажите. Как мне после действия в redux через CALL API вызвать другой CALL API?

Например axios.get().then(result => axios.get());

Посоны. Декораторы нужны ?

почем?

Не как патерн. А как фича в ES

почем?

Шуткалити

Например axios.get().then(result => axios.get());

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

https://github.com/jpuri/react-draft-wysiwyg

спасибо)

ребят, а многие юзают create-react-app ?

Многие

вопрос в частности такой — не могу подключить плагин babel-plugin-module-resolver. Тупо не работает. Конфиг пытался прописывать в .babelrc, как и предложено в доках плагина. Может есть другое решение?

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

вопрос в частности такой — не могу подключить плагин babel-plugin-module-resolver. Тупо не работает. Конфиг пытался прописывать в .babelrc, как и предложено в доках плагина. Может есть другое решение?

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

В create-react-app вы не можете переопределить настройки через .babelrc. Попробуйте это сделать через react-app-rewire

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

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

а плюсы минусы то какие из личного опыта?

Минусы очевидны, при обновлении зависимостей пересборка других пакетов.

То есть процесс сборки - увеличивается по времени.

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

В остальном - никакой разницы.

В create-react-app вы не можете переопределить настройки через .babelrc. Попробуйте это сделать через react-app-rewire

понял, спасибо за направление )

оффтопа вам чуток ) http://www.last-thursday.org/

О! rewired надо глянуть

А то мне все никак stylus не хватало в react-create-app

А то мне все никак stylus не хватало в react-create-app

тоже буду сейчас его подключать ) после резольвера

Резольвера?

Парни, чё-то не могу найти в API четвертого React Router - как правильно организовать SSR?

А, ладно - нашёл ) https://reacttraining.com/react-router/web/guides/server-rendering

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

вот тот что сверху

получается, в доках к плагину указано только, как прописать конфиг в .babelrc. А как его применить в связке с react-app-rewired?

config.module.loaders[0].query.plugins = [ ["module-resolver", { root: ["./src"], alias: { test: "./test" } }] ]

ping @quantum_robin

ERROR: S client not available

config.module.loaders[0].query.plugins = [ ["module-resolver", { root: ["./src"], alias: { test: "./test" } }] ]

пробую )

пробую )

Вопрос в другом, для чего вам это?

Возможно я предложу иной способ реализации

Вопрос в другом, для чего вам это?

для алиасов..

config.module.loaders[0].query.plugins = [ ["module-resolver", { root: ["./src"], alias: { test: "./test" } }] ]

не хочет работать, не подключается вообще

для алиасов..

Есть стандартный путь для CRA и для многих IDE - это ./src/node_modules все ресурсы внутри будут доступны по абсолютному пути.

да, но я же не буду туда писать компоненты и вообще все приложение )

или я чего-то не понял

Конечно будете. Вы просто путаете node_modules и ./src/node_modules

Вот пример посмотрите сегодня написал комплексное приложение для обучения

https://github.com/lokhmakov/create-react-app-stories

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

Конечно будете. Вы просто путаете node_modules и ./src/node_modules

а, точно. Смотрю ваше приложение сейчас. Попробую найти ответы.

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

Спасибо, интересно будет глянуть

В приведенном примере, также будет любопытно посмотреть на реализацию подсистем, для каждой из которых выделенный redux store, datasource (один из PostgreSQL, MySQL, MariaDB, SQLite) и автогенерация API и backend на базе конфигурации подсистем.

Подскажите про авторизацию с помощью onEnter. Как все грамотно сделать. Насколько я понял при роуте на защищенный контейнер, обращаться на сервер с токеном за авторизацией. Но у меня получается мелькание между открытой и закрытой страницей. Есть у кого нибудь ссылочка на чтиво?

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

Вопрос зачем? Просто получается, что в src будет лежать node_modules и index.js

Вопрос зачем? Просто получается, что в src будет лежать node_modules и index.js

Все обсуждение можете прочитать здесь: https://github.com/facebookincubator/create-react-app/issues/741 Результат здесь: https://github.com/facebookincubator/create-react-app/issues/1065

То есть это для IDE больше?

Мне вот кажется, что реакт какой-то сложный получается

слишком дофига надо делать,чтоб все работало

Да, да... чем дальше в лес

Да, virtual dom конечно круто.. но ей богу, делать страницу 6 часов.. а потом вернуться к старому сервер сайду и сделать ту же страницу за 5 минут

Все обсуждение можете прочитать здесь: https://github.com/facebookincubator/create-react-app/issues/741 Результат здесь: https://github.com/facebookincubator/create-react-app/issues/1065

А есть более большой проект для примера?

То есть это для IDE больше?

Нет. Это решение задачи с абсолютными путями.

А есть более большой проект для примера?

Более большой чем какой?

create-react-app-stories, но все я уже понял.

Обычная