Канал: Leigh Halliday

How to load Maps JavaScript API in React

How to load Maps JavaScript API in React

Cluster map markers in React

Cluster map markers in React

Show directions on a map in React and Google Maps

Show directions on a map in React and Google Maps

Geocoding an Address in React #shorts

Geocoding an Address in React #shorts

Geocoding Addresses in React

Geocoding Addresses in React

Free Next.js Course: 7 / Render Mapbox

Free Next.js Course: 7 / Render Mapbox

Free Next.js Course: 23 / Highlight Hover

Free Next.js Course: 23 / Highlight Hover

Free Next.js Course: 4 / Layout & Nav

Free Next.js Course: 4 / Layout & Nav

Free Next.js Course: 25 / Restricted Route

Free Next.js Course: 25 / Restricted Route

Free Next.js Course: 24 / Map Search

Free Next.js Course: 24 / Map Search

Free Next.js Course: 9 / Google Places

Free Next.js Course: 9 / Google Places

Free Next.js Course: 10 / Image Preview

Free Next.js Course: 10 / Image Preview

Free Next.js Course: 12 / Initialize GraphQL & Apollo Server

Free Next.js Course: 12 / Initialize GraphQL & Apollo Server

Free Next.js Course: 5 / Init Firebase

Free Next.js Course: 5 / Init Firebase

Free Next.js Course: 13 / Initialize Apollo Client

Free Next.js Course: 13 / Initialize Apollo Client

Free Next.js Course: 6 / Auth Page

Free Next.js Course: 6 / Auth Page

Free Next.js Course: 27 / Delete House

Free Next.js Course: 27 / Delete House

Free Next.js Course: 8 / House Form

Free Next.js Course: 8 / House Form

Free Next.js Course: 14 / Upload Image

Free Next.js Course: 14 / Upload Image

Free Next.js Course: 1 / Introduction

Free Next.js Course: 1 / Introduction

Free Next.js Course: 11 / Initialize Prisma

Free Next.js Course: 11 / Initialize Prisma

Free Next.js Course: 3 / Setup

Free Next.js Course: 3 / Setup

Free Next.js Course: 26 / Edit House

Free Next.js Course: 26 / Edit House

Free Next.js Course: 20 / Debounce

Free Next.js Course: 20 / Debounce

Free Next.js Course: 19 / Remember Location

Free Next.js Course: 19 / Remember Location

Free Next.js Course: 29 / HttpOnly Cookie Authentication

Free Next.js Course: 29 / HttpOnly Cookie Authentication

Free Next.js Course: 22 / Houses on Map

Free Next.js Course: 22 / Houses on Map

Free Next.js Course: 15 / House Mutation

Free Next.js Course: 15 / House Mutation

Free Next.js Course: 18 / Nearby Houses

Free Next.js Course: 18 / Nearby Houses

Free Next.js Course: 16 / Show House

Free Next.js Course: 16 / Show House

Free Next.js Course: 28 / Vercel Deploy

Free Next.js Course: 28 / Vercel Deploy

Free Next.js Course: 2 / Requirements

Free Next.js Course: 2 / Requirements

Free Next.js Course: 21 / Query Bounds

Free Next.js Course: 21 / Query Bounds

Free Next.js Course: 17 / House on Map

Free Next.js Course: 17 / House on Map

Building an interactive map with Google Maps Platform and React - Crash Course

Building an interactive map with Google Maps Platform and React - Crash Course

Create the Coinbase QR Code Commercial in React

Create the Coinbase QR Code Commercial in React

Catching specific errors in JavaScript

Catching specific errors in JavaScript

Validating user input with Zod

Validating user input with Zod

Map vs Object in JavaScript

Map vs Object in JavaScript

Easily create a blog with Next.js, MDX, SSG and Syntax Highlighting

Easily create a blog with Next.js, MDX, SSG and Syntax Highlighting

Build a Mock REST API in Seconds with JSON Server

Build a Mock REST API in Seconds with JSON Server

Remix & Upstash Redis - Making a Feature Flag Management System

Remix & Upstash Redis - Making a Feature Flag Management System

I Bombed A Technical Interview

I Bombed A Technical Interview

Remix's Three Most Powerful Features: Routing, Data Loading, Form Actions

Remix's Three Most Powerful Features: Routing, Data Loading, Form Actions

First Look at Remix React Framework

First Look at Remix React Framework

React Web3 Intro

React Web3 Intro

Vercel Edge Function URL Shortener with Upstash Redis

Vercel Edge Function URL Shortener with Upstash Redis

Introduction to React Native Web

Introduction to React Native Web

Create a React Scoreboard with Upstash Redis

Create a React Scoreboard with Upstash Redis

Staggered Animations in React with Framer Motion in 5 Minutes

