React: Create a Full Stack Website - Part [3/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 - Updating article not found
0:32 - Create Server back-end folder
0:59 - Installing Express
1:26 - Install & Setup Babel (For updated ECMA syntax)
1:50 - Setup .bablerc config file
2:12 - Setup the Server.js file
2:23 - Creating first server route
2:58 - Start the Server
3:20 - Using Postman
3:53 - Creating POST route
4:24 - Postman POST route
4:48 - Setup Express Middleware [Updated Content]
5:25 - Postman POST with JSON Body
5:58 - GET route with :name
6:28 - Postman GET with :name
6:55 - Get sample article info data (from exercise files)
7:16 - Setup API upvote route
8:37 - Postman Test API upvote route
9:13 - 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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React: Create a Full Stack Website - Part [3/6]», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.