React: Create a Full Stack Website - Part [1/6]
This video is to help those who are struggling with the out-dated libraries used in the LinkedIn learning course, created by Shaun Wassell (linked below).
I explain how I went about utlilising the newer libraries, so you can make those changes seemlessly, and continue on with Shaun's course.
Below you will find time stamps to each of the sections covered in this video.
Please Note: Shaun's course covers explanations and details for everything covered here and more, including how to host the web site on an AWS server.
My videos will not be going further than the code implementation, and I strongly encourage you to follow along with Shawn's course videos.
React: Creating and hosting a Full Stack Site - by Shaun Wassell
https://www.linkedin.com/learning/react-creating-and-hosting-a-full-stack-site
LinkedIn Learning - https://www.linkedin.com/learning
My Channel - https://www.youtube.com/channel/UC_KGYiJNApGUZv3xKL-QmqQ
LinkedIn Profile - https://www.linkedin.com/in/william-j-hamilton/
Facebook - https://www.facebook.com/people/William-Hamilton/100073740582087/
If you would like to support this channel and future videos, please like and subscribe, and if able, please donate!
Donatations appreciated - https://paypal.me/draxybearWD
Table of Contents:
0:00 - Introduction
0:52 - Use old versions
2:28 - Setting up project
2:49 - Linking to GitHub repository (optional)
3:24 - Creating first page
3:38 - Get the sample text from provided exercise files
4:10 - Import first component
4:26 - Start a Local Server
4:35 - Copy CSS styling from the provided exercise files
4:55 - Install React Router Dom
5:15 - Using React Router Dom [Using version 6]
6:36 - Creating the other pages
7:42 - Importing the new pages
8:00 - Setting up Route paths
9:08 - Creating a NavBar component
10:09 - Importing the new NavBar component
10:27 - Outro
Links:
GitHub Code Repository - https://github.com/Draxy-au/my-blog
Updating from React Router v5 to v6 - https://reactrouter.com/docs/en/v6/upgrading/v5
Music:
Music from Uppbeat:
https://uppbeat.io/t/adi-goldstein/open-wings
License code: YBM76Q9FPPRN8GTS
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React: Create a Full Stack Website - Part [1/6]», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.