Как использовать React + .scss?

dhat: Это называется Tagged Template string, фишка ES6. styled - функция, которая принимает компонент (или строку, типа div, h1) и возвращает функцию. Через `...` мы вызываем эту функцию, которой передаем интерполяции. Можно на основе props менять свойства CSS, например:

const BG = "red";
styled("span")`
  border: 1px solid ${props => props.blue ? "blue": "green"};
  backround-color: ${BG};
`

styled вставляет в head документа обработанный PostCSS-ом css-код, а уже компоненту в props подмешивает className. className получается как при CSS-modules - хеш

Есть пример best practices простого CRUD приложения Node.js + Express.js в ООП стиле со всеми фишками ES6?

Владислав Хвостов: Под бинарником имеется ввиду транспилированный JS? Да, можно собирать код перед запуском, но как его отлаживать то? Сорсмапы и все такое - это костыли. В Ноде 6 есть все нужное из ES6. Тащить бабел ради этого смысла не вижу

Есть пример best practices простого CRUD приложения Node.js + Express.js в ООП стиле со всеми фишками ES6?

Владислав Хвостов: babel на сервере это очень плохо. Лучше предварительно обработать JS или забить на ES7. Новые версии JS это какой-то ужас

Есть пример best practices простого CRUD приложения Node.js + Express.js в ООП стиле со всеми фишками ES6?

Владислав Хвостов: Я знаю про существование Koa. Но Koa не решает проблему, когда мы делаем запрос к базе и получаем лесенку колбеков. И да, в Koa нет промисов. Или я плохо искал?

Есть пример best practices простого CRUD приложения Node.js + Express.js в ООП стиле со всеми фишками ES6?

Владислав Хвостов: Express не тот проект, что должен обновляться каждый день. Стабильная кодовая база, полный минимализм. Если чего не хватает - запиливаешь сам. И причем тут callback hell? Есть Promise, генераторы - мало этого что-ли? У меня только один раз в жизни было, когда лесенка колбеков дошла до 80 линии, и это было в 04:00, когда мозг хотел спать. На следующий день я переписал этот участок и заняло это у меня буквально 5 минут

Есть пример best practices простого CRUD приложения Node.js + Express.js в ООП стиле со всеми фишками ES6?

g00dv1n: Недавно работал в одном проекте, там как раз был Babel на сервере. Тимлид так хотел, пришлось прикручивать. Жрало память как не в себя. async/await вообще не приемлю. Смысл так извращать JS? Был самым простым языком, а скоро Java обгонит по сложности. Co должно быть за глаза

Есть пример best practices простого CRUD приложения Node.js + Express.js в ООП стиле со всеми фишками ES6?

В чем старость Express? Живее всех живых!

Реально ли "урезать" JQuery?

Если тебе нужен только ajax, то попробуй лучше Fetch API. jQuery в большинстве случаев вообще не нужен.

Почему (function($){…})(jQuery)?

Что бы изолировать данные от глобального скоупа.
Если ты не будешь оборачивать код в функцию, то все твои переменные будут доступны через window

Как локально сохранить файл на фронтенде?

blob = new Blob([data], {type: mimetype})
url = URL.createObjectURL(blob)

url = строка, которая содержит blob. Можно строку сохранить в localStorage. А читать blob с помощью File API

Можно ли сверстать на flex книжную ориентацию элементов?

Рекомендую посмотреть на новое свойство СSS4 под названием grid. Оно позволяет создавать респонсивные сетки на подобие flexbox

Чьи исходники почитать фронтенду, чтобы набраться хороших практик?

Хочу добавить, что HTML разметки мало. Может сайт будет на UglifyJS + CSS Modules, и в итоге вместо классов в CSS будут хеши, а JS будет очень непонятным. Правильнее всего смотреть на boilerplate проекты на гитхабе.

Чьи исходники почитать фронтенду, чтобы набраться хороших практик?

Юрий Матюхин: https://github.com/iliakan/javascript-nodejs

Зачем нужно анонимную функцию оборачивать в скобки?

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

(function() {
this === window; // Browser
this === global; // Node.js
const localVar = 12; // window.localVar: undefined
this.var = 14; // window.var = 14
}).call(this)

Или можно так: !!function(){somecode}

Как сверстать меню по типу flex-box (justify-content: space-between)?

Попробуй полифилл Flexibility, также нужно обработать CSS, что бы было еще и display: -js-flex и т.д.

Чьи исходники почитать фронтенду, чтобы набраться хороших практик?

Зайди на гитхаб Ильи Кантора, особенно на репозиторий с исходниками learn.javascript.ru

Как заполнить HTML контентом из JSON через mustache/handlebars?

MaxRumata: Шаблон - это строка, которую можно хранить как в самом JS, так и в HTML-документе в теге скрипт. Например: или ссылка на codepen: codepen.io/yogurt1/pen/mEvqOp

Gulp или Webpack?

someserj: если у тебя простой проект, то может и хватить галпа, если у тебя очень сложное одностраничное приложение на React или чем-нибудь другом - то лучше Webpack. А если кроме сборки тебе еще и нужно управлять задачами, типо линтинга, тестов, генерации документации - то надо прикручивать галп