Learn your way! Get started

React by Example, Part 1 of 7: First Components

with expert John Smilga


Watch trailer


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 9/6/2019
Level Beginner
Runtime 1h 26m
Closed captioning N/A
Transcript N/A
eBooks / courseware N/A
Hands-on labs N/A
Sample code Included
Exams N/A


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

React is a Javascript library for building user interfaces. This course will create the first components involved in building out the Tech store: Navbar, Sidebar, Sidecart and Hero

Prerequisites

This course is a continuation of the React Series. React, Part 1 of 7: React Basics React, Part 2 of 7: Intermediate React React, Part 3 of 7: City Tours Project React, Part 4 of 7: Advanced React React, Part 5 of 7: TODO Project React, Part 6 of 7: Food2Fork Project React, Part 7 of 7: Tech Store Intro Part 7 of 7 will be very helpful as the Tech store buildout is continued

Meet the expert

John Smilga is a Front-End Web Developer in the Los Angeles Area. John has a Bachelor’s Degree in Software Development. He spends most of his time working with Javascript, CSS3, and HTML5, and he is passionate about everything related to web development. He learns from the community and loves to share with the community what he has learned. He strives to explain very complex topics in a simple manner that everyone can understand.

Course outline



First Components

Navbar Component (21:55)
  • Introduction (00:13)
  • Navbar Component (08:54)
  • Cart Items (08:15)
  • Nav Icon (04:25)
  • Summary (00:08)
Sidebar Component (27:07)
  • Introduction (00:08)
  • Sidebar Component (11:12)
  • Styling (09:07)
  • Media Query (06:31)
  • Summary (00:08)
SideCart Component (12:14)
  • Introduction (00:08)
  • SideCart Component (06:37)
  • Sidebar (05:21)
  • Summary (00:08)
Hero Component (24:58)
  • Introduction (00:08)
  • Hero Component and Main Link (18:19)
  • Hero Component and Main Link Continued (06:22)
  • Summary (00:08)