Почему на срабатывает функция сохранения в БД в тесте Mocha?

Максим: Максим, отредактировал свой вопрос чтобы поставить метку в коде, где именно консолю user и Ваш комментарий пропал :(
В консоли выводится вот что:
{ name: 'TestUser',
password: 'testPassword2',
email: '[e-mail]',
_id: 5921e5174793651ce02344a4 }

Можно ли как-то перезапустить полностью React js SPA?

Пожалуй, да.
А просто убить (destroy()) реакт приложение совсем никак?

Можно ли как-то перезапустить полностью React js SPA?

К сожалению это не совсем корректный вариант.
Если ошибка будет повторяться после перезагрузки (допустим, это не перехваченная ошибка ajax), то браузер будет бесконечно перезагружаться.
Хотелось бы именно убивать приложение и если при повторном его запуске ошибка повторяется - следующий перезапуск через некоторое время, и этот интервал увеличивается в арифметической прогрессии.

Как понять БЭМ, и что мотивирует верстальщик в использовании его?

Это (в коде) не БЭМ. По БЭМу должно быть как-то так:

<button class="button account__button button_black button_big">
create an account
</button>

В этом коде button описывает стандартную кнопку, account__button - положение стандартной кнопки в блоке account, а button_black и button_big делает стандартную кнопку черной и большой соответственно.
Такой подход позволяет реиспользовать стили. Не копировать их снова и снова, а реиспользовать уже написанные. Ну и другие плюхи имеются.
А просто большое число подчеркиваний - это не обязательно БЭМ, это может быть просто странное именование классов

Где можно купить книгу флэнаган д. javascript. 5-издание!?

Homise: конечно 6 актуальнее. Скорее всего прочитанные тобой рекомендации просто очень старые и были написаны до выхода 6 издания.

Где можно купить книгу флэнаган д. javascript. 5-издание!?

Homise: как это на инглише? у меня уже год пылиться вполне себе на русском 6-е издание: https://www.ozon.ru/context/detail/id/19677670/

Пример работающего кода на гитхаб с локальной аутентификацией Passport, Node?

goju: а регистрацией я завтра займусь :) Поэтому пока рекомендовать ничего не буду на эту тему, пока сам не проверил

Пример работающего кода на гитхаб с локальной аутентификацией Passport, Node?

goju: первый пример полностью рабочий. У меня заработал именно в таком формате. Остальные "обрывки кода" позволяют не просто тупым копипастом его копировать, а понимать что там для чего. Каждый обрывок прокомментирован. Это важно для понимания.

Где можно купить книгу флэнаган д. javascript. 5-издание!?

А почему именно 5-е издание, а не последнее, если не секрет? Очень интересно стало.

Code-splitting (ленивая загрузка) или server rendering?

sim3x: проект пока в ранней стадии. На мой взгляд такие решения вообще лучше принимать до написания продакшен-кода, чтобы потом не было мучительно больно.
Но в целом по моим наблюдениям средний размер бандла приложения на Реакте может быть около 600кб (да-да, средняя температура по больнице :))

Как подружить owl-carousel и Angular 2?

Aleksandr Semenov: Вообще это так себе практика. Костыль.
У Вас же приличное решение с директивой есть. Попробуйте просто удалять элемент div class="owl-carousel owl-theme" перед запросом и вставлять его снова с новыми данными когда они придут. Тогда директива снова будет срабатывать. Директива *ngIf привязанная к какому-нибудь свойству позволит это сделать.

<div class="owl-carousel owl-theme"  *ngIf="carouselUpdated">
    <div class="item" *ngFor="let t of test; let l=last" [scroll]="l ? true : false">
        <h4>{{t?.name}}</h4>
    </div>
</div>

Перед аякс запросом свойство carouselUpdated ставить в false, после успешного запроса - true

Как подружить owl-carousel и Angular 2?

Aleksandr Semenov: по сути тот же коллбек с флагом, но изолированный в директиву. Очень хорошее с точки зрения чистоты кода и читабельности решение.

Как подружить owl-carousel и Angular 2?

Aleksandr Semenov: покажите пожалуйста код.
Вероятно, вы получали данные, отправляли их в шаблон и, не дождавшись отрисовки (а она асинхронная) инициализировали карусель.
Тут варианта два:
1. Инициировать карусель асинхронно:

