Udemy - React Tutorial and Projects Course

Date: March 2019
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