starweaver-logo
LOG INGET STARTED
LOG INGET STARTED
  • Browse
  • Doing

  • On Air
  • Channels
  • Career Paths
  • LEARNING

  • Courses
  • Certifications
  • Journeys
  • Test Prep
  • CONNECTING

  • How It Works
  • Community
  • Techbytes
  • Podcasts
  • Leaderboards
  • SUPPORT

  • Support & FAQs
  • Starweaver for Business
  • Starweaver for Campus
  • Teach with Starweaver
footer-brand-logo
  • COMPANY
  • About Us
  • Support and Knowledge Base
  • Policies & Terms
  • Contact
  • CONTENT
  • Courses
  • Certifications
  • Journeys
  • Test Prep
  • Meet the Gurus
  • Techbytes
  • FOR ORGANIZATIONS
  • Starweaver for Business
  • Starweaver for Campus
  • Catalogue
  • Pricing
  • Private Classes
  • PARTNER WITH US
  • Instructors & Teachers
  • Books, Writing & Publishing
  • FOLLOW US
    • facebook
    • twitter
    • linkedin
    • pinterest
    • instagram
    • youtube
Our trademarks include Starweaver®, Make genius happen™, Education you can bank on®, People are your most important assets!®, Body of Knowledge™, StarLabs™, LiveLabs™, Journeys™
© Starweaver Group, Inc. All Rights Reserved.
  1. Courses
  2. >
  3. Introduction to React and Redux

Introduction to React and Redux

This course includes practical guide to build a mobile-ready web applications using React, Redux and React Router.

Vinod Kumar
Vinod Kumar
Full Stack | core | 5 hours 30 minutes |   Published: Jul 2021
In partnership with:  Coursera

    Discussions

Overview

1.4KSTUDENTS*
95.6%RECOMMEND*

This course includes:

  • 5+ hours of on-demand video
  • 5 modules
  • Core level
  • Direct access/chat with the instructor
  • 100% self-paced online
  • Many downloadable resources
  • Shareable certificate of completion
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 released 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 applications! 

Skills You Will Gain

AJAX
Javascript
React
ReactJS
Redux
Web Development

Learning Outcomes (At the end of this program you will be able to)

  • 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

Prerequisites

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

Who Should Attend

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

Curriculum

Instructors

Frequently Asked Questions

How much do the courses at Starweaver cost?

We offer flexible payment options to make learning accessible for everyone. With our Pay-As-You-Go plan, you can pay for each course individually. Alternatively, our Subscription-Based plan provides you with unlimited access to all courses for a monthly or yearly fee.

Do you offer any certifications upon completion of a course at Starweaver?

Yes, we do offer a certification upon completion of our course to showcase your newly acquired skills and expertise.

Does Starweaver offer any free courses or trials?

No, we don't offer any free courses, but we do offer 5-day trial only on our subscriptions-based plans.

Are Starweaver's courses designed for beginners or advanced students?

Our course is designed with three levels to cater to your learning needs - Core, Intermediate, and Advanced. You can choose the level that best suits your knowledge and skillset to enhance your learning experience.

What payment options are available for Starweaver courses?

We accept various payment methods such as major credit cards, PayPal, wire transfer, and company purchase orders. For more information related to payments contact customer support.

Do you offer refunds?

Yes, we do offer a 100% refund guarantee for our courses within a specified time frame. If you are not satisfied with the course, contact our customer support team to request a refund with your order details. Some restrictions may apply.

*Where courses have been offered multiple times, the “# Students” includes all students who have enrolled. The “%Recommended” shown is also based on this data.
1Welcome to the course!
2Module 1: Introduction
3Module 2: EcmaScript essentials (ES6, ES7, ES8…. NextGen JavaScript)
4Module 3: Learn React by examples
5Module 4: Learn Redux by examples
6Module 5: Learn Routing by examples
Vinod Kumar

Vinod Kumar

With a career spanning over three decades, Vinod brings a wealth of expertise in software development, consulting, and training. His journey began at Aptech Computer Education, where he honed his foundational skills, and since then, he has thrived as an independent consultant, leading numerous projects and training initiatives.

Focused on empowering individuals and organizations with cutting-edge technologies, Vinod specializes in Spring Boot, Hibernate, Node.js, AngularJS, ReactJS, and Python, ensuring his clients stay ahead in an ever-evolving tech landscape. His approach to teaching is deeply rooted in practical application, and whether through corporate training or one-on-one mentoring, he emphasizes hands-on experience with real-world scenarios.

Vinod's extensive portfolio includes notable projects like Madhwa Connect, CINETalenters, and CENTA, showcasing his commitment to delivering impactful solutions and innovative software development. As a consultant to various organizations, including the Centre for Teacher's Accreditation (CENTA), he leverages his deep knowledge to drive excellence in technology adoption and digital transformation.

In addition to his work in software development, Vinod maintains a presence on platforms like Fiverr, where he offers unique services, further demonstrating his dedication to providing high-quality, customized solutions. His educational background in Electronics from Sahyadri Science College underpins his technical acumen, enabling him to break down complex concepts and deliver accessible learning experiences.

Passionate about sharing his knowledge, Vinod is committed to helping others navigate the complexities of modern software technologies and empowering the next generation of developers.

VIEW MY CHANNEL

About this course: Overview, Learning Outcomes, Who Should Enroll...

Segment - 26 - Introduction to Redux

Segment - 27 - Using Redux+Thunk with React

Segment - 01 - Course Introduction

Segment - 02 - Software Setup

Segment - 10 - A Quick Overview of ReactJS

Segment - 11 - Create a New ReactJS Project

Segment - 12 - Hello, React

Segment - 13 - Using Props

Segment - 14 - Handling Events

Segment - 15 - Stateful Components

Segment - 16 - Stateless Components

Segment - 17 - Using refs

Segment - 18 - Controlled Components

Segment - 19 - Form Validation

Segment - 20 - Lifecycle of a React Component

Segment - 21 - Working with Arrays

Segment - 22 - Using AJAX for Getting Data from REST Endpoint

Segment - 23 - Higher Order Components

Segment - 24 - What is the Buzz about Virtual-DOM

Segment - 25 - State Management with Multiple Components

Segment - 03 - Using Let and Const

Segment - 04 - Template Strings

Segment - 05 - Arrow functions

Segment - 06 - Spread and Rest Operators

Segment - 07 - Classes and Objects

Segment - 08 - Object Destructuring

Segment - 09 - Promise and Async-Await

Segment - 28 - React Router for SPA

Segment - 29 - Using route parameters in React SPA