Brad Traversy

Video Guides & Talks

React JS Crash Course 2021 (
Jan 18, 2021
Get started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more.
React App - Breaking Bad API (
Jul 02, 2020
In this project we will use React and the breaking bad api to create a small app to show and filter the character info
React & Tailwind CSS Image Gallery (
Apr 09, 2020
In this project we will integrate Tailwind CSS with React and build an image gallery app with the Pixabay API.
Build an Expense Tracker | React Hooks & Context API (
Feb 22, 2020
In this project we will take a vanilla JS expense tracker app and turn it into a React app using hooks (useState, useContext, useReducer) and the context API.
React Native Crash Course 2020 (
Feb 04, 2020
In this course we will talk about what React Native is and get setup, look at some of the built in components and build a small shopping list app.
React Suspense Introduction (Data Fetching) (
Nov 22, 2019
In this video we're just going to experiment with React Suspense data fetching. Suspense is still an EXPERIMENTAL FEATURE at this time.
React Suspense Introduction (Data Fetching) (
Nov 22, 2019
In this video we're just going to experiment with React Suspense data fetching.
Simple Frontend Pagination | React (
Jun 23, 2019
In this video we will implement some custom pagination in React to get a certain number of fetched posts per page. We will be using the useState and useEffect hooks as well.
Easy Peasy React State Management (
Jun 13, 2019
Easy Peasy simplifies Redux state management and takes away all of that annoying boiler plate. Well take a look at how to get going with it.
React Infinite Scroll Challenge (
Feb 17, 2019
In this video we will create an image gallery with infinite scrolling using Node, React and the Unsplash API. This is a challenge from
Exploring The Wordpress REST API & React Integration (
Feb 10, 2019
In this video we will be looking at the Wordpress Rest API and how to navigate the response data, create custom post types, JWT authentication and we will do a bit of integration with React.
Simple Animations In React (
Jan 13, 2019
In this video we will take a look at the React Spring library and create some simple animations and transitions.
React JS Crash Course - 2019 (
Jan 03, 2019
In this crash course you will learn what React JS is and the fundamentals such as components, state, props, JSX, events, etc.
Introducing React Hooks (
Nov 15, 2018
In this video we will look at the new "hooks" feature proposal in React 16.7, specifically the useState hook which allows us to store state in a functional component. We will also build a small todo app.
Multi Step Form With React & Material UI (
Nov 05, 2018
In this project we will build a React multi step form with multiple componenets including user & personal details, confirmation and success. We will use Material UI as well.
What's New In Create React App 2.0? (
Oct 21, 2018
This is a quick video going over the new features and changes in Create-React-App 2
React Authentication App With Okta (
Jun 16, 2018
In this video we will build a React app that uses authentication from Otka which is a user management system that can be used across multiple apps built on multiple languages/frameworks.
Facebook Login Button In React (
May 11, 2018
In this video we will create a Facebook login button in React to get the users name, email and picture. We will then add it to the component state and render the data. This is an introductory based tutorial.
React & Material UI Project Using The PixaBay API (
Apr 22, 2018
In this project we will use React along with Material UI to build an image finder application that uses the PixaBay API to fetch images based on a query string. We will also implement a Dialog box from Material UI to view the large image.
Jest Crash Course - Unit Testing in JavaScript (
Apr 20, 2018
In this video we will get started with JavaScript unit testing using Jest. We will look at how to setup Jest, different matchers as well as how to test async code, run functions before and after different tests, etc.
Gatsby JS Crash Course (
Apr 12, 2018
This is a 1 hour crash course on Gatsby JS which is a static site generator that runs on React and GraphQL. We will be creating a static site along with a Markdown based blog using a few plugins. We will also deploy our Gatsby site to Netlify.
React & Webpack 4 From Scratch - No CLI (
Mar 29, 2018
In this video we will setup React WITHOUT the Create-React-App CLI. The CLI is fantastic but many people do not understand how it works behind the scenes. In this video we will setup React from scratch with Webpack 4 and Babel.
Redux Crash Course With React (
Mar 17, 2018
In this video we will talk about what Redux is and build a React app from scratch and add all of the boilerplate for Redux and work with the store/state, actions, reducers and all of the other fundamentals of the Redux state manager.
Next.js Crash Course - Server Side React (
Jan 19, 2018
In this video we will talk about Next.js which is a framework to render React on the server. We will look at setup and build a simple application that pulls Bitcoin pricing from an API and displays it in the app.
React & Express Starter Pack For Full Stack Development (
Dec 31, 2017
In this video we will create a starter pack for full stack React and Express development. I will show you how to integrate them and we will use concurrently to run both the front and back end web servers in one npm command.
Using Chart.js With React (
Jun 24, 2017
In this video I will show you how to build a React app that implements the Chart.js JavaScript library for building charts

Courses & Video Series

React Front To Back 2019 (
Jun 04, 2019
Lean Modern React 16.8+ Including Hooks, Context API, Full Stack MERN & Redux By Building Real Life Projects.
GraphQL With React & Apollo (
Nov 12, 2018
In this series we will build a small app using GraphQL, Express, React & Apollo.
React Lyric Search App (Context API) (
Sep 01, 2018
In this project mini-series we will create an app that we can use to search song lyrics using Reacts built in context API along with the Musixmatch public API.
React Front To Back (
Jul 23, 2018
Learn & Master React With The Context API + Redux & Build a Real World Project With Firebase/Firestore.
Learn The MERN Stack (
Jun 27, 2018
In this series we will build a full stack application with MERN (MongoDB, Express, React, Node.js). We will also implement Redux for state management and some other things like Reactstrap and React Transitions.
MERN Stack Front To Back: Full Stack React, Redux & Node.js (
Apr 15, 2018
Build and deploy a social network with Node.js, Express, React, Redux & MongoDB. Learn how to put it all together.
Full Stack React & LoopBack (
Oct 02, 2017
We will setup our backend LoopBack API, connect MongoDB and add some meetups through the explorer.