Anubis

Адрес меняется - html5 history api или window.onhashchange.

Бесконечная прокрутка - примерный принцип такой: слушать событие прокрутки, при скором приближении конца страницы делать очередной ajax-запрос следующей пачки новостей, запомнить id самой последней в списке, отрисовать внизу полученные новости. При следующем приближении к концу прокручиваемой страницы повторить с отправкой запомненного id и сохранить свежеполученный. Повторять пока юзер не просмотрит всю базу чего бы это ему не стоило.

Единственное, что может быть вредоносным в подключаемом через link стилевом файле - его гигантский размер

1) https://www.npmjs.com/package/mobile-detect

2)

import MobileDetect from 'mobile-detect';

const md = new MobileDetect(window.navigator.userAgent);

const isMobile = md.mobile() != null;

3) Имея под рукой значение isMobile, управляете дальнейшей логикой. Например, как в варианте от antoo

В less и sass так:

.some-class {
  // До 576
  color: cyan;
  font-size: 20px;
  // От 576
  @media (min-width: 576px) {
    color: red;
    font-size: 14px;
  }
}

transform3d, коэффициенты определять через js - на основе позиции курсора на компоенте относительно его ширины и высоты

js - eslint
ts - tslint

php за борт, api на node.js, клиент бандлить через webpack и отдавать на разработке через webpack-dev-server, а на продакшне через nginx

1) Грузим первые N записей и получаем признак есть ли ещё записи после них
2) Запоминаем id последней загруженной и признак есть ли ещё
3) Если есть ещё, показываем кнопку "Загрузить ещё", на нет и суда нет, return;
4) При нажатии кнопки "Загрузить ещё" передаём сохранённый id, чтобы бэкенд грузил следующие с id меньше, чем мы передали
Повторить пока не юзер не загрузит все оставшиеся записи

Начинал с php + примитивный js (сайты). Затем выпускал php + actionscript 3 (игры), затем c# (игры уже не на флэше, а на юнити), затем немного мобильных приложений (objective c), после вернулся в мир js, который в тот момент переживал значительные изменения (es6, webpack, react, vue...). Не сложно, правда в моём случае люблю писать именно сайты и игры.

Вижу обращение к переменной photos в листинге обработчик-post
Не вижу её объявления
Может, const photos = Photo.aggregate...?

• layouts - целиковые страницы: главная, авторизация, регистрация
  Внутри для каждой страницы папка, в которой можно держать сколь угодно относящихся только к этой странице компонентов - шапка этой страницы, меню этой страницы, вспомогательная фигня этой страницы, подвал этой страницы
  
• components - повторно используемые в разных местах компоненты - инпуты, селекторы, галереи, эмбед видеоплеера и т.д.
  Также можно выделять сюда куски страниц (шапки, подвалы), используемые в нескольких layouts
  
• styles - общеиспользуемые стили (здесь можно задать некий index с подключением к нему reset/normalize, шрифтов, эмоджи и т.д., а затем подключать его к App.jsx)
  

Опционально можно выделить отдельную папку для App.jsx (при желании папку styles можно перенести туда же), либо определить его в layouts, как больше нравится, тут субъективно опираемся на внутреннее чувство фэн-шуя

test: /\.jsx?$/,
loader: 'babel-loader'

.babelrc presets env & react

Ну и npm i --save-dev их все соответственно