Author Name : Anthony NG Last updated : 01/2018 Languages : English Number of Lectures : 119 Duration : 11:43:35 File Size : 975.11 MB
What Will I Learn?
Create React app
Use expressions in JSX
Create react components
Understand component life cycle
Use props and state
You should be able to use a PC at beginner’s level
You should be able to navigate the internet
You should have a basic knowledge of HTML
You should have a basic knowledge of CSS
Quote of the day app
Day of birth calculator
React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. With React you can design simple views for each state of an application. You can also use React to efficiently update and render components when your data changes. I will walk you through how to create react components from scratch, review components properties, and component state, as well as the foundational parent/child relationships within React.js. I will also take you through the lifecycle of components . You will be transpiling JSX code using babel which is an in browser transpiler that converts JSX code into readable format.
What you will learn includes:
Setting up a local react development environment Accessing React Library via CDN Using Creating a React App tool to create new react projects Accessing Reaact from JSBIN Creating React Components Creating React Components in ES6 Converting React functions to ES6 Class Using JSX Embedding JSX as expressions Using props Using State Component life cycle
Creating a React mortgage calculator Creating a React Todo List App Creating a React static tweet component Creating a React countdown timer Creating a React digital clock
Who is the target audience?