но раньше чем через пару месяцев я до этого всяко не дойду

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

дойдёшь до spa

позвони

ну под SPA на рельсах я больше подразумеваю какой-нибудь ангуляр

зачем для SPA рельсы?

это оксюморон

SPA должно быть полностью отдельным и независимым

это обычное клиентское приложение

если его не связывать с рельсами, то гораздо проще

потому что куча материалов и ты не мешаешь консерны

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

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

Я предполагаю, что учиться нужно в итоге на сложных задачах

чему?

рельсам ну и вобше fullstack разработке в частности

во-первых, забей на фуллстек, это гиблое дело

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

а если ты занимаешься фронтом, то тебе нет смысла лезть в бэк

я знаю, регулярно за алкоголем, знакмые фронты плачутся :)

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

по моему мнению

потому что миры достаточно сильно разделены

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

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

что-то такое в планах и есть - рельсо приложенька - это тупо бизнес логика + апи для фронта, а фронт отдельно уже

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

Правила у нас тут сложные, и я их не знаю, можете счесть за рекламу. Антон Давыдов и еще один чувак запилили канал в телеграме со всякими руби штуками. Делюсь ссылкой https://telegram.me/rubynontrivial

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

Да, получается. Этим же апи потенциально может пользоваться мобильное приложение или весь интернет и это не будет требовать переписывания бэкенда

gem 'react-rails', '~> 1.10.0' и погнал

ахахахахах

ну ну

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

как интересно... что у меня в проектах? :)

А никто не видел туториалов по тому как с 0 до деплоя работать с Rails API + React?

а что конкретно не понятно?

С момента когда у меня есть API и мне нужно прикрутить к нему React.

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

стоп

что значит прикрутить?

зачем фронт и бэк связывать?

и вот где-то здесь у меня уже начинается помутнение. :) вот разъясните, если можно. какая разница между тем, что бы установить гем с реактом и чтобы сделать api и (честно говоря не знаю как оно должно все работать и как там все связано) с помощью nodejs и react'a делать запросы в api и обновлять страницу.

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

плюс, гемы вроде как не позволяют 100% SPA делать, там косяки с пререндером и meta тэгами.

Хорошая схема - держать фронт и бэк в одном репозитории (если проект не большой) но в разных папках.

т.е есть гит репозиторий, в нем две папки - frontend, backend

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

при этом архитектурно они друг от друга будут отвязаны.

Засовывать реакт в assets pipeline это буээ.

любят папку в rails проекте делать "client" в большинстве репозиториев вижу такое

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

по мне так подпапка client неудобна, но это моя вкусовщина.

фронту незачем в бэк лезть, бэку во фронт.

ну, а если вникнуть в технические детали? то мы что-то типа nodejs проекта создаем с react js (с nodejs не работал, не знаю что и как там) и поднимаем на одном порте, а на другом rails api? и потом как-то делаем запросы на rails api(думаю в гугле примеров много как react с api работает)?

nodejs это бэкенд

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

если тебе нужна для этого нода, то ты все правильно описал

но фронт может и нджинкс отдавать

nginx в девелопменте ?

если тебе не нужен сервер сайд рендеринг и тд

если тебе не нужен сервер сайд рендеринг и тд

Сто проц понадобится. "а чего это мы в поисковиках не появляемся? аааааа неееет"

но я не шарю

если тебе нужна для этого нода, то ты все правильно описал

я просто вижу, что её постоянно в репах используют таких, вот и упомнул, а в какой роли её используют, то я не знаю

через ноду работает система сборки

которая тебе js бандл выдает

а webpack сам, без nodejs, никак?

webpack это javascript

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

не, если делаешь SPA на реакте то даже не думай юзать assets pipeline

ERROR: S client not available

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

миллион зависимостей чего?

ты систему сборки сам будешь собирать

поставишь вебпак, подымешь dev сервер и т.д

можно глянуть в create-react-app (но он слабый говорят)

а так ты будешь системе сборки сам все зависимости ставить, и системе сборки их указывать.

Там вообще разных подходов миллион.

вот вроде бы у него нашёл npm install -g eslint-config-react-app@0.3.0 eslint@3.8.1 babel-eslint@7.0.0 eslint-plugin-react@6.4.1 eslint-plugin-import@2.0.1 eslint-plugin-jsx-a11y@2.2.3 eslint-plugin-flowtype@2.21.0

у него это у кого?

create-react-app

это линтер

это линтер, лол

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

как настроишь опять же, весь js это сборище велосипедов с DYI.

подсвечивать огрехи? это на каком этапе это будет происходить?

что-то типа рубокопа для js?

да, он самый

на каком этапе? как настроишь

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

также как и с рубокопом.

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

спасибо большое.

nodejs - js движок который позволяет запускать какие то js скрипты не в браузере

например тот же webpack

Также можно написать js скрипт простой который поднимет webpack-dev-server

таким образом у тебя система сборки есть которая отдает index.html и бандлы, и прочие ассеты.

опять же, как настроишь.

Дальше рядом запускаешь rails-api сервер

все, просто делаешь запросы с фронта на бэк. Он на отдельном порту висит.

Также можно написать js скрипт простой который поднимет webpack-dev-server

> webpack-dev-server по-моему, это подразумевает, что для production не годится

Щито?

ну типо dev