React Courses and Certifications

Coding Tech

How to Add 3D Models to Website Using React Three Fiber

Learn to integrate 3D models into React websites using React Three Fiber. Create interactive Earth and airplane models, add animations, implement geolocation, and connect to real-time flight data APIs.

• YouTube
• 1 hour 7 minutes
• On-Demand
• Free Video

Linode

Adding Offset Pagination to Our Remix Project With Prisma and SQL

Learn to implement offset-based pagination in a Remix project using Prisma and SQL, enhancing performance and user experience for large datasets. Covers database queries, UI controls, and accessibility.

• YouTube
• 27 minutes
• On-Demand
• Free Video

Traversy Media

Build a Shopping Cart With React JS and Stripe

Learn to build a React-based shopping cart with Stripe integration, covering components, routing, context API, and server-side implementation for a fully functional e-commerce solution.

• YouTube
• 1 hour 16 minutes
• On-Demand
• Free Video

LearnWebCode

Code a Game Using React - Data Fetching with useEffect

Build a React-based dog guessing game with API data fetching, state management, and game logic. Learn useEffect, Immer reducer, and local storage implementation for high scores.

• YouTube
• 1 hour 28 minutes
• On-Demand
• Free Video

LearnWebCode

Learn React State - Context, Reducer, Dispatch, Memo

Comprehensive guide to React state management, covering context, reducer, dispatch, and memo. Includes practical examples and best practices for efficient component rendering.

• YouTube
• 1 hour 27 minutes
• On-Demand
• Free Video

LearnWebCode

Create an API - CORS, SPA and Client-Side Routing Explanation

Learn to create a basic API with Express, covering flexible routes, JSON handling, CORS, and client-side routing for dynamic Single Page Applications. Gain practical skills for both backend and frontend development.

• YouTube
• 41 minutes
• On-Demand
• Free Video

LearnWebCode

React and Sass Webpack Tutorial - Extract CSS Into Its Own Separate File

Learn to set up and optimize a React project with webpack, including Babel, Sass, and CSS extraction. Covers component organization, production optimization, and useful developer tools.

• YouTube
• 1 hour 3 minutes
• On-Demand
• Free Video

LearnWebCode

Learn React.js - JSX & useState Tutorial

Master React.js fundamentals including JSX, useState, and useEffect by rebuilding a math game. Learn component creation, state management, and essential hooks for interactive web applications.

• YouTube
• 1 hour 9 minutes
• On-Demand
• Free Video

React WooCommerce Theme With Nextjs and REST API - Headless WordPress WooCommerce

Build a React-based WooCommerce theme using Next.js and REST API, integrating TailwindCSS, handling data fetching, and implementing e-commerce functionalities like product display and cart management.

• YouTube
• 3 hours 30 minutes
• On-Demand
• Free Video

Linode

How to Deploy Remix and Prisma Apps to a VPS Using Linode

Learn to deploy Remix and Prisma apps on a VPS using Linode. Covers code transfer, application setup, database connection, automated running, and domain configuration with Caddy server.

• YouTube
• 30 minutes
• On-Demand
• Free Video

Linode

Creating Sorting Lists with SQL and Prisma

Learn to implement sorting functionality in SQL and Prisma, including creating sort orders, adding UI elements, mapping properties, and optimizing with event listeners and debouncing techniques.

• YouTube
• 26 minutes
• On-Demand
• Free Video

Coding Tech

Building JavaScript Minecraft in 1 Hour - React & Three.js Tutorial

Learn to build a Minecraft clone using React.js, Three.js, and React Three Fiber. Create interactive 3D environments, implement game mechanics, and explore advanced React concepts in this hands-on tutorial.

• YouTube
• 1 hour
• On-Demand
• Free Video

Web Dev Simplified

How to Create a Simple React Clone With Hooks

Learn to build a React clone with hooks, gaining in-depth understanding of component rendering, useState, useEffect, and useMemo while enhancing your JavaScript skills.

• YouTube
• 29 minutes
• On-Demand
• Free Video

React with .NET Web API – Basic App Tutorial

Build a React app with .NET Web API for ranking items through drag-and-drop functionality. Learn to create components, implement navigation, handle images, and integrate backend services.

• freeCodeCamp
• 1-2 hours
• On-Demand
• Free Video

Web Dev Simplified

How to Create a Budget App with React

Build a React budget app with CRUD functionality, covering key concepts like components, context, hooks, and state management for a comprehensive learning experience.

• YouTube
• 1 hour 1 minute
• On-Demand
• Free Video