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
    FREE ACCESS
  • Locked
    4. 
    Serving Web Pages Using a Local HTTP Server
    4m 30s
    FREE ACCESS
  • Locked
    5. 
    Rendering Elements
    8m 11s
    FREE ACCESS
  • Locked
    6. 
    Smart Rendering
    4m 14s
    FREE ACCESS
  • Locked
    7. 
    Introducing React Components
    7m 4s
    FREE ACCESS
  • Locked
    8. 
    Building Multiple Components
    5m 26s
    FREE ACCESS
  • Locked
    9. 
    The CodePen Online Playground
    5m 54s
    FREE ACCESS
  • Locked
    10. 
    CodePen: Using the Babel Preprocessor
    4m 14s
    FREE ACCESS
  • Locked
    11. 
    CodePen: Building a React App Using Components
    4m 17s
    FREE ACCESS
  • Locked
    12. 
    The CodeSandbox Online Playground
    6m 43s
    FREE ACCESS
  • Locked
    13. 
    The Glitch Online Playground
    7m 14s
    FREE ACCESS
  • Locked
    14. 
    Using Create React App on the Local Machine
    9m 10s
    FREE ACCESS
  • Locked
    15. 
    Function Components
    5m 46s
    FREE ACCESS
  • Locked
    16. 
    Composing Components
    9m 26s
    FREE ACCESS
  • Locked
    17. 
    Course Summary
    1m 13s
    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 of this course, which can be shared on any social network or business platform

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

COURSE Building Decentralized Applications for Ethereum: Building the Front End
Likes 2 Likes 2  
COURSE Build Apps Using React: Working with Forms
Likes 11 Likes 11  
COURSE Design Patterns in JavaScript: Mediator, State, & Command Behavioral Patterns
Likes 5 Likes 5  

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

COURSE JavaScript: Getting Started with JavaScript Programming
Likes 296 Likes 296  
COURSE Application Development with Node.js: Language Fundamentals
Likes 79 Likes 79  
COURSE Build Apps Using React: In Development &