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+ AWS Certified Developer - Associate
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Neuroscience Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native 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
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup 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

Learn React and Redux by examples (Updated to React 16.12.0)

Your practical guide to build a mobile-ready web applications using React, Redux and React Router
Highest Rated
Rating: 4.6 out of 54.6 (109 ratings)
6,948 students
Created by Vinod Kumar Kayartaya
Last updated 5/2020
English
30-Day Money-Back Guarantee

What you'll learn

  • Build super fast reactive web apps
  • Understand JSX thoroughly
  • Create reusable components
  • Differentiate between stateless and stateful components
  • Handle events
  • Work with controlled and uncontrolled components
  • Understand and create Higher order components
  • Share state amongst components using Parent-Child association
  • Use Redux for state management
  • Create Single Page Applications (SPA) using React Router

Course content

6 sections • 31 lectures • 5h 38m total length

  • Preview03:10
  • Preview02:52

  • Preview06:11
  • Preview11:16
  • Preview11:23
  • Preview06:46
  • Preview05:48
  • Preview05:24
  • Preview15:50
  • Quiz on EcmaScript essentials
    2 questions

  • Preview02:13
  • Preview01:56
  • Preview18:11
  • Using props
    08:21
  • Handling events
    06:09
  • Stateful component
    08:36
  • Stateless component
    04:34
  • Using refs
    11:56
  • Controlled components
    08:07
  • Form validation
    17:15
  • Lifecycle of a React component
    23:28
  • Working with arrays
    11:15
  • Using AJAX for getting data from REST endpoint
    09:06
  • Higher order components
    21:52
  • What is the buzz about Virtual-DOM?
    11:00
  • State management with multiple components
    14:21
  • Quiz on React basics
    8 questions

  • Introduction to Redux
    23:59
  • Using Redux+Thunk with React
    35:14
  • Quiz on React + Redux
    6 questions

  • React router for SPA
    13:24
  • Using route parameters in React SPA
    17:39

  • Thank you
    00:30
  • Bonus lecture
    00:44

Requirements

  • Basics of HTML, CSS and JavaScript
  • Eagerness to learn

Description

This course is fully up-to-date with the latest version of React (16.12.0)  and includes Redux and Routing  feature!


What's this course about?


Learn React and Redux by coding examples. Learn all aspects of the most popular JavaScript framework today using simple but very powerful examples.


For a long time, JavaScript has been the key element of the world wide web. Historically, it's been used for front end validations, dynamic menus, making some AJAX requests etc.


But things have changed since the introduction of Single Page Applications (SPAs). The first major such framework was Angularjs (1.x) from Google, which eventually made way to the new Angular 2, which now is called just Angular. Angular is a very complete framework addressing each and every issue that an application needs.


Developers at Facebook reased a completely different kind of framework called React (or ReactJS), which uses a combination of plain JavaScript and HTML elements (in XML syntax), called JSX. Unlike the Angular framework, this one simply addresses the View part of MVC. The main goal of a React application is to breakdown the entire web application into a bunch HTML-like elements called Components. A component defines the visual appearance of your UI, while converting the data it holds into user interface elements.


Using these components, you can quickly develop amazing and powerful web apps. These components are completely reusable.


This course will start from ground zero and explain what exactly React is and how you may use it (and for which kind of apps). Thereafter, we'll go all the way from basic to advanced. We'll not just scratch the surface but dive deeply into React as well as popular libraries like react-router and Redux.


By the end of the course, you can build amazing React (single page) applications!


Who's teaching you in this course?


My name is Vinod Kumar Kayartaya, I'm a freelance web developer, consultant and a full time professional software trainer. All of my Udemy courses have received a very warm appreciation with ratings >= 4.8.


Since I have an enormous experience in the I.T. teaching industry, I know exactly what a student is looking for when learning a new technology. This way, I would have answered your question, even before you ask them.


