JavaScript before ReactJS
The Ternary Operator
Using a concise alternative to writing multi-line if...else statements in JavaScript.
View TutorialThe array.map() method
Applying a function to every item in a copy of an array, without modufyug the original array.
View TutorialThe array.filter() method
Installing the Node Version Manager (nvm), and Node.js and the Node Package Manager (NPM).
View TutorialDestructuring in JavaScript
Destructuring JavaScript objects and arrays to create more readable and concise code in React.js.
View TutorialNodeJS
Installing Node.js
Installing the Node Version Manager (nvm), and Node.js and the Node Package Manager (NPM).
View TutorialReactJS Basics
React Quick Start
Running React code using libraries imported from a CDN and viewing the output with the VSCode Live Server extension
View TutorialComponents and JSX
Understanding React component syntax, create and render functional components, and compose them in parent-child relationships.
View TutorialCreate React App
Exploring the CRA folder and file structure, and creating a basic app with components and imported CSS and image files.
View TutorialWorking with Props
Props (short for 'properties') are arguments passed down from a parent component to its child component.
View Tutorial
State and Hooks
State and Hooks
Creating a stateful component that will rerender new data when the app updates.
View TutorialThe To Do app
Creating a To Do app with the ability to add and remove tasks, and to mark tasks as 'completed'.
View TutorialSPAs, Deploying, and Installing
Introduction to SPAs
Creating a Single Page Application (SPA) with fixed navbar and footer components.
View TutorialDeploying apps to GitHub and GitHub Pages
Deploying your app code files to GitHub and a minimial, remotely working-version to GitHub Pages.
View TutorialDownloading and installing
Downloading and installing ReactJS apps from GitHub Pages and the npm package registry.
View TutorialAI Pair Programming
AI and arrays
Using ChatGPT to populate an array in an app and to write to code list items, delete items, and view a selected item’s full details.
View TutorialPopulating a ReactJS Quiz app
Using ChatGPT, GitHub Copilot Chat, Google Bard or similar AI to populate a quiz app with content to test your knowledge of ReactJS.
View Tutorial