Ответы пользователя по тегу Server-Side Rendering
  • Как работает SSR-Rendering в NODEJS и почему он отличается от PHP?

    rockon404
    @rockon404
    Frontend Developer
    Потому что на PHP вы максимум используете шустрый шаблонизатор.
    Nuxt использует для рендера Vue, вычисления которого несколько сложней.

    Ну то есть вместо nodejs можно было бы и PHP использовать для серверного рендеринга.

    Хотите - используйте, но вы лишитесь преимуществ, которые дает изоморфный код.

    Сравнивать производительность PHP и Node, в вашем случае, не корректно. Так как дело в конкретных инструментах которые вы используете.
    Ответ написан
    7 комментариев
  • Как работает Server Side Rendering?

    rockon404
    @rockon404
    Frontend Developer
    Разные разработчики решают этот вопрос по-разному. Фреймворки лишь предоставляют API для статического рендера, а все архитектурные решения ложатся на плечи разработчиков.

    Возможно, вам стоит обратить внимание на готовые решения вроде next и nuxt.
    Ответ написан
    Комментировать
  • Почему webpack ругается на импорт React компонента?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Замените:
    test: /\.js$/,
    на:
    test: /\.jsx?$/,
    Ответ написан
    Комментировать
  • Какой SSR выбрать для SPA React+Redux?

    rockon404
    @rockon404
    Frontend Developer
    На самом деле руками не так долго написать, используя лишь ReactDOMServer.renderToString и опционально чего-нибудь вроде react-frontload и axios-cache-adapter.

    Тут главное учитывать важное отличие изоморфного кода - никаких изменяющих состояние глобальных переменных или глобальных конфигураций со стороны серверной точки входа быть не должно.

    Еще как вариант посмотреть чужие решения на Github и использовать то, которое подойдет наилучшим образом.
    Ответ написан
    Комментировать
  • Как использовать SSR посредством react-dom/server с CSS Modules?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Что-то неправильно делаете:
    import React from 'react';
    import { renderToStaticMarkup } from 'react-dom/server';
    import styles from './MyModule.module.css';
    
    const html = renderToStaticMarkup(<div className={styles.colorRed}>Test</div>);
    
    console.log(html); // <div class="src_MyModule_module__colorRed">Test</div>
    Ответ написан
    2 комментария
  • SSR работает не так как я представлял?

    rockon404
    @rockon404
    Frontend Developer
    ssr - это когда первая страница, которую запрашивает клиент, генерируется на сервере, а дальнейшая навигация по сайту происходит как в обычном spa, то есть идёт Аякс запрос и открывается страница.

    1. SSR - server side rendering, дословно рендеринг на стороне сервера. Только и всего.
    2. SPA может вообще не делать AJAX запросов.
    3. AJAX никакого отношения к роутингу на стороне клиента не имеет.

    При переходах между страницами сайта не происходит никаких аякс запросов!

    Смотрим пункт 3.

    Выходит, что при переходах по роутам нода как то генерирует страницы? И не только самая первая страница возвращается с сервера отрендереной, но и каждая последующая?

    Выходит, вам стоит поменьше полагаться на интуицию, заполнить пробелы в знаниях и научиться пользоваться панелью разработчика и прочими инструментами отладки.

    Почитайте про History API. Это основа современного клиентского роутинга.
    Ответ написан
  • Что выбрать для server side rendering react?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Лучше сразу писать изоморфный проект, так как есть множество ньюансов которые стоит учитывать при разработке таких приложений. На github можно найти готовые боилерплейты. На написание своего может уйти от пары часов до пары дней, в зависимости от требуемого набора инструментов. Так же вы можете посмотреть в сторону таких инструментов как next.js, razzle, after . Но точно не знаю, насколько легко, при необходимости, мигрировать с таких решений.
    Ответ написан
    6 комментариев
  • Для чего react server side rendering?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    1. SSR нужен в проектах для которых важна индексация поисковиками.
    2. Такие приложения называют не SPA, а изоморфными.
    3. SSR в изоморфных приложениях используется с REST API, так что проблем с мобильным клиентом у вас не возникнет.
    4. Рендерится все тоже самое, что и в SPA только на стороне сервера, после передачи клиенту приложение работает как обычное SPA и взамодействует с сервером по REST API.
    Ответ написан
    Комментировать