Staggered Animations in React with Framer Motion in 5 Minutes

Rate Limiting your Serverless Functions with Upstash Redis

Rate Limiting your Serverless Functions with Upstash Redis

The easiest React global state management library - no context/providers!

The easiest React global state management library - no context/providers!

IP Address Allow/Deny with Cloudflare Workers and Upstash Redis

IP Address Allow/Deny with Cloudflare Workers and Upstash Redis

Improving SEO with (Dynamic) Sitemaps in Next.js

Improving SEO with (Dynamic) Sitemaps in Next.js

Next.js with GraphCMS: Static Site Generation & API Routes using a Headless CMS

Next.js with GraphCMS: Static Site Generation & API Routes using a Headless CMS

Building a Cache with Upstash Redis in Next.js

Building a Cache with Upstash Redis in Next.js

Pie Charts in React with visx

Pie Charts in React with visx

Seeding Database with Prisma & Faker

Seeding Database with Prisma & Faker

Adding Feature Flags to Next.js (Upstash Redis, SWR, Hooks)

Adding Feature Flags to Next.js (Upstash Redis, SWR, Hooks)

Vanilla JS Todo App - You should know the DOM!

Vanilla JS Todo App - You should know the DOM!

React Framework Comparison: Gatsby, Next.js, Blitz, Redwood

React Framework Comparison: Gatsby, Next.js, Blitz, Redwood

Console is more than just log!

Console is more than just log!

Recursion Crash Course: Learn Recursion in 15 minutes with JavaScript

Recursion Crash Course: Learn Recursion in 15 minutes with JavaScript

Mocking APIs During Development in React

Mocking APIs During Development in React

Fix Your Mistakes, Don't Commit Them! Pre-Commit Git Hook Checks with Husky and Lint Staged.

Fix Your Mistakes, Don't Commit Them! Pre-Commit Git Hook Checks with Husky and Lint Staged.

Beautiful Area Charts in React with Recharts

Beautiful Area Charts in React with Recharts

Can URQL replace Apollo Client? URQL tutorial with SSR and SSG in under 20 minutes using Next.js

Can URQL replace Apollo Client? URQL tutorial with SSR and SSG in under 20 minutes using Next.js

2021 Intro to MobX Tutorial - Building a Simple Blockchain!

2021 Intro to MobX Tutorial - Building a Simple Blockchain!

Using Firebase Realtime Database with React

Using Firebase Realtime Database with React

Easily Add Firebase Auth to React

Easily Add Firebase Auth to React

Charging Money with Stripe in Next.js in 15 Minutes

Charging Money with Stripe in Next.js in 15 Minutes

How to use Firebase's Realtime Database in React

How to use Firebase's Realtime Database in React

Shameless Self Promotion: Next Level Next.js, My New Course!

Shameless Self Promotion: Next Level Next.js, My New Course!

Don't waste your time! Automate everything! Apollo CLI TypeScript/GraphQL Codegen

Don't waste your time! Automate everything! Apollo CLI TypeScript/GraphQL Codegen

Client and Server Side Cookies in Next.js

Client and Server Side Cookies in Next.js

Introduction to Next.js 10's Internationalized (i18n) Routing

Introduction to Next.js 10's Internationalized (i18n) Routing

Intro to TypeScript Generics

Intro to TypeScript Generics

Routing, Linking and Redirecting in Next.js

Routing, Linking and Redirecting in Next.js

Next.js 10's New Image Component

Next.js 10's New Image Component

Custom React Local Storage Hook

Custom React Local Storage Hook

Image Previews in React with FileReader

Image Previews in React with FileReader

Using the KwesForms form service with React

Using the KwesForms form service with React

Image Uploads to Cloudinary in React with Drag & Drop

Image Uploads to Cloudinary in React with Drag & Drop

Immutable Data Without Pain & Suffering

Immutable Data Without Pain & Suffering

Adding Authentication to Next.js (GitHub Connect, JWT + Prisma 2 Integration)

Adding Authentication to Next.js (GitHub Connect, JWT + Prisma 2 Integration)

Creating a Rush Monorepo with a React App and Shared Component Library

Creating a Rush Monorepo with a React App and Shared Component Library

How I Manage State in React

How I Manage State in React

Public URLs on localhost using ngrok

Public URLs on localhost using ngrok

Using Prisma with Nexus Schema

Using Prisma with Nexus Schema

Web Scraping in Node.js using Cheerio, Puppeteer, and Fetch

Web Scraping in Node.js using Cheerio, Puppeteer, and Fetch

What does JSON.stringify's second argument actually do?!?!

What does JSON.stringify's second argument actually do?!?!

Draggable Divs with Recoil State Management

Draggable Divs with Recoil State Management

Introduction to React Recoil (Experimental) State Management

Introduction to React Recoil (Experimental) State Management

