Публикации по теме 'server-side-rendering'
Производительность виртуальной DOM SSR
Я всегда игнорировал рендеринг на стороне сервера, когда работал с библиотеками Virtual DOM, но недавно начал думать, как улучшить производительность SSR, чтобы он мог конкурировать с рендерерами шаблонов на основе строк.
Первая идея, которая пришла мне в голову, заключалась в том, чтобы использовать те же методы оптимизации , которые использовались для оптимизации рендеринга на стороне клиента. В реальных приложениях эта оптимизация должна обеспечить приличный прирост производительности,..
Рендеринг на стороне сервера против рендеринга на стороне клиента
Как работает клиентское приложение?
Пользователь отправляет запрос на веб-сайт. Браузер загружает HTML, а затем JS. Тем временем пользователь видит символ загрузки. После того, как браузер получает JS, он отправляет API-запросы через AJAX для получения динамического контента и обрабатывает его для отображения окончательного контента. После ответа сервера окончательный контент отображается с использованием обработки DOM в браузере клиента.
Поскольку этот процесс включает..
NodeJS и React SSR, необходимость нечестной игры
За пару недель до Рождества мы были готовы запустить нагрузочный тест в преддверии ожидаемого рождественского пика для нашего интернет-магазина. В течение последнего месяца мы усердно работали над созданием новых информационных страниц. Они выглядели великолепно, и мы были рады их выпустить. У нас возникает вопрос: выдержит ли наше приложение нагрузку?
Наше приложение представляет собой изоморфное приложение React, работающее на NodeJS с полным рендерингом на стороне сервера. Другие..
Как правильно зарегистрировать плагин в nuxt.js
Перевод от автора.
На мой взгляд, официальная документация nuxt.js точно не раскрывает, как правильно внедрять плагины в ваше приложение, поэтому я хочу рассказать вам об этом подробнее.
Во-первых, я покажу, какие НЕ правильные реализации я встречал на своем пути разработки.
Внимание, это НЕ правильная реализация!
Vue.use({
install(Vue) {
// here the plugin is initialized
// then added to the prototype Vue under $plugin allias
Vue.prototype.$plugin = $plugin
}
})
//..
Разверните свое приложение SSR React в Google App Engine уже сейчас!
Вы один из тех людей, которые приступают к созданию крутого веб-сайта, а затем испытывают трудности с развертыванием в облаке?
Привет, я человек.
Недавно я создал действительно классное веб-приложение ( привет Phoenix Project - веб-приложение запускается * скоро * )!
Это приложение Server-Side Rendered React (SSR), использующее мощь Razzle , инструмента, который предоставляет вам конфигурацию, необходимую для создания приложения SSR React.js. Что замечательно в Razzle, так это..
Рендеринг на стороне сервера против рендеринга на стороне клиента
Когда я недавно готовился к техническим собеседованиям, я наткнулся на концепцию рендеринга на стороне сервера (SSR) и рендеринга на стороне клиента (CSR), которые у меня не было четкого представления о том, что это означает, и в чем разница между ними. два подхода.
Во время своего исследования я понял, что это непростое решение, когда дело доходит до выбора того, какой подход реализовать на своем веб-сайте. По всем этим причинам я решил написать в блоге сообщение о том, что такое SSR..
Добавление управления состоянием с помощью Redux в проект CRA + SSR
Или как инициализировать хранилище Redux на сервере, а затем поднять его и обработать на клиенте.
Это вторая часть моей серии статей о CRA + SSR :
Обновление проекта create-react-app до SSR + разделение кода Добавление управления состоянием с помощью Redux в проект CRA + SSR
Мне лично нравится Redux, потому что он использует один объект для представления всего состояния приложения. Этот единственный объект также можно компоновать, поэтому вы можете разделить его управление..