// тут передаем данные в шаблон
// затем инициируем карусель
setTimeout(()=>{
$('.owl-carousel').owlCarousel({
....
}))
}, 0)

2. Используем вариант с каллбэком в шаблоне, но делаем флаг carouselInited=true после инициализации и проверяем его, чтобы при каждой перерисовке шаблона не инициировать повторно.

Оба варианта - костыли. Но ИМХО само наличие Jquery и его плагина в Ангуляре ведет к таким уродливым решениям.
И да, я знаю, что другого варианта нет :) Сам недавно был в аналогичной ситуации.

Как подружить owl-carousel и Angular 2?

Aleksandr Semenov: да, наверное плохая идея делать такой каллбек в шаблоне, который перерисовывается на каждый чих. Попробуйте лучше инициировать в коллбеке аякс-запроса.
Кстати, обертка там не нужна совсем, можно так сделать:

$('.owl-carousel').owlCarousel({
                loop: true,
                margin: 10,
                responsiveClass: true,
                autoWidth: false,
                navText: ["Предыдущий", "Следующий"],
                responsive: {
                    0: {
                        items: 1,
                        nav: true
                    },
                    600: {
                        items: 3,
                        nav: false
                    },
                    1000: {
                        items: 5,
                        nav: true,
                        loop: false,
                        margin: 20
                    }
                }
            });

Error: Invalid providers for "MyTableComponent" - only instances of Provider and Type are allowed, got: [?undefined?] (ANGULAR 2)?

Посмотрел код, вроде все верно. Ошибка говорит о том, что проблема с инжектируемыми сущностями. На plunker не воспроизводится.
На основании всего перечисленного могу предположить, что у Вас очень старая версия Angular, в которой был немного другой синтаксис DI и поэтому он ругается в Вас и не ругется на plunker, где используется другая версия фреймворка.

Почему не работает ReactCSSTransitionGroup?

Леонид: Леонид, спасибо за Ваш пример. Он помог мне разобрать в проблеме. Я ожидал что
"...обернут в некий элемент (span), затем на 5000 миллисекунд >>этому<< элементу добавляется один класс.."
А оказалось, что стили добавляются не ему, а его дочерним элементам. А css-стили, благодаря которым я мог бы это замерить, не работали т.к. остались из документации для transitionEnter и transitionLeave, а надо было для transitionAppear другие стили добавить.

Почему не работает ReactCSSTransitionGroup?

Да ReactCSSTransitionGroup монтируется вместе с анимируемыми элементами. Нажал кнопку - компонент вставляется в DOM, нажал еще раз - удаляется. Но хотелось бы, чтобы элемент не появлялся внезапно, а плавно открывался.

Сделал так:

< ReactCSSTransitionGroup
className="cart2"
transitionName="example"
transitionAppear={true}
transitionAppearTimeout={50000}
transitionEnter={false}
transitionLeave={false}>

Та же история - обертка из span'а с классом cart2. Специально ставлю большие значения таймаута, чтобы разглядеть добавление классов. Ничего :(

Нет ли какой-то альтернативы для анимации реакт-компонентов без шаманства с ReactCSSTransitionGroup

Почему не работает ReactCSSTransitionGroup?

Что-то тут с редактором...
вот код:
< ReactCSSTransitionGroup
className="cart2"
transitionName="example"
transitionEnterTimeout={5000}
transitionLeaveTimeout={3000}
>
{items.map(item => )}
< /ReactCSSTransitionGroup>

Почему не работает ReactCSSTransitionGroup?

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


{items.map(item => )}


Теперь все CartItem оборачиваются элементом span с классом cart2. Стили для классов .example-leave и .example-enter, конечно, подключил.

А вообще что должно происходить? Я так понимаю, что компоненты CartItem должны быть обернуты с некий элемент (span), затем на 5000 миллисекунд этому элементу добавляется один класс, или на 3000 миллисекунд другой. На эти классы можно повесить анимацию. Правильно?

Как сделать минифицированную сборку с Webpack и es2015?

Сергей Громов: надо положить папку node_modules в родительскую для обрабатываемых файлов директорию.