Tracking Errors & Performance in Next.js with AppSignal

Tracking Errors & Performance in Next.js with AppSignal

Apollo Client v3 Fullstack Next.js Setup with SSR + Nexus Schema

Apollo Client v3 Fullstack Next.js Setup with SSR + Nexus Schema

Build your own GraphQL Resume with Next.js, Apollo Client, and Prism Code Highlighter. Part 2 / 2.

Build your own GraphQL Resume with Next.js, Apollo Client, and Prism Code Highlighter. Part 2 / 2.

Build your own GraphQL Resume with Next.js, Apollo Server, and Nexus Schema. Part 1 / 2.

Build your own GraphQL Resume with Next.js, Apollo Server, and Nexus Schema. Part 1 / 2.

Using reCAPTCHA in React and Node

Using reCAPTCHA in React and Node

Creating a User Registration form with react-hook-form

Creating a User Registration form with react-hook-form

Full Stack Next.js & MongoDB from Start to Finish

Full Stack Next.js & MongoDB from Start to Finish

Exploring GeoJSON & MongoDB - Index, Query, and Validate

Exploring GeoJSON & MongoDB - Index, Query, and Validate

Deploying Next.js to Vercel with Environment Variables

Deploying Next.js to Vercel with Environment Variables

Building a Backend for React with Next.js, Prisma 2, and Postgres

Building a Backend for React with Next.js, Prisma 2, and Postgres

Posting Data to Server from React - Query Updates from Mutations

Posting Data to Server from React - Query Updates from Mutations

Don't Mock Fetch (or Axios): Use Mock Service Worker and Test Like a User

Don't Mock Fetch (or Axios): Use Mock Service Worker and Test Like a User

Web Speech API & React Tutorial - Word Matching Game

Web Speech API & React Tutorial - Word Matching Game

Google Maps & Google Places in React

Google Maps & Google Places in React

Mocking Fetch in React Components

Mocking Fetch in React Components

Mocking Fetch Using jest-fetch-mock

Mocking Fetch Using jest-fetch-mock

How to Mock Fetch in Jest Manually

How to Mock Fetch in Jest Manually

Creating a simple Slack app in Node

Creating a simple Slack app in Node

JS Fundamentals: Promise.all / Promise.any

JS Fundamentals: Promise.all / Promise.any

Drag n' Drop Files in React - Parsing CSVs

Drag n' Drop Files in React - Parsing CSVs

Reduce: 10 Different Examples. JavaScript Fundamentals.

Reduce: 10 Different Examples. JavaScript Fundamentals.

Instagram Style Route as Modal in Next.js

Instagram Style Route as Modal in Next.js

Fetch props directly from the Database?!?! New Hooks in Next.js 9.3!

Fetch props directly from the Database?!?! New Hooks in Next.js 9.3!

Dark Mode w/ Custom React Hooks using Local Storage

Dark Mode w/ Custom React Hooks using Local Storage

gqless: GraphQL Without GQL in React

gqless: GraphQL Without GQL in React

React Geospatial Visualization with kepler.gl

React Geospatial Visualization with kepler.gl

React Query - Data Fetching Hooks

React Query - Data Fetching Hooks

React Router v6 Tutorial in 15 Minutes

React Router v6 Tutorial in 15 Minutes

React Stripe Elements Package (NEW 2020) + Charging Stripe in Node: Full stack tutorial

React Stripe Elements Package (NEW 2020) + Charging Stripe in Node: Full stack tutorial

That React Component Right Under Your Context Provider Should Probably Use React.memo

That React Component Right Under Your Context Provider Should Probably Use React.memo

Using DataLoader to Avoid N+1 Queries in GraphQL

Using DataLoader to Avoid N+1 Queries in GraphQL

GraphQL Pagination with Cursors in Apollo React

GraphQL Pagination with Cursors in Apollo React

Colocating GraphQL Fragments... huh?

Colocating GraphQL Fragments... huh?

Mastering the basics of SEO in React and Next.js

Mastering the basics of SEO in React and Next.js

How to NOT render something in React

How to NOT render something in React

Binary Search algorithm in JavaScript

Binary Search algorithm in JavaScript

How to create and publish a JavaScript (React / TypeScript) package to NPM using TSDX

How to create and publish a JavaScript (React / TypeScript) package to NPM using TSDX

Clustering data in Google Maps and React

Clustering data in Google Maps and React

Mapbox Marker Clustering

Mapbox Marker Clustering

React Data Fetching with Hooks using SWR

React Data Fetching with Hooks using SWR

Introduction to MobX & React in 2020

Introduction to MobX & React in 2020

XState - Video Player & Nested States - Finite State Machines in React

XState - Video Player & Nested States - Finite State Machines in React

XState - Data Loading Service - Finite State Machines in React

