Course Information
Course Overview
Learn React js JavaScript framework from scratch
React.js is a an open-source JavaScript library for creating user interfaces
React adopts a component based approach in developing applications.
Every react app can considered a component or a collection of components which can be re-usable.
This course is for absolute beginners to react and will teach you from scratch what you need to know to begin
creating react based applications. React is fun and easy to learn.
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:
What is React.js?
Who uses React
Adding and accessing React Library
Adding and accessing React DOM Library
Adding and accessing Babel compiler
Using JSX
Creating a React component
Using props
Prop Types
Using props with children
Working with state
Handling events
Using Refs
Mounting components
Un-Mounting Components
Updating Components
Creating a React App
This is a practical hands-on course and i encourage you to follow along as much as possible.
Thank you and welcome to the course.
Course Content
- 10 section(s)
- 98 lecture(s)
- Section 1 Introduction
- Section 2 Setting Up a local development environment
- Section 3 Getting Started
- Section 4 Props and State
- Section 5 Project 1 :Create a chat app with database storage
- Section 6 Project 2: Creating a countdown timer
- Section 7 Project 3: Create a digital clock
- Section 8 Project 4: Creating a Mortgage Calculator
- Section 9 Project 5: Static TweetBox
- Section 10 Project 6: Create a todo App
What You’ll Learn
- Know how to access the React Library, Know how to access the React DOM Library, Know how to write JSX syntax, know how to transpile JSX code with Babel, know about a react component , know how to create a React Component, Know how to Mount a component, Know how to Un-Mount a component, Know about Props, Know about State, Know how to handle events in React, Know about Refs
Skills covered in this course
Reviews
-
TThomas McBride
Section 2 lecture 10 - Using wrong code. Section 2 lecture 11 - Using wrong code. Section 3 lecture 17 - Did not explain how he was rendering the example so could not follow. Was unable to save to firebase even tho i followed instruction to the letter
-
WWelly Ryan
No sources code to compare and the code is not all coding from scratch, more of them are copy paste
-
DDarwin Batres
i guess this is a good course for someone who is starting
-
RRuben Arias
no examples, no source code, no url references...