Build Apps Using React: Local Machine & Online Playgrounds

React 15.5
  • 17 Videos | 1h 47m 53s
  • Includes Assessment
  • Earns a Badge
Likes 44 Likes 44
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.

WHAT YOU WILL LEARN

  • 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

IN THIS COURSE

  • Playable
    1. 
    Course Overview
    1m 51s
    UP NEXT
  • Playable
    2. 
    MacOS: Installing Node.js and npm
    7m 37s
  • Locked
    3. 
    Windows: Installing Node.js and npm
    7m 34s
  • Locked
    4. 
    Serving Web Pages Using a Local HTTP Server
    4m 30s
  • Locked
    5. 
    Rendering Elements
    8m 11s
  • Locked
    6. 
    Smart Rendering
    4m 14s
  • Locked
    7. 
    Introducing React Components
    7m 4s
  • Locked
    8. 
    Building Multiple Components
    5m 26s
  • Locked
    9. 
    The CodePen Online Playground
    5m 54s
  • Locked
    10. 
    CodePen: Using the Babel Preprocessor
    4m 14s
  • Locked
    11. 
    CodePen: Building a React App Using Components
    4m 17s
  • Locked
    12. 
    The CodeSandbox Online Playground
    6m 43s
  • Locked
    13. 
    The Glitch Online Playground
    7m 14s
  • Locked
    14. 
    Using Create React App on the Local Machine
    9m 10s
  • Locked
    15. 
    Function Components
    5m 46s
  • Locked
    16. 
    Composing Components
    9m 26s
  • Locked
    17. 
    Course Summary
    1m 13s

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

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

Digital badges are yours to keep, forever.

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE