React, Part 4 of 7: Advanced React

React, Part 4 of 7: Advanced React

Course description

React is a Javascript library for building user interfaces. Advanced React will start by discussing prop types, and why they are useful. Next, it will talk about controlled and uncontrolled inputs as well as form submission and React Fragment. It will wrap up with explaining this.setState in more detail.

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.


• 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

85 Minutes

Time to complete

148 Minutes

Course Outline

Advanced React

Prop Types (28:04)

  • Introduction (00:08)
  • Prop Types (13:19)
  • info Prop (05:10)
  • Pass Prop as Object (09:19)
  • Summary (00:08)

Controlled Inputs (28:54)

  • Introduction (00:08)
  • Controlled inputs (14:54)
  • OnChange (07:19)
  • Array Values (06:23)
  • Summary (00:08)

Uncontrolled Inputs and Refs (09:03)

  • Introduction (00:08)
  • Uncontrolled Inputs and Refs (04:10)
  • Email Value (04:36)
  • Summary (00:08)

React Fragment and Functional SetState (19:54)

  • Introduction (00:08)
  • React Fragment and Functional setState (12:40)
  • Functional State (06:57)
  • Summary (00:08)