React: Create a Full Stack Website - Part [2/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.
Part 1 of this video series - https://www.youtube.com/watch?v=6akcOWnmMwY
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 - Intro
0:13 - Using Params [Updated Content]
0:27 - React Router useParams()
0:54 - Getting article content
1:21 - Importing article content
1:34 - Finding a specific article
1:49 - Display article content
2:44 - Handling article not found
3:12 - Setting up article list
4:39 - Renaming ArticleList Component to ArticleListPage
5:00 - Refactoring ArticleList to its own Component
6:00 - Importing refactored component
6:48 - Displaying Other articles
7:37 - Create Not Found page
7:56 - Import Not Found page
8:09 - Setting up Not Found path [Updated Content]
8:19 - Using * wildcard path [Updated Content]
8:36 - 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/braak/beginnings
License code: FSII4R1EA2YIIWTA
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React: Create a Full Stack Website - Part [2/6]», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.