Итак, два нубо-вопроса по гранту.
1. Когда я прописываю в командной строке grunt serve, начинает выполняться только browserSync, по идее за ним должен запуститься таск watch, но этого не происходит, и мне приходится запускать его в отдельной вкладке консоли. Почему так?

2. В списке файлов у browserSync прописан ".html", то есть должны обновляться все файлы с расширением html, но обновляется в итоге только "index.html", хотя рядом с ним лежат еще несколько html файлов. Чего я не так понимаю?

module.exports = function(grunt) {
require('load-grunt-tasks')(grunt);

grunt.initConfig({
sass: {
style: {
files: {
"css/style.css": "sass/style.scss"
}
}
},

postcss: {
options: {
processors: [
require('autoprefixer')({browsers:
[
"last 1 version",
"last 2 Chrome versions",
"last 2 Firefox versions",
"last 2 Opera versions",
"last 2 Edge versions"
]})
]
},
style: {src: "css/.css"}
},

watch: {
style: {
files: ["sass//.scss"],
tasks: ["sass", "postcss"]
}
},

browserSync: {
server: {
bsFiles: {
src: [".html", "css/*.css"]
},
options: {
server: "."
}
}
}

});

grunt.registerTask("serve", ["browserSync", "watch"]);
};

>>200422

> Чет не смог нпм ран прожать, какую-то ошибку дало.

Скорее всего у тебя просто postgresql не врублен. Ну и еще нужно .env файл создать с переменными окружения heroku. И я запускаю сервак через команду heroku local, а для этого надо сначала приложу инициировать.

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

Там Universal Router используется, от создателей боилейплейта. Я бы мог его конечно поменять на более привычный React Router, но и этот тоже неплох. В папке components находятся компоненты общего назначения, типа того же видео плеера, а в routes уже компоненты под конкретный роут, типа того же /about.

>А когда подключаешь например в еррорсах сss лист - он же только локально к этому модулю применяется? как это работает?

Там специальная либа есть, называется css modules. Она генерит названия классов под конкретный компонент, очень удобно ибо не нужно изъебываться с названиями и переживать из-за того, что какие-то внезапные конфликты будут.

>Хуя ты плеер свой написал, как он работает? Ну то есть я вижу кучу событий типа увеличения громкости, но если вкратце, то это тип обертка над обычным хтмл5 видео или что-то другое?

Да, обертка. Дизайн спиздил с ютуба, родные элементы управления скрыл и добавил свои, навесив события и управляя видео с помощью HTML5 video API. Ничего сложного нет на самом деле. Хотел еще превьюшки добавить при наведении на таймлайн, но потом подумал, что для такого формата оно нахуй не нужно, видео слишком короткие.

>Хочу такое сделать, у меня давно была идея сделать апп: аниме + япсаб и перевод по клику с занесением в словарь.

Вроде бы у HTML5 video есть нативная поддержка субтитров, так что почему бы и нет? Делай.

>В утилсах получается лежит все что не связано с основным кодом типа кукисов?

Ну да, всякие тулзы, хелперы и прочее. Алсо, насчет этой фразы, у меня там просто так сделано, что при запросе случайной вебмки из выборки выключаются видео, которые юзер дизлайкнул. Соотвественно, если юзер дебик и решит дизлайкнуть абсолютно все видео, то его ждет вот такая вот "пасхалка". Правда, она еще появлется когда в базе совсем вебмок нет.

>Про изоморфность не понял бтв. Да хз где редакс нужен, я и в тудулисте редакс использовал, мне норм)

Изоморфность это переиспользование одного и того же кода на сервере и на клиенте. Ну и сюда же соответственно серверный рендеринг относится. Но чтобы его эффективно использовать нужно шарить стейт между клиентом и сервером, иначе каждый раз при роутинге будут по два раза данные запрашиваться, что сам понимаешь не очень хорошо сказывается на производительности. Ну а редакс нужен тогда, когда нужно шарить состояние между компонентами. Например есть в интернет-магазине корзина с товарами и эти данные используются в разных компонентах, как например компонент товара. Мы жмем на кнопку "Добавить" и товар добавляется в корзину, сразу обновляя другие компоненты, которые тоже завязаны на эту корзину. Если же у тебя компоненты обособлены и каждый хранит свое состояние и делиться им не нужно, то и редакс не нужен.