Introduction to React
Overview
This journey includes:
- 14+ hours of on-demand video
- 7 modules
- Intermediate level
- Direct access/chat with the instructor
- 100% self-paced online
- Many downloadable resources
- Shareable certificate of completion
- React Immersion for Beginners - You’ll start off by learning basic React syntax and the architecture of a React web application, working your way through progressively more advanced concepts until you reach a very deep level of understanding.
- Introduction to React and Redux - Learn React and Redux by coding examples. Learn all aspects of the most popular JavaScript framework today using simple but very powerful examples.
- Full Stack React in 60 Minutes - With the rise of technologies such as React, Node.js, MongoDB, JavaScript developers are now capable of creating, publishing, and managing entire web applications on their own. Of course, this requires developers to understand all the key concepts behind full-stack development.
Skills You Will Gain
Learning Outcomes (At the end of this program you will be able to)
- Code a full-scale React application
- Build and deploy this application so that it can be accessed from anywhere
- Learn to recognize good and bad patterns in React code
- State management using flux architecture with Redux
- Understand JSX thoroughly
- 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
- Understand the various parts of a full-stack application and how they fit together
- Create a web server using Node.js and the Express.js framework
Who Should Attend
- Software Developer/Engineer
- Front-end Developer/Engineer
- Back-end Developer/Engineer
Curriculum
This course aims to cover the knowledge needed to effectively create and manage front-end codebases using React, currently the most popular front-end JavaScript framework.
1Welcome to the course!
About this course: Overview, Learning Outcomes, Who Should Enroll...
Instructor bio - Shaun Wassell
2Course Content
Segment - 01 - What is React?
Segment - 02 - Setting up a React Project
Segment - 03 - React Folder Structure
Segment - 04 - How to use JSX?
Segment - 05 - Organizing Code Using Components
Segment - 06 - Using Props
Segment - 07 - Displaying Lists
Segment - 08 - Handling Events
Segment - 09 - Component State and the use of State Hook
Segment - 10 - How do React components Re-render
Segment - 11 - Sharing State between Components
Segment - 12 - Component Lifecycle and the use of Effect Hook
Segment - 13 - Routing in React
Segment - 14 - URL and Query Parameters
This course includes practical guide to build a mobile-ready web applications using React, Redux and React Router.
1Welcome to the course!
About this course: Overview, Learning Outcomes, Who Should Enroll...
2Module 1: Introduction
Segment - 01 - Course Introduction
Segment - 02 - Software Setup
3Module 2: EcmaScript essentials (ES6, ES7, ES8…. NextGen JavaScript)
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
4Module 3: Learn React by examples
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
5Module 4: Learn Redux by examples
Segment - 26 - Introduction to Redux
Segment - 27 - Using Redux+Thunk with React
6Module 5: Learn Routing by examples
Segment - 28 - React Router for SPA
Segment - 29 - Using route parameters in React SPA
In this course, we show you the fundamentals of React development and platform, walking-through all the different pieces of a full-stack React application to ensure you understand how each piece works and fit together.
1Welcome to the course!
About this course: Overview, Learning Outcomes, Who Should Enroll...
Instructor bio - Shaun Wassell
2Course Content
Segment 01 - Introduction
Segment 02 - The 3 Main Parts of a Full-Stack App
Segment 03 - Creating our Own React Components
Segment 04 - Displaying Lists of Components and Working with Forms
Segment 05 - Setting Up A Node Server
Segment 06 - Creating and Testing Node Endpoints
Segment 07 - Loading Server Data In React
Segment 08 - Sending POST and DELETE Requests in React
3Recommended Further Readings
30 Days of React
Modern Full-Stack Development
Instructors
Shaun Wassell
Shaun Wassell is a seasoned full-stack developer with deep expertise in modern web technologies, particularly React and Node.js. His journey in software engineering began with building and maintaining complex web applications, where he employed Test Driven Development (TDD) and Agile methodologies to deliver scalable, high-performance solutions.
With a strong foundation in both front-end and back-end development, Shaun has excelled in roles such as Senior Software Engineer and Software Developer. His focus has consistently been on writing clean, maintainable code, improving team efficiency, and integrating innovative technologies into development workflows. His technical toolkit includes frameworks like Angular and essential tools such as Redis, MongoDB, and GitHub, all of which he leverages to drive successful project outcomes.
Beyond his technical contributions, Shaun is passionate about teaching and mentoring aspiring developers. He brings clarity and structure to the learning process, helping students navigate the full-stack development lifecycle—from building responsive user interfaces to architecting solid backend systems. His dedication to continuous learning ensures that he stays current with evolving industry trends, providing learners with practical, up-to-date insights.
Through his teaching, Shaun Wassell empowers others to master the skills required to build modern, dynamic applications and thrive in the ever-evolving world of software development.
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.
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.