ReactJS

Building frontend apps.

Placeholder image

Getting started

Installing Node.js and npm
Installing Node.js and npm

Installing Node.js and the Node Package Manager (npm) on your local machine.

View Tutorial
App scaffolding with Vite
App scaffolding with Vite

Installing Vite to build a basic ReactJS app with components, and CSS and image files.

View Tutorial
Working with Props
Working with Props

Passing data downward from parent to child components with props (properties).

View Tutorial
State and Hooks
State and Hooks

Creating a stateful component that rerender new data when the app updates.

View Tutorial
More about State
More about State

Adding further examples of stateful components to the counter app.

View Tutorial

Single Page Applications (SPAs)

Introduction to SPAs
Introduction to SPAs

Creating and deploying a Single Page Application (SPA) with fixed navbar and footer components.

View Tutorial

Working with arrays

Accessing array data
Accessing array data

Displaying data from an array with the array.map() method and the key attribute.

View Tutorial

Layout with TailwindCSS

Introduction to TailwindCSS
Introduction to TailwindCSS

Installing TailwindCSS and related items for using with ReactJS.

View Tutorial
Layout with TailwindCSS
Layout with TailwindCSS

Working with the container class and multi-column grid layouts.

View Tutorial
Introduction to Flowbite
Introduction to Flowbite

Installing Flowbite library of components and JavaScript file.

View Tutorial
Introduction to Flowbite
Portfolio website with TailwindCSS and Flowbite

Building a single-page application for a personal portfolio website with ReactJS, TailwindCSS, and Flowbite.

View Tutorial

Deploying to GitHub and GitHub Pages

Deploying apps to GitHub and GitHub Pages
Deploying apps to GitHub and GitHub Pages

Deploying your app code files to GitHub and a remotely working version to GitHub Pages.

View Tutorial
Downloading and installing apps
Downloading and installing apps

Downloading and installing ReactJS apps from GitHub Pages and the npm package registry.

View Tutorial