XState - Data Loading Service - Finite State Machines in React

XState - An introduction - Finite State Machines in React

XState - An introduction - Finite State Machines in React

React & Infinite Scroll - IntersectionObserver

React & Infinite Scroll - IntersectionObserver

React Hooks: useContext

React Hooks: useContext

React Hooks: useReducer

React Hooks: useReducer

Google Places - Autocomplete in React

Google Places - Autocomplete in React

Secrets and Environment Variables in Next.js and Now

Secrets and Environment Variables in Next.js and Now

How to use React Autosuggest to build Combo Boxes with Auto Complete

How to use React Autosuggest to build Combo Boxes with Auto Complete

Forms in React with Formik

Forms in React with Formik

Forms in React - Vanilla React

Forms in React - Vanilla React

Serverless OG Image - Part 3 - Temporary File

Serverless OG Image - Part 3 - Temporary File

Serverless OG Image - Part 4 - Taking Screenshot

Serverless OG Image - Part 4 - Taking Screenshot

Serverless OG Image - Part 1 - Deploying our first serverless function

Serverless OG Image - Part 1 - Deploying our first serverless function

Serverless OG Image - Part 2 - Parsing Request

Serverless OG Image - Part 2 - Parsing Request

Iterating Objects in JavaScript

Iterating Objects in JavaScript

React and Intersection Observer

React and Intersection Observer

Testing GraphQL with Auto Mocked Provider

Testing GraphQL with Auto Mocked Provider

How to Mock GraphQL Queries using MockedProvider

How to Mock GraphQL Queries using MockedProvider

Google Maps in React - Building interactive maps

Google Maps in React - Building interactive maps

Mapbox - Interactive maps in React

Mapbox - Interactive maps in React

Tagged Template Literals: Exploring styled-components use of this syntax

Tagged Template Literals: Exploring styled-components use of this syntax

Generating TypeScript Types from GraphQL Schema in Apollo

Generating TypeScript Types from GraphQL Schema in Apollo

Testing MobX with React Testing Library

Testing MobX with React Testing Library

React Testing Library - Testing Redux

React Testing Library - Testing Redux

Cancelling a Fetch request in a useEffect hook

Cancelling a Fetch request in a useEffect hook

Cancelling an Axios request in a useEffect hook

Cancelling an Axios request in a useEffect hook

The useEffect hook and its lifecycle

The useEffect hook and its lifecycle

React Testing Library - Testing a mock Axios request

React Testing Library - Testing a mock Axios request

React Testing Library - Events and Async

React Testing Library - Events and Async

Intro to React Testing Library

Intro to React Testing Library

React Suspense with CPU intensive background functions

React Suspense with CPU intensive background functions

Custom fetch hook that works with React Suspense

Custom fetch hook that works with React Suspense

Suspense with @reach/router and React.lazy

Suspense with @reach/router and React.lazy

Intro to Suspense and React.lazy

Intro to Suspense and React.lazy

Implementing a "Blur Up" image component

Implementing a "Blur Up" image component

Immer - Immutability through mutations

Immer - Immutability through mutations

Using Apollo Link State

Using Apollo Link State

React Hooks with Apollo GraphQL

React Hooks with Apollo GraphQL

Gatsby & TypeScript

Gatsby & TypeScript

GraphQL with your REST endpoints with RestLink

GraphQL with your REST endpoints with RestLink

Beyond Apollo Boost - Configuring the Apollo Client from the ground up

Beyond Apollo Boost - Configuring the Apollo Client from the ground up

GraphQL with ApolloBoost Client

GraphQL with ApolloBoost Client

What are React hooks?

What are React hooks?

What is React memo?

What is React memo?

How to use GraphQL with React

How to use GraphQL with React

Map, Reduce, Filter, and Pie Charts

Map, Reduce, Filter, and Pie Charts

Mocking Axios in Jest + Testing Async Functions

Mocking Axios in Jest + Testing Async Functions

Introducing the React Context API

Introducing the React Context API

Testing Asynchronous Components with Mocks in Jest

Testing Asynchronous Components with Mocks in Jest

Error Boundaries and Render Props

Error Boundaries and Render Props

Getting started with testing in React

Getting started with testing in React

Easy MobX and Redux Comparison

Easy MobX and Redux Comparison

Introduction to React Motion Tutorial

Introduction to React Motion Tutorial

Async in MobX

Async in MobX

Using Refs in React

Using Refs in React

Introduction to MobX State Tree

Introduction to MobX State Tree

MobX in create react app without ejecting (with CRA 1)

MobX in create react app without ejecting (with CRA 1)

Converting callbacks into async/await

Converting callbacks into async/await

Introduction to MobX and React

Introduction to MobX and React

Leigh Halliday Live Stream

Leigh Halliday Live Stream