VueJS:
1. Если шаблоны (ejs, jade, pug, handlebar) используют vuejs
2. Состояние поддерживается внутренне и быстрее, чем реагирует
3. ES6 не требуется
4. Не удается обнаружить добавление или удаление свойств и определенные изменения массива, затем используйте метод установки, аналогичный React.
5. Приложения на основе шаблонов легче понять с первого взгляда и быстрее приступить к работе с .
6. Крупномасштабное приложение на React. Но шаблоны подвержены незаметным ошибкам во время выполнения, их трудно тестировать, их нелегко реструктурировать или разложить.
Обработка на стороне сервера React:
1. Рендеринг на стороне сервера React не требует выполнения JavaScript на стороне клиента; это позволяет оптимизировать поисковую оптимизацию прямо из коробки.
2. React Server Side проще, потому что React имеет собственную синтетическую систему событий и не требует доступа к объекту окна браузера в любое время.
3. Недостаток: Дорогой. Состояние обработки на сервере, состояние обезвоживания, отправка состояния клиенту, увлажнение состояния, разрешение взаимодействия с пользователем и отправка измененного состояния пользователю обратно на сервер; цикл начинается снова.
4. Рендеринг на стороне сервера реагирует в основном на изоморфный подход из-за того, что переданный виртуальный DOM отличается от результата.
Изоморфный:
1. В изоморфном приложении первый запрос, сделанный веб-браузером, обрабатывается сервером, а последующие запросы обрабатываются клиентом.
2. Вот как обрабатывается запрос данных о стране изоморфным приложением:
a. Мы щелкнули ссылку страны в / country.
b. React перехватил событие щелчка и остановил распространение.
c. React отправил в MongoDB запрос XMLHttpRequest для получения статьи.
d. React передал данные страны в шаблон страны и обработал его.
3. Преимущества:
a. Запрос первой страницы выполняется быстро, а последующие - еще быстрее
b. SPA, где первый запрос используется для загрузки приложения, а затем выполняется круговой обход, чтобы получить то, что было запрошено.
c. Код меньше, так как он используется как клиентом, так и сервером.
Handlebar:
1. Шаблон - ›рендеринг на стороне сервера
2. Node + Express также имеет поддержку SEO, но без последствий вы не можете запустить весь JavaScript для рендеринга HTML.
3. Надмножество усов.
4. Не могу написать много логики JavaScript внутри шаблонов. Следовательно, представление данных (без бизнес-логики).
5. Чистый синтаксис на основе HTML по сравнению с отступами на основе другого механизма шаблонов
6. Выражение Handlebars: ‹h1› {{title}} ‹/ h1 ›
7. Итерация: встроенные хелперы. each = › @key и @index
‹div›
{{#each languages}}
‹p› {{ @index }}. {{this}} ‹/p›
{{/ each}}
‹/div›
8. По умолчанию Handlebars экранирует значения. Если вы не хотите, чтобы Handlebars экранировал значение, используйте тройные фигурные скобки: {{{and}}}.
9. unescaped: ‹i› italic ‹/i› vs escaped: iitalic / i
10. Другие помощники: if, else, if (если нет), with (объект с вложенными свойствами)