Для того чтобы решить, на чём делать фронтенд, нужно понимать разницу между CSR, SSR, SSG, ISR. Это даст понимание, какие у вас есть возможности и ограничения, и выбрать ту технологию, которая отвечает вашей бизнес-логики.

 

Что такое CSR, SSR, SSG, ISR
(различные стратегии рендеринга) и какой фреймворк делает это лучше (Angular, React, Vue)

 

 

01) CSR означает рендеринг на стороне клиента. Здесь весь веб-сайт отображается в браузере.

Используйте при создании панели администратора и когда SEO не важно. В браузере должен быть включен javascript.

Angular, React, Vue поддерживают его из коробки.

 

02) SSR означает рендеринг на стороне сервера. Здесь веб-страницы отображаются на сервере, а затем отправляются клиенту.

Используйте, когда важна скорость и поисковая оптимизация. Приложение работает без включенного javascript в браузере.

- Angular поддерживает его через Angular Universal
- React через NextJS
- Vue через NuxtJS

 

03) SSG означает создание статических сайтов. Здесь веб-страницы отображаются во время сборки.

Используйте, когда важна скорость и поисковая оптимизация. Разместите приложение на любом статическом хостинге (netlify/vercel)

- Angular поддерживает его через Scully/Angular Universal
- React через NextJS/Gatsby
- Vue через NuxtJS/Gridsome.

 

04) ISR означает добавочную статическую регенерацию. Здесь веб-страницы регенерируются «на лету» через определенное время.

Те же преимущества, что и у SSG. Все приложение не нужно собирать после каждого изменения.

- Angular не поддерживает
- React через NextJS
- Vue не поддерживает


Теперь, когда вы знаете в чём разница, вам уже будет легче выбрать на чём писать ваше веб-приложение. Подписывйтесь на наш блог, оставляйте оценки и комментарии. smiley

Post Рима
27 октября 2022 в 13:56