Build Apps Using React: Local Machine & Online Playgrounds
React 15.5
| Intermediate
- 17 Videos | 1h 40m 23s
- Includes Assessment
- Earns a Badge
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 courseinstall the NodeJS libraries and the npm package manager on MacOSinstall the NodeJS libraries and the npm package manager on Windowsrun http-server on the local machine to serve web pagesuse ReactDOM.render() to render elementsrecognize smart rendering of elements in Reactbuild simple components using ES6 classesbuild multiple components using ES6 classesimplement a simple application on CodePen
-
configure the Babel preprocessor on CodePenbuild a simple React prototype on CodePenprototype a simple React application on CodeSandboxprototype a simple React application on Glitchinstall and use create-react-app utilities on the local machinecreate components using functionscompose multiple simple components to create a complex componentsummarize the key concepts covered in this course
IN THIS COURSE
-
1.Course Overview1m 51sUP NEXT
-
2.MacOS: Installing Node.js and npm7m 37s
-
3.Windows: Installing Node.js and npm7m 34s
-
4.Serving Web Pages Using a Local HTTP Server4m 30s
-
5.Rendering Elements8m 11s
-
6.Smart Rendering4m 14s
-
7.Introducing React Components7m 4s
-
8.Building Multiple Components5m 26s
-
9.The CodePen Online Playground5m 54s
-
10.CodePen: Using the Babel Preprocessor4m 14s
-
11.CodePen: Building a React App Using Components4m 17s
-
12.The CodeSandbox Online Playground6m 43s
-
13.The Glitch Online Playground7m 14s
-
14.Using Create React App on the Local Machine9m 10s
-
15.Function Components5m 46s
-
16.Composing Components9m 26s
-
17.Course Summary1m 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.YOU MIGHT ALSO LIKE
PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

BOOK
Pro React 16