Webpack - TypeScript - React boilerplate from Scratch!
In this video I explain step by step the process to build from scratch our webpack-typescript-react project to be able to start working on your frontend app in a comfortable way without spending too much time.
Summary:
- [0:00]: Introduction
- [0:50]: Installing dependencies
- [3:50]: Creating directories and files
- [5:00]: Filling out .babelrc
- [6:45]: Filling out tsconfig.json
- [8:40]: Filling out webpack configuration
- [13:03]: Filling out source codes (index.html and index.tsx)
- [14:44]: Adding script command 'npm run dev' to run our dev server
- [16:30]: Final result
Packages needed:
- webpack
- webpack-cli
- webpack-dev-server
- html-webpack-plugin
- babel-loader
- @babel/core
- @babel/preset-env
- @babel/preset-react
- @babel/preset-typescript
- typescript
- @types/react
- @types/react-dom
- react
- react-dom
Source code: https://github.com/Cicko/boilerplates-webpack-typescript-react
?? Places you can find me ??
? LinkedIn: https://www.linkedin.com/in/%F0%9F%8E%B9-rudolf-cicko-34b4119b/
? YouTube: https://www.youtube.com/channel/UCSuuW5p8111GE3IWC4ShoQg
? GitHub: https://github.com/Cicko
✍️ Medium: https://medium.com/@rudolfcicko2011
? StackOverflow: https://stackoverflow.com/users/9027629/rudolf-cicko
? Twitter: https://twitter.com/rudolfcicko2
? Instagram: https://www.instagram.com/rcicko_living/
? Facebook: https://www.facebook.com/codewithrudy
Subscribe for new updates and Happy Coding!
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Webpack - TypeScript - React boilerplate from Scratch!», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.