Как работает populate в mongoose?

Андрей, что-то Вам долго не отвечают) Во-первых, Вы указали type: Schema.Types.ObjectId, а преобразовать к ObjectId можно только строку из 24 символов (вроде 24-х...). Во-вторых, если id пользователя - это не ObjectId, а, скажем, Number - Вы запросто можете сделать members: [{type: Number, ref: 'User'}], но при этом у пользователя должно быть указано id: Number

Как реализовать анимацию в актуальной странице при навигации?

Alexandr199, я понял, что Вам нужно))
Lazy и Suspence, и все прочее работает так, как Вы спроектируете. Способ "с наскока" - в качестве фолбэка ставить текущую страницу. Тогда она будет показываться до тех пор, пока промис не разрешится. Способ получше - использовать рендер-проп для <Route />. И он решает, что показывать пользователю. Способ давольно универсальный. Можно даже анимировать не только лоадер, но и саму смену страничек: react-transition-group.

Также не обязательно проводить некие операции с <Route />, можно и с <NavLink /> поиграться - добавил в свой ответ, перечитайте. Надеюсь, теперь помог!

Как реализовать анимацию в актуальной странице при навигации?

Динамический импорт полезен, если мы заранее не знаем, что за страницу грузим (сайт состоит из большого числа страниц с большим количеством статики).

Как реализовать анимацию в актуальной странице при навигации?

Я так понимаю этот эффект достигается с помощью useHistory когда при get запросе сперва включается анимация, а потом когда данные пришли успешно тебя перекидывает?

Примерно как-то так тоже можно, как вариант. Похоже на мой вариант во второй части ответа (с редаксом).

Каковы best practice по использованию React вместе с PHP-шаблонизаторами (Blade, Twig)?

Пожалуйста, Дмитрий)

Как задать if-else в стилях?

CryNet, Тогда Ваш способ, описанный в вопросе, верен. Ошибка, скорее всего, потому что передаете число. Попробуйте передавать строку (можно использовать "обратные кавычки"):

<p
    style={
        SIZES.MAX > 0 ? {
            bottom:  `${(669 * size) / SIZES.MAX}px`,
            color: `red`
        } : {
            bottom:  `${(669 * size)}px`,
            color: `blue`
        }
    }
>

Как задать if-else в стилях?

Может быть так имелось ввиду:

<p
  style={{ bottom: (SIZES.MAX > 0) ? ((669 * size) / SIZES.MAX) : (669 * size) }}
>

?

Авторизация. Как лучше всего ее организовать?

Пожалуйста, dpablo_escobarr!) Успехов в освоении авторизации!

Авторизация. Как лучше всего ее организовать?

И, наконец, обобщим.

1. Пользователь отправляет логин/пароль серверу. Сервер сверяется с базой, записывает сессию в БД, выдает JWT-пару (access, refresh), или ошибку.
   
2. Далее, пока access валиден, обращаемся к серверу, посылая в заголовках authorization: Bearer .
   
3. Сервер дешифрует jwt, если все ок - разрешает доступ к ресурсу, если нет - ошибка.
   
4. Если access становится невалидным (протух) - стучимся на сервер с refresh в теле запроса (тут есть варианты - можно на клиенте проверить валидность токена, и если он протух, то сразу отсылать refresh, чтобы избежать лишнего запроса)
   
5. Сервер при получении refresh (в нашем случае на роуте sessionRouter.post('/refresh', auth.refreshSession))отдает новую пару refresh/access, при этом обновляет данные в БД
   

Дополнительно можно реализовать прерывание сессии (если пользователь долго не активен или закрыл браузер) - в роутинге я назвал это sessionRouter.post('/interrupt', auth.interruptSession).

Еще раз отмечу, что не всегда именно так. На каждом этапе есть варианты, начиная от общих принципов и заканчивая вопросом "что хранить в базе в качестве сессии?". Но если бы, скажем, я выполнял тестовое задание по авторизации, сделал бы примерно так. Наконец, замечу, что если Вы рассматриваете авторизацию через сессионные куки и хотите сделать как можно проще - можно просто использовать Passport-local с сессиями - там все гораздо проще.

Если возникнут дополнительные более конкретные вопросы - постараюсь ответить.

Авторизация. Как лучше всего ее организовать?

Вопрос не то, чтобы сложный, но обширный. Все зависит от используемого стека, хотите все сделать самостоятельно или с использованием mpm-пакетов, от потребностей и функционала (нужна ли функция автологина - "запомнить меня"), от степени защиты, от общей архитектуры приложения - используется SSR с шаблонизатором, скажем, PUG, или же рендеринг происходит на клиенте (React), а есть ведь еще и React-SSR, и и т.д.. В чем разница? Ну, если, например, мы будем использовать шаблонизатор (клиент не сложный, скажем, условно простой сайт) с SSR, то можно (хотя и не обязательно) использовать сессионные куки, если же это клиентский рендеринг на React или React Native - куками пользоваться затруднительно, тут обычно токены. И, наконец, отмечу, что готового ответа не существует (именно потому, что все зависит от многих параметров), есть много способов, которые можно комбинировать, выбирать необходимое, оптимизировать. В этом и проявляется Ваш уровень архитектора ПО. Постараюсь описать какие-то основные принципы в своем ответе.

Как реализовать такой функционал на MERN?

Пожалуйста, DeniSidorenko, обращайтесь) !

Первая верстка. Как вам?

Пожалуйста, рад помочь!) Изучайте, получите много удовольствия)

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

Пожалуйста! Рад помочь!)

Какими технологиями стоит пользоваться при создании CMS на js?

Не сказал бы, что по PHP слишком уж много материала) По Node гораздо больше, если сравнивать эти две технологии.