Udemy - React Tutorial and Projects Course
Author: tutorial
Category: Technical
Posted on 2019-05-07, by phaelx.
Description

Date: March 2019
Author: John Smilga
Size: 14 GB
Format: MP4
Author: John Smilga
Size: 14 GB
Format: MP4
Download >> https://dropapk.com/l5o74prs3420
What you'll learn
*Make Great Projects Using React
Course content
Introduction and Setup
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Install create-react-app
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
React Basics Tutorial
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Person List Project
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
React Basics Tutorial Continued
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
City Tours Project
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
React Basics Tutorial Continued
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Todo List Project
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Project Intro
Setup
Bootstrap and Folder Structure
Github and Netlify Pipeline
App Component
Input Component
Handle Change and HandleSubmit
Todo List Component
Todo Item Component
Clear List and Delete Method
Edit Method
Finished Application
Food2Fork Recipe App
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Project Intro
Setup
Bootstrap and Folder Structure
Github and Netlify Pipeline
App Component
Input Component
Handle Change and HandleSubmit
Todo List Component
Todo Item Component
Clear List and Delete Method
Edit Method
Finished Application
Intro
Setup
Fonts-FontAwesome-Setup Files
Bootstrap - Main CSS Setup
Github - Netlify Continuous Deployment
React Router Intro
Application Pages Structure
React Router Setup
Navbar Component
Header Component
Default Page
Recipe Page Structure
Search Component
Food2Fork API Overview
Recipe List Component
Recipe Component
Single Recipe Page
Single Recipe Page Ajax Request
Environment Variables
Source Files
Recipe Page Ajax Request
Search Functionality
Finished Application
Tech Store
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Project Intro
Setup
Bootstrap and Folder Structure
Github and Netlify Pipeline
App Component
Input Component
Handle Change and HandleSubmit
Todo List Component
Todo Item Component
Clear List and Delete Method
Edit Method
Finished Application
Intro
Setup
Fonts-FontAwesome-Setup Files
Bootstrap - Main CSS Setup
Github - Netlify Continuous Deployment
React Router Intro
Application Pages Structure
React Router Setup
Navbar Component
Header Component
Default Page
Recipe Page Structure
Search Component
Food2Fork API Overview
Recipe List Component
Recipe Component
Single Recipe Page
Single Recipe Page Ajax Request
Environment Variables
Source Files
Recipe Page Ajax Request
Search Functionality
Finished Application
Project Intro
Setup and Installs
Google Fonts, CSS Variables and App.css
Github - Netlify Pipeline
React-Icons Intro
Styled-Components Intro
Folder and Page Structure
React Router Setup
Navbar-Sidebar-Sidecart-Footer
Context API Intro
Context API Setup
Navbar Context API
Navbar Component
Sidebar Component
SideCart Component
Hero Component
Main Link Class
Default Page
About Page and Title Component
Contact Page
Formspree
Footer
Home Page Services Section
Products Data Intro
Setup State in Context
SetProducts
Image Url Fix
Featured Products Section
Product Component
All Products Section
AddToCart Method
AddTotals Method
SyncStorage Method
SetSingle Product Method
SetSingleProduct Page
SideCart Component
Cart Page Method Placeholders
CartPage Component Setup
CartPage Setup
Cart Columns Component
Cart Totals Component
Cart List Component
Cart Item Component
Increase Method Logic
Remove Item Logic
Clear Cart and Decrease Method Logic
Filter Products Context Setup
Filter Products Product Component Setup
Product Filter Component
Select Input Logic
Handle Change Method Logic
Sort Data Method Logic
Finished Project Before Adding Contentful
Contentful Intro
Contentful Interface
Setting Up Content Model
Adding Content
Retrieving Content
Setting Up Environment Variables and Netlify Build Variables
Image Fix
Paypal Button Setup
React Router Netlify Fix
Finished Project
Javascript ES6
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Project Intro
Setup
Bootstrap and Folder Structure
Github and Netlify Pipeline
App Component
Input Component
Handle Change and HandleSubmit
Todo List Component
Todo Item Component
Clear List and Delete Method
Edit Method
Finished Application
Intro
Setup
Fonts-FontAwesome-Setup Files
Bootstrap - Main CSS Setup
Github - Netlify Continuous Deployment
React Router Intro
Application Pages Structure
React Router Setup
Navbar Component
Header Component
Default Page
Recipe Page Structure
Search Component
Food2Fork API Overview
Recipe List Component
Recipe Component
Single Recipe Page
Single Recipe Page Ajax Request
Environment Variables
Source Files
Recipe Page Ajax Request
Search Functionality
Finished Application
Project Intro
Setup and Installs
Google Fonts, CSS Variables and App.css
Github - Netlify Pipeline
React-Icons Intro
Styled-Components Intro
Folder and Page Structure
React Router Setup
Navbar-Sidebar-Sidecart-Footer
Context API Intro
Context API Setup
Navbar Context API
Navbar Component
Sidebar Component
SideCart Component
Hero Component
Main Link Class
Default Page
About Page and Title Component
Contact Page
Formspree
Footer
Home Page Services Section
Products Data Intro
Setup State in Context
SetProducts
Image Url Fix
Featured Products Section
Product Component
All Products Section
AddToCart Method
AddTotals Method
SyncStorage Method
SetSingle Product Method
SetSingleProduct Page
SideCart Component
Cart Page Method Placeholders
CartPage Component Setup
CartPage Setup
Cart Columns Component
Cart Totals Component
Cart List Component
Cart Item Component
Increase Method Logic
Remove Item Logic
Clear Cart and Decrease Method Logic
Filter Products Context Setup
Filter Products Product Component Setup
Product Filter Component
Select Input Logic
Handle Change Method Logic
Sort Data Method Logic
Finished Project Before Adding Contentful
Contentful Intro
Contentful Interface
Setting Up Content Model
Adding Content
Retrieving Content
Setting Up Environment Variables and Netlify Build Variables
Image Fix
Paypal Button Setup
React Router Netlify Fix
Finished Project
ES6 - var -let -const
ES6 - Block Scoping
ES6 - Template Literals
ES6 - Arrow Functions
ES6 - 'this' keyword
ES6 - assignment destructuring
ES6 - Spread Operator
ES6 - Rest Operator
ES6 - Default Parameters
ES6 - Classes Intro
ES6 - Classes Setup
ES6 - Classes - Inheritance
*Make Great Projects Using React
Course content
Introduction and Setup
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Install create-react-app
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
React Basics Tutorial
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Person List Project
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
React Basics Tutorial Continued
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
City Tours Project
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
React Basics Tutorial Continued
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Todo List Project
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Project Intro
Setup
Bootstrap and Folder Structure
Github and Netlify Pipeline
App Component
Input Component
Handle Change and HandleSubmit
Todo List Component
Todo Item Component
Clear List and Delete Method
Edit Method
Finished Application
Food2Fork Recipe App
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Project Intro
Setup
Bootstrap and Folder Structure
Github and Netlify Pipeline
App Component
Input Component
Handle Change and HandleSubmit
Todo List Component
Todo Item Component
Clear List and Delete Method
Edit Method
Finished Application
Intro
Setup
Fonts-FontAwesome-Setup Files
Bootstrap - Main CSS Setup
Github - Netlify Continuous Deployment
React Router Intro
Application Pages Structure
React Router Setup
Navbar Component
Header Component
Default Page
Recipe Page Structure
Search Component
Food2Fork API Overview
Recipe List Component
Recipe Component
Single Recipe Page
Single Recipe Page Ajax Request
Environment Variables
Source Files
Recipe Page Ajax Request
Search Functionality
Finished Application
Tech Store
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Project Intro
Setup
Bootstrap and Folder Structure
Github and Netlify Pipeline
App Component
Input Component
Handle Change and HandleSubmit
Todo List Component
Todo Item Component
Clear List and Delete Method
Edit Method
Finished Application
Intro
Setup
Fonts-FontAwesome-Setup Files
Bootstrap - Main CSS Setup
Github - Netlify Continuous Deployment
React Router Intro
Application Pages Structure
React Router Setup
Navbar Component
Header Component
Default Page
Recipe Page Structure
Search Component
Food2Fork API Overview
Recipe List Component
Recipe Component
Single Recipe Page
Single Recipe Page Ajax Request
Environment Variables
Source Files
Recipe Page Ajax Request
Search Functionality
Finished Application
Project Intro
Setup and Installs
Google Fonts, CSS Variables and App.css
Github - Netlify Pipeline
React-Icons Intro
Styled-Components Intro
Folder and Page Structure
React Router Setup
Navbar-Sidebar-Sidecart-Footer
Context API Intro
Context API Setup
Navbar Context API
Navbar Component
Sidebar Component
SideCart Component
Hero Component
Main Link Class
Default Page
About Page and Title Component
Contact Page
Formspree
Footer
Home Page Services Section
Products Data Intro
Setup State in Context
SetProducts
Image Url Fix
Featured Products Section
Product Component
All Products Section
AddToCart Method
AddTotals Method
SyncStorage Method
SetSingle Product Method
SetSingleProduct Page
SideCart Component
Cart Page Method Placeholders
CartPage Component Setup
CartPage Setup
Cart Columns Component
Cart Totals Component
Cart List Component
Cart Item Component
Increase Method Logic
Remove Item Logic
Clear Cart and Decrease Method Logic
Filter Products Context Setup
Filter Products Product Component Setup
Product Filter Component
Select Input Logic
Handle Change Method Logic
Sort Data Method Logic
Finished Project Before Adding Contentful
Contentful Intro
Contentful Interface
Setting Up Content Model
Adding Content
Retrieving Content
Setting Up Environment Variables and Netlify Build Variables
Image Fix
Paypal Button Setup
React Router Netlify Fix
Finished Project
Javascript ES6
What is React?
Video Blur Fix
Course Review
Course Structure
Course Requirements
Javascript ES6 Module
Dev Environment Setup
Text Editor Setup
Command Line Basics
NPM Basics
What is Create-react-app, Babel, Webpack
Install Create-react-app
Create-react-app Folder Structure
First React Component
Resource Download
First React Component In Detail
React JSX Rules
Nested Components and ES6
Mini Book Project
CSS in React
Javascript in JSX
Props
More Props and Destructuring
Children Props
Intro
Main Project
Project Files
Import and Export (ES6 Modules)
Class Based Components in React
Functional VS Class Based Components
State
Alternative State Syntax
Book Mini Project
Events
this.setState
Passing Methods and 'Prop Drilling'
Passing Methods to Children Components to Work with State
Conditionals in JSX
Intro
Install and Setup
Navbar Component Logic
Navbar Component SASS
Main Project Structure
TourList Component
Tour Component Logic
Tour Component Styling
Tour Info Toggle
Tour Component Delete
Deploy on Netlify with Drag and Drop
Deploy on Netlify with Continuous Deployment (Github, Git)
PropTypes
isRequired and defaultProps
PropTypes : Object Shape
Controlled Inputs and Form Submission
Controlled Inputs Use Case
Uncontrolled Inputs with ref
React Fragment and this.setState() Asynchronous
Project Intro
Setup
Bootstrap and Folder Structure
Github and Netlify Pipeline
App Component
Input Component
Handle Change and HandleSubmit
Todo List Component
Todo Item Component
Clear List and Delete Method
Edit Method
Finished Application
Intro
Setup
Fonts-FontAwesome-Setup Files
Bootstrap - Main CSS Setup
Github - Netlify Continuous Deployment
React Router Intro
Application Pages Structure
React Router Setup
Navbar Component
Header Component
Default Page
Recipe Page Structure
Search Component
Food2Fork API Overview
Recipe List Component
Recipe Component
Single Recipe Page
Single Recipe Page Ajax Request
Environment Variables
Source Files
Recipe Page Ajax Request
Search Functionality
Finished Application
Project Intro
Setup and Installs
Google Fonts, CSS Variables and App.css
Github - Netlify Pipeline
React-Icons Intro
Styled-Components Intro
Folder and Page Structure
React Router Setup
Navbar-Sidebar-Sidecart-Footer
Context API Intro
Context API Setup
Navbar Context API
Navbar Component
Sidebar Component
SideCart Component
Hero Component
Main Link Class
Default Page
About Page and Title Component
Contact Page
Formspree
Footer
Home Page Services Section
Products Data Intro
Setup State in Context
SetProducts
Image Url Fix
Featured Products Section
Product Component
All Products Section
AddToCart Method
AddTotals Method
SyncStorage Method
SetSingle Product Method
SetSingleProduct Page
SideCart Component
Cart Page Method Placeholders
CartPage Component Setup
CartPage Setup
Cart Columns Component
Cart Totals Component
Cart List Component
Cart Item Component
Increase Method Logic
Remove Item Logic
Clear Cart and Decrease Method Logic
Filter Products Context Setup
Filter Products Product Component Setup
Product Filter Component
Select Input Logic
Handle Change Method Logic
Sort Data Method Logic
Finished Project Before Adding Contentful
Contentful Intro
Contentful Interface
Setting Up Content Model
Adding Content
Retrieving Content
Setting Up Environment Variables and Netlify Build Variables
Image Fix
Paypal Button Setup
React Router Netlify Fix
Finished Project
ES6 - var -let -const
ES6 - Block Scoping
ES6 - Template Literals
ES6 - Arrow Functions
ES6 - 'this' keyword
ES6 - assignment destructuring
ES6 - Spread Operator
ES6 - Rest Operator
ES6 - Default Parameters
ES6 - Classes Intro
ES6 - Classes Setup
ES6 - Classes - Inheritance
Sponsored High Speed Downloads
7412 dl's @ 2807 KB/s
Download Now [Full Version]
6824 dl's @ 3451 KB/s
Download Link 1 - Fast Download
9863 dl's @ 3460 KB/s
Download Mirror - Direct Download
Search More...
Udemy - React Tutorial and Projects CourseLinks
Download this book
No active download links here?
Please check the description for download links if any or do a search to find alternative books.Related Books
- Ebooks list page : 40446
- 2021-11-17Udemy - React Tutorial and Projects Course (Updated 10.2021)
- 2022-05-12React Tutorial and Projects Course 2022 (Update 04/2022)
- 2022-03-06Udemy - Javascript Tutorial and Projects Course (2022)
- 2022-01-06React Tutorial and Projects Course (updated 10/2021)
- 2021-11-15Udemy - NodeJS Tutorial and Projects Course (Updated 10.2021)
- 2021-11-10React Tutorial and Projects Course (updated 10 2021)
- 2021-09-04React Tutorial And Projects Course (updated 1 2020)
- 2021-07-02Udemy - NodeJS Tutorial and Projects Course
- 2021-02-22Udemy - Javascript Tutorial and Projects Course
- 2020-03-31React Tutorial and Projects Course (Updated 1/2020)
- 2020-03-11React Tutorial And Projects Course (updated 1 2020)
- 2020-01-16React Tutorial and Projects Course (Updated 1/2020)
- 2020-01-14React Tutorial and Projects Course (Updated 1/2020)
- 2019-12-13React Tutorial and Projects Course (Updated)
- 2019-11-28React Tutorial and Projects Course (Updated)
- 2019-11-27React Tutorial and Projects Course (Updated)
- 2019-11-18React Tutorial and Projects Course (Updated)
- 2019-01-11React Tutorial and Projects Course
- 2019-01-10React Tutorial and Projects Course
Comments
No comments for "Udemy - React Tutorial and Projects Course".
Add Your Comments
- Download links and password may be in the description section, read description carefully!
- Do a search to find mirrors if no download links or dead links.