Настраиваем create-react-app: HTTPS, SSL, PROXY, SCSS, немного про DEPLOY

preview_player
Показать описание
Создадим create-react-app. Научимся настраивать https, ssl, proxy, scss на реальном тестовом задании, которое решала разбирала в прошлом видео.
🏰 Английский YouTube: @webelart_en

Ссылки, которые разбирала в видео:

Видео, которые упоминала:

00:00 введение.
00:23 о тестовом задании
03:03 документация create-react-app
05:35 создаём react app
13:55 https & ssl
25:34 stylus & scss
28:57 поговорим о deploy

Рекомендую посмотреть ВСЕ ВИДЕО на моём канале! 😈

Я рассматриваю различные темы веб-разработки. На текущий момент: профессиональный JavaScript, вёрстка, примеры на чистых технологиях (React, NodeJs, JS, CSS, HTML) и опыт в 10+ лет.
  1. Елена Литвинова — Искусство Веб-разработки 🛸
  2. Елена Литвинова
  3. Искусство веб-разработки
  4. webelart
  5. уроки по javascript
  6. guru javascript
Рекомендации по теме
Настраиваем create-react-app: HTTPS, 0:31:27

Настраиваем create-react-app: HTTPS, SSL, PROXY, SCSS, немного про DEPLOY

Setup HTTPS in 0:04:13

Setup HTTPS in Development With Create React App

2. Настройка окружения, 0:06:42

2. Настройка окружения, create-react-app

https and React 0:05:15

https and React on localhost w/mkcert

React Security - 0:02:07

React Security - Add an API Proxy

How to Setup 0:01:32

How to Setup HTTPS Locally with create-react-app

How to integrate 0:04:22

How to integrate SSL to localhost (React)

React and Express 0:15:04

React and Express apps in Single project or single repository | proxy api requests

How to create 0:14:05

How to create React app directory manually | NO create-react-app

Как подключить sass 0:06:35

Как подключить sass к react?

Git Курс Для 0:11:35

Git Курс Для Новичков / Создание Create React App / Уроки по GIT #2

create-react-app (ЧАСТЬ 1): 0:23:12

create-react-app (ЧАСТЬ 1): быстрый старт React-приложения

Parcel React Node 0:04:41

Parcel React Node Express proxy Tutorial | Part-1 set up proxy to backend like create-react-app

create-react-app (ЧАСТЬ 2): 0:27:45

create-react-app (ЧАСТЬ 2): разбираем внутренности сборки

React компоненты #1 0:05:09

React компоненты #1 Установка окружения (Environment​)

Https on Localhost 0:17:15

Https on Localhost for Vite and React , Vue , Vanila , Svelte

04. Уроки React 0:18:48

04. Уроки React JS (create-react-app)

API proxy set 0:06:20

API proxy set in Vite for React js, Vue js, Vanila js ,

Parcel React Node 0:05:07

Parcel React Node Express proxy Tutorial | Part-2 set up proxy to backend like create-react-app

Курс React и 0:21:40

Курс React и Redux. 03. Create React App. Развертывание приложения

Настройка HTTPS на 0:40:34

Настройка HTTPS на веб сервере

Что такое прокси-сервер 0:07:28

Что такое прокси-сервер за 7 минут

ssr create react 0:11:17

ssr create react app

Установка сервера VPS, 0:40:21

Установка сервера VPS, полная настройка сервера nginx, pm2, ssl, node, npm, reactjs, koajs часть 1...

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

Лена, ты супер. Спасибо за контент, буду у тебя учиться.

Dmitrijserg
Автор

Клёвый канал, Елене респект за такие ролики

theoty-js
Автор

Канал топовый по фронту уже давно смотрю и много узнал нового👍😀

suslikest
Автор

CRA для React - это как Spring Boot для Spring - конфиги сами настроили. А в случае чего - дописали ручками

dima__rxfwrmn
Автор

использую только create-react-spp, ибо ток этому и научился ахахах
было бы здорово увидеть подробный видос про хостинг/релиз сайта.
В русском ютубе такого вроде нет

daeriofrixell
Автор

Хорошо структурировали. Надеюсь, благодаря вам перестанут игнорить CRA из-за NextJS, который, все-же, больше для статики)

Осталось только пару линтеров, TypeScript и корсы настроить для запросов (хэдеры). И вот уже в целом норм для стартапа и не только) А проксю на NestJS сделать как точку входа в бэк? Типа отсева от DoS-атак?

dima__rxfwrmn
Автор

Лен, я только начал изучать Реакт. И он в паре с редаксом кажется мне значительно сложнее чистого js. Подскажи, как его проще учить? Редакс сложно идет.

deniskotov
Автор

Здравствуйте! Раз вы не использовали create-react-app, то в своей повседневной работе обычно создавали свою кастомную настройку вебпака?

IvJaiN
Автор

Некоторые работодатели указывают в требованиях умение верстать под реакт. Вы могли бы рассказать, как это? Или где об этом можно почитать? (В интернете очень много источников и на самом деле непонятно, где надежная информация)

ВикаКоко-рю
Автор

А я установив "HTTPS=true react-scripts start" в scripts.start, при запуске получаю ошибку ""HTTPS" не является внутренней или внешней командой, исполняемой программой или пакетным файлом." Можете подсказать как найти причину?

Сергей-ыче
Автор

Спасибо. 25.39 потенциально безконечный лоадер. Выключение(и прочую логику) лучше в finally заносить.(сорян, так на ровном месте дое&&лся)

JohnDoe-py
Автор

Я думаю vite лучше чем create-react-app

baileysli
Автор

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

JohnDoe-py