-
Getting Started with React
16 Lessons-
PreviewHow React works
-
StartHello world with React using Classes
-
StartHello world with React using functional components
-
StartStyling Components
-
StartUsing Bootstrap CSS
-
PreviewUsing props - passing data to components
-
StartReact and State I
-
StartReact and State II
-
StartReact and State III
-
StartReact and State IV
-
StartReact and State V
-
StartIntercepting form submissions with onSubmit()
-
StarthandleSubmit() continued
-
StartRef: using references in React
-
StartReferences with components: forwardRef()
-
StartClass Lifecycle
-
-
Getting started with our main project: Go Watch a Movie
8 Lessons-
PreviewGetting started with our project
-
StartSetting up the application layout
-
StartGetting started with React Router v6
-
StartConfiguring React Router
-
StartUsing React Router's Link
-
StartWorking on the Movies component
-
StartRouting from the Movies component to individual movies
-
StartDisplaying an individual movie
-
-
Getting started with our Back End API
9 Lessons-
StartStarting the back end API
-
StartAdding handlers and routes to our API
-
StartInstalling a routing package
-
StartAdding a route to our handlers
-
StartReturning JSON from our API
-
StartReturning a list of movies as JSON
-
StartConnecting the front end to the back end API
-
StartEnabling CORS middleware
-
StartEnabling React's proxy to the back end API
-
-
Connecting with Postgres
6 Lessons-
PreviewSetting up our database using Docker
-
StartGetting started connecting our API to Postgres
-
StartInstalling a database driver and connecting to Postgres
-
StartSetting up a database repository I
-
StartSetting up a database repository II
-
StartImproving the allMovies handler to use our database
-
-
Authentication of JWT
19 Lessons-
StartInstalling a JWT package
-
StartGenerating tokens
-
StartSetting default values for JWT tokens
-
StartCreating a handler to generate a JWT
-
StartTrying out our handler
-
StartGenerate refresh token cookie
-
StartReading a JSON payload in the authenticate handler
-
StartLooking up a user by email
-
StartValidating a password
-
StartUpdating the Login component on the front end
-
StartRefresh tokens I
-
StartRefresh tokens II
-
StartRefresh tokens III
-
StartRefresh tokens IV
-
StartRefresh tokens V
-
StartProtecting routes using JWT tokens
-
StartAuthentication middleware
-
StartAdding our middleware to routes
-
StartTrying our our protected routes
-
-
Create/Read/Update/Delete for our Movie Catalogue
29 Lessons-
StartStarting on the Add/Edit movie component
-
StartCreating a select component
-
StartCreating a checkbox component
-
StartUsing our input controls to create the edit movie form
-
StartContinuing to work on the EditMovie component
-
StartGetting a movie and Genres from the database
-
StartCreating handlers to get movies for public and admin
-
StartDisplaying a movie to the public on the front end
-
StartGetting started with showing genres on the Add/Edit movie component
-
StartAdding checkboxes for genres to the front end form
-
StartEnabling checkbox clicks on the EditMovie component
-
StartValidation I
-
StartValidation II
-
StartCreating a database method to insert a movie
-
StartCreating a handler to insert a movie
-
StartGetting a movie image from a remote API I
-
StartGetting a movie image from a remote API II
-
StartHandling genres when inserting a movie
-
StartInserting a movie from the front end
-
StartTrying out adding a movie
-
StartEditing an existing movie I
-
StartEditing an existing movie II
-
StartEditing an existing movie III
-
StartWriting the handler to update a movie
-
StartTrying out editing a movie from the front end
-
StartGetting started with deleting a movie
-
StartDeleting a movie II
-
StartDeleting a movie III
-
StartDeleting a movie IV
-
-
Deploying our application
9 Lessons-
StartConfiguring environment variables with .env
-
StartPreparing the back end for deployment
-
StartDumping our database for the live server
-
StartCopying files to the server for deployment
-
StartPopulating the database on the live server
-
StartStarting our back end with Supervisor
-
StartConfiguring Caddy
-
StartTrying out our live application
-
StartFixing the Genres component
-
