Zenler Player
Your course is loading. Hang tight.
Working with React and Go (Golang)
Back to curriculum
0% Complete
0% Complete
Introduction
A bit about me
Asking for help
Mistakes. We all make them.
Installing Node
Installing Go
Installing Visual Studio Code
Installing Docker
How React works
Hello world with React using Classes
Hello world with React using functional components
Styling Components
Using Bootstrap CSS
Using props - passing data to components
React and State I
React and State II
React and State III
React and State IV
React and State V
Intercepting form submissions with onSubmit()
handleSubmit() continued
Ref: using references in React
References with components: forwardRef()
Class Lifecycle
Getting started with our project
Setting up the application layout
Getting started with React Router v6
Configuring React Router
Using React Router's Link
Working on the Movies component
Routing from the Movies component to individual movies
Displaying an individual movie
Working on the Login button
Creating the login form
Giving the Login component access to setJWT
Adding error messages and redirects to the Login component
Logging out
Starting the back end API
Adding handlers and routes to our API
Installing a routing package
Adding a route to our handlers
Returning JSON from our API
Returning a list of movies as JSON
Connecting the front end to the back end API
Enabling CORS middleware
Enabling React's proxy to the back end API
Setting up our database using Docker
Getting started connecting our API to Postgres
Installing a database driver and connecting to Postgres
Setting up a database repository I
Setting up a database repository II
Improving the allMovies handler to use our database
Setting up utils.go and a writeJSON helper function
Adding a readJSON helper function
Adding an errorJSON helper function
Using our errorJSON helper function
Installing a JWT package
Generating tokens
Setting default values for JWT tokens
Creating a handler to generate a JWT
Trying out our handler
Generate refresh token cookie
Reading a JSON payload in the authenticate handler
Looking up a user by email
Validating a password
Updating the Login component on the front end
Refresh tokens I
Refresh tokens II
Refresh tokens III
Refresh tokens IV
Refresh tokens V
Protecting routes using JWT tokens
Authentication middleware
Adding our middleware to routes
Trying our our protected routes
Starting on the Add/Edit movie component
Creating a select component
Creating a checkbox component
Using our input controls to create the edit movie form
Continuing to work on the EditMovie component
Getting a movie and Genres from the database
Creating handlers to get movies for public and admin
Displaying a movie to the public on the front end
Getting started with showing genres on the Add/Edit movie component
Adding checkboxes for genres to the front end form
Enabling checkbox clicks on the EditMovie component
Validation I
Validation II
Creating a database method to insert a movie
Creating a handler to insert a movie
Getting a movie image from a remote API I
Getting a movie image from a remote API II
Handling genres when inserting a movie
Inserting a movie from the front end
Trying out adding a movie
Editing an existing movie I
Editing an existing movie II
Editing an existing movie III
Writing the handler to update a movie
Trying out editing a movie from the front end
Getting started with deleting a movie
Deleting a movie II
Deleting a movie III
Deleting a movie IV
Getting started with listing movies by Genre
Creating a handler to list movies by Genre
Modifying the front end to list movies by Genre
Creating the OneGenre component
Getting started with GraphQL
GraphQL II
GraphQL III
Creating a handler for GraphQL
Connecting to our GraphQL endpoint from the front end
Adding search functionality
Configuring environment variables with .env
Preparing the back end for deployment
Dumping our database for the live server
Copying files to the server for deployment
Populating the database on the live server
Starting our back end with Supervisor
Configuring Caddy
Trying out our live application
Fixing the Genres component
Introduction
Introduction
Preview
A bit about me
Asking for help
Mistakes. We all make them.
Setting Up Our Development Environment
Installing Node
Installing Go
Installing Visual Studio Code
Installing Docker
Getting Started with React
How React works
Preview
Hello world with React using Classes
Hello world with React using functional components
Styling Components
Using Bootstrap CSS
Using props - passing data to components
Preview
React and State I
React and State II
React and State III
React and State IV
React and State V
Intercepting form submissions with onSubmit()
handleSubmit() continued
Ref: using references in React
References with components: forwardRef()
Class Lifecycle
Getting started with our main project: Go Watch a Movie
Getting started with our project
Preview
Setting up the application layout
Getting started with React Router v6
Configuring React Router
Using React Router's Link
Working on the Movies component
Routing from the Movies component to individual movies
Displaying an individual movie
Setting up User Login
Working on the Login button
Creating the login form
Giving the Login component access to setJWT
Adding error messages and redirects to the Login component
Logging out
Getting started with our Back End API
Starting the back end API
Adding handlers and routes to our API
Installing a routing package
Adding a route to our handlers
Returning JSON from our API
Returning a list of movies as JSON
Connecting the front end to the back end API
Enabling CORS middleware
Enabling React's proxy to the back end API
Connecting with Postgres
Setting up our database using Docker
Preview
Getting started connecting our API to Postgres
Installing a database driver and connecting to Postgres
Setting up a database repository I
Setting up a database repository II
Improving the allMovies handler to use our database
Working with JSON
Setting up utils.go and a writeJSON helper function
Adding a readJSON helper function
Adding an errorJSON helper function
Using our errorJSON helper function
Authentication of JWT
Installing a JWT package
Generating tokens
Setting default values for JWT tokens
Creating a handler to generate a JWT
Trying out our handler
Generate refresh token cookie
Reading a JSON payload in the authenticate handler
Looking up a user by email
Validating a password
Updating the Login component on the front end
Refresh tokens I
Refresh tokens II
Refresh tokens III
Refresh tokens IV
Refresh tokens V
Protecting routes using JWT tokens
Authentication middleware
Adding our middleware to routes
Trying our our protected routes
Create/Read/Update/Delete for our Movie Catalogue
Starting on the Add/Edit movie component
Creating a select component
Creating a checkbox component
Using our input controls to create the edit movie form
Continuing to work on the EditMovie component
Getting a movie and Genres from the database
Creating handlers to get movies for public and admin
Displaying a movie to the public on the front end
Getting started with showing genres on the Add/Edit movie component
Adding checkboxes for genres to the front end form
Enabling checkbox clicks on the EditMovie component
Validation I
Validation II
Creating a database method to insert a movie
Creating a handler to insert a movie
Getting a movie image from a remote API I
Getting a movie image from a remote API II
Handling genres when inserting a movie
Inserting a movie from the front end
Trying out adding a movie
Editing an existing movie I
Editing an existing movie II
Editing an existing movie III
Writing the handler to update a movie
Trying out editing a movie from the front end
Getting started with deleting a movie
Deleting a movie II
Deleting a movie III
Deleting a movie IV
Displaying movies by Genre
Getting started with listing movies by Genre
Creating a handler to list movies by Genre
Modifying the front end to list movies by Genre
Creating the OneGenre component
GraphQL
Getting started with GraphQL
GraphQL II
GraphQL III
Creating a handler for GraphQL
Connecting to our GraphQL endpoint from the front end
Adding search functionality
Deploying our application
Configuring environment variables with .env
Preparing the back end for deployment
Dumping our database for the live server
Copying files to the server for deployment
Populating the database on the live server
Starting our back end with Supervisor
Configuring Caddy
Trying out our live application
Fixing the Genres component
×
This is an unpublished lesson. This lesson will not be shown for students unless you set it as Public.
Back to Dashboard
No contents are available in this lesson!
No lessons available !
Back to Dashboard
Lesson contents locked
Enroll to unlock this lesson.
Enroll to unlock
Next Lesson