Публикации по теме 'server-side-rendering'
Полное руководство по освоению Next.js (часть 3 из 3)
В предыдущем посте мы рассмотрели различные типы рендеринга, которые предлагает Next.js, и как выбрать лучший из них или их комбинацию, подходящую для вашего случая использования.
В этом блоге мы рассмотрим, как ваше приложение Next.js имеет значительное преимущество перед ванильными приложениями React, когда дело доходит до SEO.
Проблема с одностраничными приложениями (SPA)
Перед созданием одностраничного приложения или приложения с рендерингом на стороне сервера следует подумать о..
Рендеринг на стороне сервера в React 18
Без NextJS или других фреймворков.
React — это библиотека, обычно используемая для разработки одностраничных приложений (SPA), которые в значительной степени зависят от JavaScript.
На самом деле, когда запрос делается из браузера, React возвращает пустую HTML-страницу, а контент фактически загружается с помощью JavaScript после начальной загрузки страницы.
Хотя этот подход работает, следует учитывать несколько существенных недостатков.
Плохо для поисковой оптимизации (SEO),..
Измените свой опыт работы с Angular SSR с помощью неразрушающей гидратации
Angular 16, наконец, утоляет нашу жажду этой функции, которая революционизирует рендеринг на стороне сервера.
Кандидат на выпуск Angular 16 представляет долгожданную функцию , которая произведет революцию в работе с Angular SSR: неразрушающая гидратация .
Эта функция может улучшить показатели Core Web Vitals , повысить производительность SEO и даже избавиться от ужасного мерцания приложений Angular Universal. Команда Angular недавно подтвердила, что улучшение рендеринга на..
Рендеринг на стороне сервера в React - ExpressJS
Как настроить приложение React для рендеринга как на сервере, так и на клиенте, используя платформу ExpressJS.
В своей предыдущей статье о рендеринге на стороне сервера в React я кратко описал идею изоморфных и универсальных приложений. Я также показал преимущества и недостатки этого подхода. Сегодня я перейду к делу и покажу вам, как настроить универсальное приложение React с помощью фреймворка ExpressJS !
Сначала я опишу, как настроить приложение для клиента, а затем..
React Multiple Items Carousel с реализацией рендеринга на стороне сервера, часть вторая
Для этого урока я сделал две разные версии карусели, первая версия — это та, которую мы создаем в этом посте, с базовой функциональностью, которую легче понять и которая удобна для начинающих.
Вторая версия выполнена в виде пакета npm, который представляет собой улучшенную версию первой версии, которую можно использовать повторно и которая позволяет настраивать дополнительные функциональные возможности. Вы можете найти здесь и здесь .
Резюме
В первой части статьи мы решили, что..
Архитектура острова Астрос и гибкость Framework
Astro выпустила версию 1.0.0 09.08.2022 и поэтому готова к производству. Я думаю, сейчас самое время взглянуть на их островную архитектуру и проверить, возможно ли параллельное использование разных фреймворков.
Что мы будем делать?
Мы создаем приложение Astro, которое отображает компонент счетчика в React, Svelte и Vue. Мы намеренно вынесем некоторые компоненты из области просмотра, чтобы увидеть, когда загружается их javascript, и попытаемся, чтобы компоненты взаимодействовали..
Визуализация на стороне сервера с помощью Nightmare
Эта статья была впервые опубликована на CSS Tricks .
Следите за автором в Твиттере, чтобы узнать больше .
Это выдержка из главы 11 книги Эшли Дэвис Обработка данных с помощью JavaScript , которая теперь доступна в рамках Программы раннего доступа Manning . Весь пример кода и данные можно найти на GitHub .
При выполнении исследовательского кодирования или анализа данных в Node.js очень полезно иметь возможность визуализировать наши данные. Если бы мы работали в браузерном..
