Создаём SSR приложение на React + NodeJS через Razzle.js. Начало.

preview_player
Показать описание
В видео мы узнаем, что такое Razzle и почему он крут в качестве сборки. Создадим небольшое приложение с двумя страничками. ☀️

Ссылки используемые в уроке:

00:00 Введение.
01:50 Что такое Razzle, сравнение с ViteJS, NextJS, create-react-app, webpack, gulp
07:22 Устанавливаем Razzle.
14:00 Изучаем собранный проект: express, hydrate, SSR.
36:30 Добавляем дополнительную страницу в Router, меняем стили, проверяем SSR.

На канале я рассматриваю различные темы веб-разработки. 🔬
  1. Елена Литвинова — Искусство Веб-разработки 🛸
  2. css
  3. js
  4. уроки по js
  5. Елена Литвинова
  6. Искусство веб-разработки
Рекомендации по теме
Создаём SSR приложение 0:45:30

Создаём SSR приложение на React + NodeJS через Razzle.js. Начало.

Next JS быстрый 0:28:55

Next JS быстрый курс SSR на React JS с нуля до деплоя

NextJS Быстрый Курс 2:34:32

NextJS Быстрый Курс - SSR на React JS

Nest js & 2:31:16

Nest js & Next js ПОЛНЫЙ КУРС. FullStack разработка SSR на React TypeScript. Музыкальная платфор...

Сравниваем первую загрузку 0:08:21

Сравниваем первую загрузку SSR и SPA

Деплой nodejs + 0:05:26

Деплой nodejs + react приложение на облачный VPS сервер

React JS для 3:07:38

React JS для начинающих: Создайте свое приложение

SSR в React 0:39:18

SSR в React приложении — это просто / Зар Захаров (ZarMarathon)

Как соеденить frontend 0:09:31

Как соеденить frontend и backend в рамках одного проекта ? React.js / Express.js. Fullstack...

Создаем React приложение 0:17:40

Создаем React приложение

Блог с CMS 0:49:40

Блог с CMS на NextJS, React, Contentful и typescript. Блог с использованием SSR....

Кастомный SSR с 0:21:31

Кастомный SSR с Vite и React

016. Рендеринг на 1:32:22

016. Рендеринг на стороне сервера (на примере React) — Евгений Шпилевский...

Разработай 6 проектов 2:01:08

Разработай 6 проектов на ReactJS (для начинающих)

React Server Components 0:09:24

React Server Components - разбираемся за 10 минут.

Сможет ли ChatGPT 0:16:26

Сможет ли ChatGPT создать приложение React + TypeScript + Zustand ? [eng subs]...

От Single Page 0:32:10

От Single Page Application до Server-Side Rendering | React | Tramvai | Vite

Не делай ТАК 0:01:00

Не делай ТАК в React!

React Native для 1:54:08

React Native для начинающих за 2 часа [2022] ! Мобильное приложение на JavaScript...

MoscowJS 50 — Tramvai, 0:49:24

MoscowJS 50 — Tramvai, модульный фреймворк для React-приложений от Tinkoff — Андрей Марченко...

Сделал копию Netflix 0:52:43

Сделал копию Netflix на React + SCSS с нуля без воды

Создаём монорепозиторий: сервер 0:34:21

Создаём монорепозиторий: сервер на nest + клиент на React

React & Node.js 2:39:26

React & Node.js ИНТЕРНЕТ МАГАЗИН С НУЛЯ. PERN stack PostgreSQL + express + React js + node.js...

Пробуем Deno на 0:22:42

Пробуем Deno на примере простейшего сервера и React SSR

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

Не перестану ставить лайки 😀
Спасибо за годный контент!

k-ivan
Автор

йо-хо-хо, це дуже цікавенько 👍прикольно, дякую

gregdmitriev
Автор

Здравствуйте, спасибо за обзор интересного инструмента Ruzzle.☺ Интересно было бы увидеть продолжение этой темы с добавлением стейт менеджера, к примеру Redux! Как работать с ним из SSR, получать и пробрасывать данные в компоненты со стейт менеджера?

anonlog
Автор

2:56 - Вы забыли вставить что-то наверное)

Ваше видео очень полезное, спасибо! И продолжайте так качественно снимать для нас!♥️

alex_xplus
Автор

Здравствуйте, давно жду ваши видео, у вас хорошо получаеься рассказывать. Я честно ожидал next js/ nest js. Интересно понять отличие express js от nesrt js, буду смотреть и слушать. Спасибо!

whiteltd
Автор

react-router-dom старый - 5 версия. Видео вроде выложено месяц назад, а записывалось давно? Почему 6-ой версии нет? Она ведь давно уже используется. И еще...классовые компоненты - это же вообще древность...

velikorossnationalist
Автор

Спасибо за урок, как всегда всё на высоте. Есть вопрос, как к примеру подтягивать данные из апи на стороне сервера и клиента с бека, к примеру надо что бы какие то данные подгружались при заходе на сайт а какие то с определённым интервалом подгружались и обновляли при этом весь дом. Спасибо)

СергейМустафаев-ик
Автор

Елена привет, я по какому поводу, ищу твой канал, хотел про debounc еще раз глянуть и не нахожу)) прикинь, он то у меня есть но не нахожу) Так о чем я, так вот, твой логотип вообще тебе не подходит, с моей точки зрения, это просто мой совет, а ты просто бомба, удачи и всех благ!

strannik
Автор

Сделайте видео о SSR приложении на Nuxt3. Это очень актуальная тема.

epic
Автор

Насчет present perfect. В американском английском его убрали...

velikorossnationalist