React.js + TypeScript project FROM SCRATCH in 10 MINUTES (no create-react-app)
The video does not contain build script, it's the following: webpack -p --config webpack.config.js
What you need to know before the video starts:
- You will need the LTS version of node.js - https://nodejs.org/en/
- I will be using yarn instead of npm in this video. It's not necessary, you can use the npm commands instead. If you want to use yarn, install it with the following command in your terminal: npm i -g yarn
Steps:
1) npm init
2) yarn add react react-dom
3) yarn add --dev webpack webpack-cli webpack-dev-server html-webpack-plugin copy-webpack-plugin
4) create webpack.config.js
5) yarn add --dev babel-loader style-loader css-loader
6) create tsconfig.json
7) create .babelrc
8) yarn add --dev @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript
9) create .prettierrc
10) create public/index.html
11) create src/index.tsx
12) create src/styles/global.css
13) create src/App.tsx
14) add the start script to package.json
Music in the video was provided by https://www.bensound.com/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React.js + TypeScript project FROM SCRATCH in 10 MINUTES (no create-react-app)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.