React Tutorial

32 tutorials

All

Tailwind CSS

Build a Static Site with Figma & Astro

Django with HTMX

Node.js Tutorial for Beginners

JavaScript

Python 3 for Beginners

CSS Positioning Tutorial

Canva Tutorials

HTML Tutorial for Beginners

YouTube SEO Tutorial

PSD to Responsive Website

TypeScript Tutorial

Claude Code

Responsive Web Design

PSD to WordPress

GraphQL Crash Course

CSS Animation Tutorial

CSS Flexbox Tutorial

JavaScript ES6 Tutorial

Angular 2 Tutorial

SASS Tutorial

CSS Tips and Tricks

WebSockets (Socket.io) Tutorial

Asynchronous JavaScript

Grunt JS Tutorial

Styling HTML 5 Forms

Webpack Tutorial for Beginners

REST API Tutorial

Vue JS 2 Tutorial

Vuex Tutorial

JavaScript DOM Tutorial

CSS Grid Tutorial

OAuth Login (Passport.js) Tutorial

Django Tutorial

Object Oriented JavaScript Tutorial

#1 Introduction to React

Learn what React is, why it is so popular, and what you will build in this tutorial series.

#2 Creating a React Application

Set up a new React project using Create React App and explore the project structure.

#3 Components and Templates

Understand React components and JSX — the template syntax for building UI elements.

#4 Dynamic Values in Templates

Learn how to output dynamic values and JavaScript expressions inside JSX templates.

#5 Multiple Components

Learn how to create and nest multiple components to build complex UIs.

#6 Adding Styles

Learn different ways to add CSS styles to your React components.

#7 Click Events

Handle user interactions with click events and event handlers in React.

#8 Using State (useState Hook)

Learn the useState hook to manage reactive data that triggers re-renders.

#9 React Dev Tools

Install and use React Developer Tools to inspect components and state in the browser.

#10 Outputting Lists

Learn how to render lists of data using the map method in JSX.

#11 Props

Learn how to pass data between components using props.

#12 Reusing Components

See how components can be reused with different props to avoid code duplication.