For all of my courses, I start from the very basic installation of softwares and tools, and get you started with coding.


NO advanced JavaScript knowledge is required, though you'll be able to move even quicker through the course if you know next-gen JavaScript features like ES6 Arrow functions. Whatever the necessary ES 6/7/8 features that we will be using in React applications, are covered before that.


I hope you will take the first step and enroll yourself for this course.



All the best!

happy learning.


Vinod.

Who this course is for:

  • Software developers
  • College students who want to learn the most popular and in-demand tool

Instructor

Vinod Kumar Kayartaya
Evangelist, Consultant and Developer.
Vinod Kumar Kayartaya
  • 4.4 Instructor Rating
  • 769 Reviews
  • 25,860 Students
  • 15 Courses

After my graduation from Kuvempu University with a University Rank in 1994, continued my studies in Computer Science with Aptech Computer Education for couple of Years.

I got into teaching Computer Software in 1996, when I got a job as teaching faculty in Aptech Computer Eduction, where I was a student. That’s when came to know that teaching is not only a respectable job, but one can enjoy too.

In 1999, I became the founder of a small computer training institute, Lotus Infodesk in Bangalore. Students mostly used to come to my institute for learning C, C++, VB, Oracle and Java.

At the same time, I also got an opportunity to teach in a college for 11th and 12th year students, and had a wonderful time teaching them Pascal.

Unfortunately, the recision hit year 2000-2001 badly hit my training institute, and I like many others had to shutdown the same.

This brought not only a very tough one year, but also brought new opportunities in venturing into Software development and consulting.

In the year 2003, a new door was opened for me – training software engineers in big software companies like Infosys, HP, Cap Gemini and few others.

Since then I am enjoying my journey in this industry, finding few development opportunities on the way.

Here are some of the clients (in alphabetical order) I worked with in the last 6 years:

ABB, Accenture, Amadeus, Bosch, Brillio, CA, Cadestech, Cisco, Collabera, EBay, EFI India, EMC, Epsilon, Exillant, HCL, HP, HPE, Infosys, Manipal Global, Metric Stream, MicroFocus, Mindtree, Persistent, Philips, Publicis Sapient, QSI, Sasken, SLK, Sony, Thomson Reuters, Trianz, Unisys, and Yodlee.

And the technologies I was fortunate enough to conduct classes on:

Advanced DB Concepts, Advanced Java, Advanced JavaScript, Advanced MS-Office, Advanced Python, Ajax, Angular, Angularjs, Bootstrap, C++, Consultation, Design Patterns, DevOps, Docker, Dojo, Eclipse RCP, EJB 3, Excel, ExtJS, Fresher training, Hibernate, HTML 5 & CSS 3, Ionic 3, Java, Java 8 Features, Java Performance Tuning, Jeknins, JMeter, jQuery, JSF, JUnit, Karma, Kubernetes, MEAN stack, Micro services, Mongodb, MS Access, MySQL, Nhibernate, Node.js, OOAD/UML, Perl, PowerPoint, PowerShell scripting, Progressive Web Apps, Protractor, Python, Reactjs, REST Web Services, Rx Java, SOAP Web Services, SPAjs, Spring, Spring boot and Reactjs, SQL, SSIS, SSRS, Struts 2, Typescript, VBA, Web application development, WebGL, XML, and XSLT.

In the mean while, I had a great opportunity to create e-learning content for Manipal Global on Java and JDBC, in 2015. This assignment consisted of 50 hours of learning material including face shot videos, screen recordings, quizzes, assignments, reading material and others.

Somewhere in mid 2018, I started creating video courses, which published for free on this website, which was like a helping content for my classroom students.

In December 2018, I published my first course on Udemy, and since then I have published a total of 14 courses till date.

However, I have published all of my courses on my website for a price, which is like almost free.

Tell me what’s the last thing you purchased for less than 50 rupees, that you own it for your lifetime?

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