Build Apps Using React: Local Machine & Online Playgrounds


Overview/Description
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description

Learners can explore basics of working with React components, including rendering elements, smart rendering, and building simple and multiple components, in this 17-video course. Discover how to prototype react applications by using online playgrounds, including CodePen, CodeSandbox, and Glitch. Begin by observing how to install NodeJS libraries and the npm package manager on MacOS and on Windows. Run http-server on the local machine to serve web pages, and use ReactDOM.render() to render elements. Learn how to recognize smart rendering of elements in React; build simple components using ES6 classes; and build multiple components using ES6 classes. Discover how to implement a simple application on CodePen; configure the Babel preprocessor on CodePen; and build a simple React prototype on CodePen. Next, take a look at CodeSandbox and Glitch Online Playgrounds, and how to prototype a simple React application on both CodeSandbox and Glitch. Learn how to install and use create-react-app utilities on the local machine; create function components; and how to compose multiple simple components to create a complex component.



Expected Duration (hours)
1.7

Lesson Objectives

Build Apps Using React: Local Machine & Online Playgrounds

  • discover the key concepts covered in this course
  • install the NodeJS libraries and the npm package manager on MacOS
  • install the NodeJS libraries and the npm package manager on Windows
  • run http-server on the local machine to serve web pages
  • use ReactDOM.render() to render elements
  • recognize smart rendering of elements in React
  • build simple components using ES6 classes
  • build multiple components using ES6 classes
  • implement a simple application on CodePen
  • configure the Babel preprocessor on CodePen
  • build a simple React prototype on CodePen
  • prototype a simple React application on CodeSandbox
  • prototype a simple React application on Glitch
  • install and use create-react-app utilities on the local machine
  • create components using functions
  • compose multiple simple components to create a complex component
  • summarize the key concepts covered in this course
  • Course Number:
    it_apbiardj_02_enus

    Expertise Level
    Intermediate