React Hooks Tutorial - A Crash Course on Styled Components, JSX, React Router, and HOC
Learn about React Hooks and Styled Components in this full tutorial.
We'll build a React video player where you can create a list of videos and select from the list. The video player can play both Vimeo and YouTube videos and will also persist state in local storage of played videos.
? https://github.com/weibenfalk/hooks-videoplayer-starterfiles
? Course created by Thomas Weibenfalk. Check out his YouTube channel: https://www.youtube.com/user/Weibenfalk
In this course you'll learn:
∙ React Fundamentals with Hooks
∙ Stateless Functional Components
∙ JSX syntax and expressions
∙ Styled Components
∙ Higher Order Components (HOC)
∙ React Router
∙ Use Create-React-App
∙ Deploy the finished App
∙ ES6+ concepts and syntax
∙ Use Local Storage to keep state
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction and Setup
⌨️ (0:07:50) Scaffolding
⌨️ (0:15:50) Setting Up the Routes
⌨️ (0:18:45) Styled Components - Global Styling
⌨️ (0:25:27) Styled Components - Component Styling
⌨️ (0:34:09) Styled Components - Themes
⌨️ (0:50:11) Preparing for Hooks
⌨️ (0:59:15) Pre-Example
⌨️ (1:02:49) useState
⌨️ (1:13:23) useEffect
⌨️ (1:21:57) Higher Order Components
⌨️ (1:28:03) Callback Functions
⌨️ (1:40:35) Persisting State in Local Storage
⌨️ (1:45:19) Deploying
⌨️ (1:49:10) useCallback
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://www.freecodecamp.org/news
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Hooks Tutorial - A Crash Course on Styled Components, JSX, React Router, and HOC», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.