Build Apps Using React: Local Machine & Online Playgrounds

React    |    Intermediate
  • 17 videos | 1h 40m 23s
  • Includes Assessment
  • Earns a Badge
Rating 4.5 of 86 users Rating 4.5 of 86 users (86)
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

  • 1m 51s
  • 7m 37s
    In this video, learn how to install the NodeJS libraries and the npm package manager on MacOS. FREE ACCESS
  • Locked
    3.  Windows: Installing Node.js and npm
    7m 34s
    During this video, you will learn how to install the NodeJS libraries and the npm package manager on Windows. FREE ACCESS
  • Locked
    4.  Serving Web Pages Using a Local HTTP Server
    4m 30s
    To serve web pages on a local machine, find out how to run http-server. FREE ACCESS
  • Locked
    5.  Rendering Elements
    8m 11s
    Learn how to use ReactDOM.render() to render elements. FREE ACCESS
  • Locked
    6.  Smart Rendering
    4m 14s
    Upon completion of this video, you will be able to recognize when React is smartly rendering elements. FREE ACCESS
  • Locked
    7.  Introducing React Components
    7m 4s
    During this video, you will learn how to build simple components using ES6 classes. FREE ACCESS
  • Locked
    8.  Building Multiple Components
    5m 26s
    In this video, learn how to build multiple components using ES6 classes. FREE ACCESS
  • Locked
    9.  The CodePen Online Playground
    5m 54s
    In this video, you will learn how to implement a simple application on CodePen. FREE ACCESS
  • Locked
    10.  CodePen: Using the Babel Preprocessor
    4m 14s
    In this video, find out how to configure the Babel preprocessor on CodePen. FREE ACCESS
  • Locked
    11.  CodePen: Building a React App Using Components
    4m 17s
    In this video, you will build a simple React prototype on CodePen. FREE ACCESS
  • Locked
    12.  The CodeSandbox Online Playground
    6m 43s
    During this video, you will learn how to prototype a simple React application using CodeSandbox. FREE ACCESS
  • Locked
    13.  The Glitch Online Playground
    7m 14s
    In this video, you will learn how to prototype a simple React application using Glitch. FREE ACCESS
  • Locked
    14.  Using Create React App on the Local Machine
    9m 10s
    In this video, you will learn how to install and use the create-react-app utilities on your local machine. FREE ACCESS
  • Locked
    15.  Function Components
    5m 46s
    In this video, you will create components using functions. FREE ACCESS
  • Locked
    16.  Composing Components
    9m 26s
    In this video, you will create a complex component by combining multiple simple components. FREE ACCESS
  • Locked
    17.  Course Summary
    1m 13s
    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: Props & State
Rating 4.6 of 68 users Rating 4.6 of 68 users (68)
Book Test-Driven Development with React and TypeScript: Building Maintainable React Applications, 2nd Edition
Book Master React in 5 Days: Become a React Expert in Under a Week

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Web Fundamentals: Dynamic Web Pages with JavaScript
Rating 4.5 of 255 users Rating 4.5 of 255 users (255)
Course Build & Integrate React Applications with Redux Capabilities
Rating 4.0 of 42 users Rating 4.0 of 42 users (42)
Course Build Apps Using React: In Development & Production
Rating 4.5 of 44 users Rating 4.5 of 44 users (44)