Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development React

React 101 - basics complete & latest. Forms, routing, async

Learn React 17 and everything related to it: npm, create-react-app, jsx, props, events, state, styling, git, publishing
Rating: 4.6 out of 54.6 (87 ratings)
12,414 students
Created by Govard Barkhatov
Last updated 11/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Build and understand react web apps
  • Get a react job (freelance, office)
  • Create a portfolio with 6+1 react apps
  • Master the react philosophy

Course content

19 sections • 168 lectures • 10h 53m total length

  • Preview01:34
  • Preview01:36
  • Preview01:18
  • Writing simple "Hello world" react application
    06:09
  • How to get help & asking good questions
    00:50

  • Code editor, node.js with npm, yarn
    02:21

  • Preview00:53
  • index.html is all we need!
    01:38
  • Adding react
    02:27
  • React App without JSX
    03:13
  • What's going on?
    04:54
  • What are those magical props?
    03:21
  • Add more people!
    02:52
  • Summary
    01:13
  • Additional resources
    00:08

  • Preview00:53
  • Creating an application with create-react-app
    03:21
  • Why do we even need something like create-react-app?
    03:57
  • Project structure
    04:05
  • Running that default setup
    03:13
  • Cleaning out our application
    03:54
  • Playing with JSX and hot reloading
    03:04
  • Using different files
    03:43
  • Adding styles
    03:47
  • Adding a dependency and normalizing the styles with normalize.css
    02:14
  • Finishing styles
    03:25
  • Summary
    01:37
  • Additional resources
    00:10

  • Preview00:37
  • Preparing a clean app
    02:12
  • Functional components
    03:03
  • Class components
    02:52
  • Events on functional components
    03:03
  • Events on classes
    01:48
  • Extracting and one-way binding
    03:42
  • Proceeding with the class component
    01:38
  • Passing things to the parent
    02:00
  • Refactor & Styles
    03:49
  • Summary
    00:55
  • Additional resources
    00:06

  • Preview00:34
  • Preparing a clean app
    02:05
  • What is state and how it differs from props?
    01:22
  • Adding and accessing state
    01:22
  • Updating the state
    02:33
  • State and props combination
    08:04
  • React Developer Tools
    02:49
  • What does setState do?
    02:01
  • Meet the lifecycle methods
    00:48
  • Common React Lifecycle Methods
    05:36
  • Summary
    01:11
  • Additional resources
    00:05

  • Intro & Setup
    03:27
  • Making squares
    05:03
  • Board to rule them all!
    04:55
  • X stop it! It's O turn!
    02:48
  • Winning that game
    13:18
  • Resetting the game
    04:51

  • Preview00:25
  • Why different style options?
    00:52
  • Preparing a clean app
    02:08
  • Normal CSS
    05:07
  • Inline CSS
    05:26
  • Sass & SCSS
    05:03
  • CSS Modules
    05:13
  • CSS in JS (JSS)
    06:59
  • Styled Components / Emotion
    07:12
  • What to choose?
    02:19
  • Summary
    00:51
  • Additional resources
    00:10

  • Intro & Setup
    05:35
  • Normalize, fonts
    02:51
  • Everyone needs a Hero
    06:06
  • Header to be above!
    03:43
  • Form & Addition
    14:25
  • Middle Section
    06:07
  • Right and Left sections
    14:08
  • Don't forget about the footer
    08:32

  • Preview00:44
  • Preparing a clean app
    02:52
  • Lists in JavaScript and JSX
    05:44
  • Plenty of different people...
    08:21
  • ...render all of them!
    02:44
  • Keys? What are they?
    02:14
  • Making our keys work
    01:20
  • Questions, questions, questions!
    12:17
  • Summary
    00:57
  • Additional resources
    00:04

Requirements

  • A computer (Windows, Linux, macOS) with browser (Chrome, Firefox, Safari, etc.)
  • Basics of HTML, CSS, JavaScript

Description

This course is fully updated to React 17!

React is the most popular web library for creating user interface. The amount of jobs and projects related to React is enormous. And not for nothing! React is simple enough to learn and does not impose a rigid framework on you. You decide what you want and how you will do it!

My name is Govard Barkhatov and I am a react developer with a huge experience (over 5000+ hours). Unlike most Udemy instructors, I work with real-world react projects. I have not only theoretical but also practical knowledge.

---

You will create 6 different applications, including one right in the theoretical chapter (Async & API):

  1. Tic-tac-toe game

  2. Landing page

  3. Todo list

  4. User management application

  5. Blog

  6. Robots telling jokes about Chuck Norris

  7. People in space application

---

Here's what you find in this course:

  1. Work with react with and without JSX

  2. Pass Props and use Events

  3. Use State and work with Lifecycle methods

  4. Understand most of the styling approaches. Choose between CSS and JS path of doing things

  5. Create React components from arrays of data using Lists and Keys

  6. Work with controlled and uncontrolled forms

  7. Understand how routing works and get the control over browser URL

  8. Communicate with the outer world using Async & API

  9. Use Git to control and publish your application to the web!

---

In this course you will get all you need to understand everything related to react and position yourself as a react developer.

Who this course is for:

  • Anyone who wants to build react applications
  • Web developers with basic or no knowledge of react
  • Developers that want to get inside the react web apps mindset
  • Managers to have the knowledge of how react applications are built
  • Students having issues with web development or react

Instructor

Govard Barkhatov
react developer
Govard Barkhatov
  • 4.6 Instructor Rating
  • 87 Reviews
  • 12,414 Students
  • 1 Course

Hello world!


My name is Govard Barkhatov. Currently I live in Vladivostok, Russia

I am a react web developer. Also I am a freelancer at Upwork with 7+ years of experience and more than 5000+ hours of work on real projects


Degrees

Bachelor of Business Administration (BBA) - Done

Master of Science in Information Technology (MSc(IT)), Artificial Intelligence and Big Data - In progress

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.