React, Part 2 of 7: Intermediate React
Interactive

React, Part 2 of 7: Intermediate React

LearnNow Online
Updated Sep 10, 2019

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.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.


Prerequisites

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


Meet the expert

John Smilga

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.

Video Runtime

144 Minutes

Time to complete

164 Minutes

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)