Build Apps Using React: Introducing React for Web Applications

React    |    Beginner
  • 18 videos | 1h 43m 3s
  • Includes Assessment
  • Earns a Badge
Rating 4.5 of 322 users Rating 4.5 of 322 users (322)
This 18-video course focuses on the React library for component-driven development and basic principles involved in creating React applications. Begin with an introduction to the React library and what is it used for, then discover how to design components with React. Identify features that make React powerful, and examine the concepts underlying important React features. Also explore the virtual document object model (DOM) and how it is used. Learn how to implement a simple web page by using React web application programming interfaces (APIs); recognize basic components of the web page built using React; and use minified productionized React libraries. A two-part tutorial focuses on creating nested elements: creating a DOM hierarchy with nested components, and using key attribute to identify unique sibling elements. Delve into JavaScript XML (JSX) and the functionality of the Babel compiler when used with JSX; then create elements using JSX and the Babel compiler, and render a DOM hierarchy using JSX. Conclude the course by focusing on evaluating simple expressions with JSX, and referring to JavaScript variables within JSX.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Describe what the react library is used for
    Design components using composition
    Identify the features that make react powerful
    Describe the concepts underlying important react features
    Describe what the virtual dom is and know how it is used
    Implement a simple web page using react apis
    Recognize the basic components of the web page built using react
    Use minified, productionized react libraries
  • Create a dom hierarchy with nested components
    Use the key attribute to identify unique sibling elements
    Describe what jsx is and its important features
    Describe the functionality of the babel compiler when used with jsx
    Create elements using jsx and the babel compiler
    Render a dom hierarchy using jsx
    Evaluate expressions within jsx
    Refer to javascript variables within jsx
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 2m 1s
  • 8m 52s
    Upon completion of this video, you will be able to describe what the React library is and what it is used for. FREE ACCESS
  • Locked
    3.  Thinking in React
    5m 8s
    In this video, you will design components by using composition. FREE ACCESS
  • Locked
    4.  React Features
    3m 15s
    In this video, you will learn how to identify the features that make React powerful. FREE ACCESS
  • Locked
    5.  Exploring React Features
    8m 50s
    Upon completion of this video, you will be able to describe the concepts underlying important React features. FREE ACCESS
  • Locked
    6.  The Virtual DOM
    8m 42s
    After completing this video, you will be able to describe what the virtual DOM is and how it is used. FREE ACCESS
  • Locked
    7.  Creating a Simple Static HTML Page
    7m 32s
    In this video, find out how to implement a simple web page using React's APIs. FREE ACCESS
  • Locked
    8.  Exploring the Static HTML Page
    4m 59s
    Upon completion of this video, you will be able to recognize the basic components of a web page built using React. FREE ACCESS
  • Locked
    9.  Referencing Production React Libraries
    5m 43s
    In this video, you will use the minified, productionized React libraries. FREE ACCESS
  • Locked
    10.  Creating Nested Elements - Part 1
    7m 29s
    In this video, you will learn how to create a DOM hierarchy with nested components. FREE ACCESS
  • Locked
    11.  Creating Nested Elements - Part 2
    4m 9s
    In this video, learn how to use the key attribute to identify unique sibling elements. FREE ACCESS
  • Locked
    12.  Introducing JSX
    3m 56s
    Upon completion of this video, you will be able to describe what JSX is and its important features. FREE ACCESS
  • Locked
    13.  The Babel Compiler
    8m 5s
    After completing this video, you will be able to describe the functionality of the Babel compiler when used with JSX. FREE ACCESS
  • Locked
    14.  Working with JSX and the Babel Compiler
    8m 5s
    In this video, you will learn how to create elements using JSX and the Babel compiler. FREE ACCESS
  • Locked
    15.  More Practice with JSX
    4m 30s
    In this video, learn how to render a DOM hierarchy using JavaScript. FREE ACCESS
  • Locked
    16.  Simple Expressions with JSX
    4m 36s
    Learn how to evaluate expressions within JavaScript XML. FREE ACCESS
  • Locked
    17.  More Expressions with JSX
    5m 55s
    In this video, you will refer to JavaScript variables within JSX. FREE ACCESS
  • Locked
    18.  Course Summary
    1m 17s
    In this video, we will summarize the key concepts covered in this course. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Build Apps Using React: Local Machine & Online Playgrounds
Rating 4.5 of 86 users Rating 4.5 of 86 users (86)
Book React and Libraries: Your Complete Guide to the React Ecosystem
Book React Hooks in Action

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Application Development with Node.js: Language Fundamentals
Rating 4.5 of 147 users Rating 4.5 of 147 users (147)
Course Build Apps Using React: Local Machine & Online Playgrounds
Rating 4.5 of 86 users Rating 4.5 of 86 users (86)
Course Build Apps Using React: Working with Events
Rating 4.6 of 46 users Rating 4.6 of 46 users (46)