Together create SSR application on React + NodeJS with RazzleJs

preview_player
Показать описание
In this video we will know, what is Razzle and why this is awesome. We will create a small beginner application with two pages. ☀️

🪆 Russian YouTube: @webelart

Links in the video:

00:00 Intro.
01:25 Study Razzle documentation, compare with NextJs, ViteJs, react-create-app, webpack, gulp.
07:27 Set Up Razzle.
13:34 Study build of the razzle project: express, hydrate, react renderToString, hot module replacement and etc.
19:30 Create a small architecture for our application with two pages.

On this channel I am working with different web development themes. 🔬
  1. Elena Litvinova — The Art of Web Development 🛸
  2. css
  3. js
  4. уроки по js
  5. Елена Литвинова
  6. Искусство веб-разработки
Рекомендации по теме
Together create SSR 0:34:07

Together create SSR application on React + NodeJS with RazzleJs

Next JS SSR 0:31:29

Next JS SSR || Building Application using Next JS + Typescript

React Server Components 0:05:36

React Server Components vs SSR

What are Server 0:04:55

What are Server Side Rendering (SSR) & Client Side Rendering (CSR) | Pros + Cons

ZackJackson - Module 0:29:09

ZackJackson - Module Federation, With Next.js and SSR

Next.js No longer 0:12:49

Next.js No longer use SSR/SSG functions

💥 Angular SSR 0:24:56

💥 Angular SSR Deep Dive (With Client HYDRATION) #angular

Hybrid rendering in 0:11:49

Hybrid rendering in JSS - how to use SSR + SSG together

SSR Alliance Party! 0:03:53

SSR Alliance Party! Korean Alliance Frosty Festivities | Player Spotlight | Whiteout Survival

Server-Side Rendering (SSR) 0:09:01

Server-Side Rendering (SSR) & Hydration in Angular Explained

Astro Quick Start 2:44:04

Astro Quick Start Course | Build an SSR Blog

NodeJS : Memory 0:01:47

NodeJS : Memory Leak in server.js | React / Express / SSR

React SSR | 0:00:38

React SSR | Sovle React Seo Problem

Know All About 0:12:22

Know All About CSR, SSR, SSG, ISR & Dynamic SSR in Nextjs 14 App Router

Vite in 100 0:02:29

Vite in 100 Seconds

Everything you need 0:08:17

Everything you need to know about SSR, Hydration and React 18

Vue & SSR: 0:27:07

Vue & SSR: The best practices - Sebastien Chopin at VueConf.US

Lets' Build App 0:40:15

Lets' Build App using Most Popular SSR Framework Next JS 13

SSR React with 0:16:18

SSR React with Go vs Next JS

Lets' Build App 0:54:05

Lets' Build App using Most Popular SSR Framework Next JS 13

Mastering .NET 8 0:23:55

Mastering .NET 8 Blazor: Server-side Rendering (SSR)

{code demo} How 0:21:31

{code demo} How does SSR works with React? | JSer - React Lover

Next.js Crash Course 1:36:07

Next.js Crash Course - SSG, SSR, API Routes, and more

From client side 1:02:05

From client side to server side rendering (SSR): Why and how with VUE

Комментарии
Автор

If we use Django Rest, I don't think Razzle can help, it's only good with Node js, right?

MohsenAzadmanesh
Автор

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

На моем текущем продакшн приложении, используется самописный render bundler для SSR. Так же render to string html и т.д.. C ней временами возникают проблемы и с оптимизацией, в частности скорость загрузки страницы так и при сборке бывают проблемы. Немного анализировал переход на next 13(он капец как изменился с 12 версии), но попахивает переписью приложения. А вот Razzle возможно мне подойдет. Почитаю доку. Спасибо за материал

ArtmenBoss