1
Initializing a new git repo with Github's hub CLI
1m 5s
2
Initialize a new Gatsby project with a gitignore in yarn workspaces
3m 16s
3
Setting up continuous deployment for a Gatsby site in yarn workspaces using Netlify
1m 41s
4
Taking advantage of theme-ui to build a landing page on a Gatsby project without plugins
6m 20s
5
Implementing Authentication with Netlify Identity, React hooks, and Gatsby
3m 20s
6
Using Netlify Identity to control access to a Gatsby client-side dashboard route
5m 29s
7
Fixing the Netlify Identity Widget when it prevents clicks after login
34s
8
Using theme-ui and React useReducer to implement a todo application
4m 38s
9
Deploying a GraphQL API on Netlify serverless functions with apollo-server-lambda
2m 44s
10
Implementing the types and resolvers for a serverless GraphQL Todo API
4m 11s
11
Connecting a Todo app to a serverless GraphQL API using Apollo Client and solving CORS
7m 35s
12
Using Netlify Identity to authenticate a user in a GraphQL API using apollo links
2m 16s
13
Backing a Serverless GraphQL API on Netlify with FaunaDB for data storage
8m 34s

Using theme-ui and React useReducer to implement a todo application

Chris Biscardi

InstructorChris Biscardi

React

Share this video with your friends

In this lesson we use React hooks such as useState and useReducer in conjunction with theme-ui components to render a working todo application behind our authenticated dashboard

illustration for Building a Serverless JAMStack Todo app with Netlify, Gatsby, GraphQL, and FaunaDB

Course

Building a Serverless JAMStack Todo app with Netlify, Gatsby, GraphQL, and FaunaDB