Yustas Alexu

При чтении и записи в свойство экземпляра данного класса

const instance = new Name();
const name = instance.name; // чтение свойства, вызовется геттер класса Name.
instance.valueName = 'John'; // запись в свойство, вызовется сеттер класса Name.

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

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

Попробуйте так:

.flex-inner li {
  display: flex;
  align-items: center;
}

В случае с Laravel все очень просто объясняется: Vue поставляется из коробки вместе с Laravel. А Nuxt.js это SSR-обертка над Vue.
В случае с Джангой тоже все просто. Люди пишущие на питоне никогда не будут писать на ноде, если их не заставить ) Причины чисто психологические, с возможностями языка это никак не связано.

Открыв сайт Instagram в браузере и посмотрев код, заметил, что классы имеют очень странные и нелогичные имена наподобие "McUv5" или "Cfe3N". Причем имена классов для одних и тех же элементов иногда меняются на другие, но такие же бессмысленные. Как мне кажется, это сделано, чтобы препятствовать парсингу страницы. Если я неправ, то зачем элементам даются такие классы? И еще. Как это реализовывается? С помощью чего? И где можно про это подробнее прочитать?

Instagram написан на React. Названия классов генерируются автоматически, это называется css-in-js.

NODE_ENV проверить нельзя так как может быть и локальный запуск в продакшен.

Заведите еще одну переменную и передавайте в нее окружение при запуске приложения.

Цикл здесь не нужен. Нужно сделать для них один класс, например tolik-hide и сделать так:

$(".tolik-hide").click(function () {
    $(this).slideToggle("slow");
    $(this).css("display", "none");
});

Во многих туториалах, для запуска react приложения используют npm. Зачем? React это просто js библиотека, которую можно подключить с помощью тех же cdn и просто открыть .html в браузере.

Именно с реактом так не получится, если цель написать что-то сложнее Hello world.

Полагаю, с помощью npm start запускают сервер и вешают на порт локалки, так ли это?

npm start это всего-лишь команда в package.json, запускать она может что угодно. В случае с webpack она обычно запускает webpack-dev-server, который слушает какой-нибудь порт на localhost и отдает статику по этому порту. Это локальная замена веб-сервера, для удобной разработки. При сборке для настоящего сервера используют другую команду.

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

Можно, но webpack-dev-server автоматически обновляет страницу при изменении кода (live reload). Плюс при запуске html из файловой системы , ссылки начинающиеся от '/' будут работать от рута файловой системы, а не от url. И вообще будут проблемы со ссылками.

И что если бек на пыхе? Получается будут смешаны файлы пыхы и ноды? Это же куча ненужных файлов

Бэк на пыхе должен быть отдельным проектом, потому что реакт обычно работает с бэкендом через REST API. Это значит, что бэк может быть вообще на другом сервере и в другой стране.

Во многих туториалах так же прописывают различные import-ы различных библиотек. Это относится к реакту или к nodejs-приложению?

import/export это часть языка JavaScript стандартизированная спецификацией EcmaScript. Поэтому эту часть синтаксиса еще называют esm (EcmaScript modules). Стандарт уже реализован в современных браузерах и недавних версиях NodeJS. Но для обспечения совместимости с разными бибилиотеками еще не использующими стандартный import/export нужен сборщик типа webpack.

Примерно так:

const firstChild = document.querySelector('#select option:first-child');
if (firstChild.classList.contains('selected')) {
  // do something
}

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

Connect {
      props: {},
      context: {},

Слово Connect в самом начале как бы намекает, что компонент видимо обернут в connect и естественно никакого метода testSum там не будет.

React.lazy нужен для асинхронной подгрузки компонентов. Использовать можно в случаях когда заранее неизвестно откуда нужно импортить компонент. Собственно в нем и используется асинхронный импорт.

const MyLazyComp = React.lazy(() => import(`Comps/${path}`));

Можно использовать например с react-router для асинхронной подгрузки страниц по требованию.

HTML, CSS, JS(слабые знания)

Прокачивайте лучше чистый JavaScript. Замахиваться на реакт и тем более ноду вам еще очень рано. Реакт требует серьезных знаний чистого JavaScript. Нода как минимум требует понимания асинхронной модели JS на фундаментальном уровне.

Это короткая запись для:

handleFahrenheitChange(temperature) {
    this.setState({
        scale: 'f', 
        temperature: temperature
    });
}