Learn your way! Get started

React, Part 2 of 7: Intermediate React

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 6/6/2019
Level Beginner
Runtime 2h 24m
Closed captioning N/A
Transcript N/A
eBooks / courseware N/A
Hands-on labs N/A
Sample code Included
Exams Included


Enterprise Solutions

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



Course description

React is a Javascript library for building user interfaces. Intermediate React continues exploring React by starting off with ES6 export and import statements. Next, how to do State programming, and finish with Events.

Prerequisites

• Basic HTML,CSS and Javascript knowledge • ES6 is a plus

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



Intermediate React

Export and Import (26:49)
  • Introduction (00:08)
  • Export and Import (10:37)
  • Object in Console (11:52)
  • Import Banner (04:02)
  • Summary (00:08)
Class-based Componenets (11:16)
  • Introduction (00:08)
  • Class Based Components (07:33)
  • Class Based Components Continued (03:27)
  • Summary (00:08)
State (37:02)
  • Introduction (00:08)
  • State (09:15)
  • Book Props (09:42)
  • Log Books (07:34)
  • Render Multiple Books (04:06)
  • Alternative Syntax (06:06)
  • Summary (00:08)
Book Mini Project (10:31)
  • Introduction (00:08)
  • Book Mini Project (07:19)
  • Book CSS (02:56)
  • Summary (00:08)
Events and SetState (20:21)
  • Introduction (00:08)
  • Events and This.setState (09:32)
  • Control Events (10:32)
  • Summary (00:08)
Prop Drilling Pass Down Methods (27:29)
  • Introduction (00:08)
  • Prop Drilling and Passing Down (12:32)
  • Additional Method (14:41)
  • Summary (00:08)
Conditional Rendering (11:03)
  • Introduction (00:08)
  • Conditional Rendering in JSX (06:15)
  • Toggle info (04:31)
  • Summary (00:08)