strelok011

Возможно эта инструкция поможет.
https://medium.com/@svinkle/how-to-deploy-a-react-...

Приоритеты - materializecss, foundation
от бутстрапа уже тошнит
Определитесь, что вы умеете и что ждете от фреймворков.
Есть, к примеру, sceleton и подобные фреймворки, которые не ограничивают вашу фантазию, зато дают костыли в адаптиве.

Исходя из опыта верстки более 10 лет могу предложить следующие комбинации:
1. Нужно быстро собрать готовый сайт - в зависимости от предпочтений и внешней стилистики пользуем materializecss, foundation, bootstrap
2. Нужны костыли в виде сетки и адаптива - используем части тех же фреймворков, без лишнего мусора, либо используем чистые сетки, благо их выходит регулярно и весьма неплохих. Хотите на флоатах, хотите на гридах.
3. Вы ушли во фронтэнд? херачите в реакте/агуляре? Тут вас тоже ждали :)
Для реакта мегамогучий material-ui, для ангуляра он же, но куцый (сдохни ангуляр?)

Верстаете сами... хм... Эхххх молодежь.... Я в ваше время... Ых...

Отойдем от костылей в виде готовых фреймворков.

Смотрим на технологии:
1. sass, less - фреймворки для ультраудобного написания классов. не проходите мимо.
2. вас обидел html? смотрим на pug. Его даже в angular можно пользовать (html templates в ангуляре тот еще архаизм, и pug тут реально выглядит как имплант у стоматолога)
3. пошли в фронтэнд - CSSInJs. Но не зная css - тут делать нечего.
... будут вопросы или что еще вспомню, напишу в комментах.

В разработке можно использовать линтеры с соглашениями по стилям от airbnb к примеру.

Они помогают оформлять код единообразно и читабельно.
В таких линтерах или претифаерах атрибуты могут быть выстроены в линию до определенного кол-ва символов (сейчас не помню), чтобы влезало на экран редактора без горизонтальной прокрутки. Если переполняет, то оформляется как первый указанный вариант.

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

добавьте переопределение submit для вашей формы. По клику на кнопку submit браузер игнорирует js и обрабатывает по стандарту отправку формы.

используйте что-то вроде

function mySubmitFunction(e) {
  e.preventDefault();
  someBug();
  return false;
}

или

function mySubmit(e) { 
  e.preventDefault(); 
  try {
   someBug();
  } catch (e) {
   throw new Error(e.message);
  }
  return false;
}

Для начала нужно определить для себя две большие разницы как-грится.
Что сейчас на ум пришло
1. есть нативные языки типа свифта, в которых толком верстки, близкой к вебу, нет и в помине
2. есть вариант Apache Cordova, PhoneGap - это фреймворки, позволяющие использовать веб-вью, т.е. показывающие обычную верстку в окошке "реального" приложения (чем-то напоминает PWA).
3. есть react native - фреймворк, ипользующий для бизнес-логики реакте (то бишь js), но визуальную часть и все взаимодействия с железом реализующий через нативные прокладки (т.е. написанные на языке, родном для оси). Из плюсов - можно делать сразу под андроид и под iOS, верстать очень похоже типа как для веба (не очень много "ньюансов"), из минусов - как только нативная библиотека скажет "нимагу", то вы попали :)
4. Ну и есть собственно PWA (Progressive Web Applications) приложения.

Везде свои нюансы, особенности и подводные камни. Бесплатный сыр, знаете ли...

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