Working with React and Go (Golang)

سرفصل های دوره

Learn how to build a single page application in React, with data supplied by a Go back end REST API

01 - Introduction

001 Welcome

002 Notice for existing students.html

003 A bit about me

004 Asking for help

005 Mistakes. We all make them

02 - Setting up our development environment

001 Installing Node

002 Installing Go

003 Installing Visual Studio Code

004 Installing Docker

03 - Getting Started with React

001 How React works

002 Hello world with React using Classes

002 source.zip

003 Hello world with React using functional components

003 source.zip

004 Styling Components

004 source.zip

005 Using Bootstrap CSS

005 source.zip

006 Using props passing data to components

006 source.zip

007 React and State I

007 source.zip

008 React and State II

008 source.zip

009 React and State III

009 source.zip

010 React and State IV

010 source.zip

011 React and State V

011 source.zip

012 Intercepting form submissions with onSubmit()

012 source.zip

013 handleSubmit() continued

013 source.zip

014 Ref using references in React

014 source.zip

015 References with components forwardRef()

015 source.zip

016 Class Lifecycle

016 source.zip

04 - Getting started with our main project Go Watch a Movie

001 Getting started with our project

001 source.zip

002 Setting up the application layout

002 movie-tickets.jpg.zip

002 source.zip

003 Getting started with React Router v6

003 source.zip

004 Configuring React Router

004 source.zip

005 Using React Routers Link

005 source.zip

006 Working on the Movies component

006 source.zip

007 Routing from the Movies component to individual movies

007 source.zip

008 Displaying an individual movie

008 source.zip

05 - Setting up User Login

001 Working on the Login button

001 source.zip

002 Creating the login form

002 source.zip

003 Giving the Login component access to setJWT

003 source.zip

004 Adding error messages and redirects to the Login component

004 source.zip

005 Logging out

005 source.zip

06 - Getting started with our Back End API

001 Starting the back end API

001 source-back-end.zip

002 Adding handlers and routes to our API

002 source-back-end.zip

003 Installing a routing package

003 source-back-end.zip

004 Adding a route to our handlers

004 source-back-end.zip

005 Returning JSON from our API

005 source-back-end.zip

006 Returning a list of movies as JSON

006 source-back-end.zip

007 Connecting the front end to the back end API

007 source.zip

008 Enabling CORS middleware

008 source-back-end.zip

009 Enabling Reacts proxy to the back end API

009 source.zip

07 - Connecting to Postgres

001 Setting up our database using Docker

001 db.zip

001 source-back-end.zip

002 Getting started connecting our API to Postgres

002 source-back-end.zip

003 Installing a database driver and connecting to Postgres

003 source-back-end.zip

004 Setting up a database repository I

004 source-back-end.zip

005 Setting up a database repository II

005 source-back-end.zip

006 Improving the allMovies handler to use our database

006 source-back-end.zip

external-links.txt

08 - Working with JSON

001 Setting up utils.go and a writeJSON helper function

001 source-back-end.zip

002 Adding a readJSON helper function

002 source-back-end.zip

003 Adding an errorJSON helper function

003 source-back-end.zip

004 Using our errorJSON helper function

004 source-back-end.zip

09 - Authentication with JWT

001 Installing a JWT package

001 source-back-end.zip

002 Generating tokens

002 source-back-end.zip

003 Setting default values for JWT tokens

003 source-back-end.zip

004 Creating a handler to generate a JWT

004 source-back-end.zip

005 Trying out our handler

006 Generate refresh token cookie

006 source-back-end.zip

007 Reading a JSON payload in the authenticate handler

007 source-back-end.zip

008 Looking up a user by email

008 source-back-end.zip

009 Validating a password

009 source-back-end.zip

010 Updating the Login component on the front end

010 source.zip

010 source-back-end.zip

011 Refresh tokens I

011 source-back-end.zip

012 Refresh tokens II

012 source.zip

013 Refresh tokens III

013 source.zip

013 source-back-end.zip

014 Refresh tokens IV

014 source.zip

015 Refresh tokens V

015 source.zip

016 Protecting routes using JWT tokens

016 source-back-end.zip

017 Authentication middleware

017 source-back-end.zip

018 Adding our middleware to routes

018 source-back-end.zip

019 Trying our our protected routes

019 source.zip

019 source-back-end.zip

external-links.txt

10 - CreateReadUpdateDelete for our Movie Catalogue

001 Starting on the AddEdit movie component

001 source.zip

002 Creating a select component

002 source.zip

003 Creating a checkbox component

003 source.zip

004 Using our input controls to create the edit movie form

004 source.zip

005 Continuing to work on the EditMovie component

005 source.zip

006 Getting a movie and Genres from the database

006 source-back-end.zip

007 Creating handlers to get movies for public and admin

007 source-back-end.zip

008 Displaying a movie to the public on the front end

008 source.zip

009 Getting started with showing genres on the AddEdit movie component

009 source-back-end.zip

010 Adding checkboxes for genres to the front end form

010 source.zip

011 Enabling checkbox clicks on the EditMovie component

011 source.zip

012 Validation I

012 source.zip

013 Validation II

013 source.zip

014 Creating a database method to insert a movie

014 source-back-end.zip

015 Creating a handler to insert a movie

015 source-back-end.zip

016 Getting a movie image from a remote API I

016 source-back-end.zip

017 Getting a movie image from a remote API II

017 source-back-end.zip

018 Handling genres when inserting a movie

018 source-back-end.zip

019 Inserting a movie from the front end

019 source.zip

020 Trying out adding a movie

020 source-back-end.zip

021 Editing an existing movie I

021 source.zip

022 Editing an existing movie II

022 source.zip

023 Editing an existing movie III

023 source-back-end.zip

024 Writing the handler to update a movie

024 source-back-end.zip

025 Trying out editing a movie from the front end

025 source.zip

025 source-back-end.zip

026 Getting started with deleting a movie

026 source.zip

027 Deleting a movie II

027 source-back-end.zip

028 Deleting a movie III

028 source-back-end.zip

029 Deleting a movie IV

external-links.txt

11 - Displaying movies by Genre

001 Getting started with listing movies by Genre

001 source-back-end.zip

002 Creating a handler to list movies by Genre

002 source-back-end.zip

003 Modifying the front end to list movies by Genre

003 source.zip

004 Creating the OneGenre component

004 source.zip

12 - GraphQL

001 Getting started with GraphQL

001 source-back-end.zip

002 GraphQL II

002 source-back-end.zip

003 GraphQL III

003 source-back-end.zip

004 Creating a handler for GraphQL

004 source-back-end.zip

005 Connecting to our GraphQL endpoint from the front end

005 source.zip

005 source-back-end.zip

006 Adding search functionality

006 source.zip

13 - Deploying our application

001 Configuring environment variables with .env

001 source.zip

002 Preparing the back end for deployment

002 source-back-end.zip

003 Dumping our database for the live server

004 Copying files to the server for deployment

005 Populating the database on the live server

006 Starting our back end with Supervisor

007 Caddyfile.zip

007 Configuring Caddy

008 Trying out our live application

009 Fixing the Genres component

external-links.txt

14 - LEGACY Introduction

001 Introduction

002 A bit about me

003 How to ask for help

004 Useful Resources.html

15 - LEGACY Setting up our Development Environment

001 Installing node.js and an IDE

002 Installing Postgres

003 Installing Go

external-links.txt

16 - LEGACY Getting started with React

001 How React Works

002 How to use the downloadable code

003 Our first React app

004 The obligatory Hello, world app

005 Working with components

005 source-code.zip

006 Styling components

006 source-code-styling-components.zip

007 Using a CSS Framework

008 More about the CSS Framework

008 source-code-more-css.zip

009 Components and props

009 source-code-props.zip

010 More about props

011 React Events

011 source-code-events.zip

012 More events

012 source-code-more-events.zip

013 Refs

013 source-code.zip

014 Simplifying things with state

014 source-code-simplifying-things-with-state.zip

015 More about state lifting state to share data between components

015 source-code-more-about-state.zip

016 Functional components

016 source.zip

017 Cleaning things up

017 source-code-cleanup.zip

external-links.txt

17 - LEGACY Building the Front End

001 What are we going to create

002 A note about React Router 6.html

003 Creating our front end application and introducting the React Router

003 source-code-intro.zip

004 Routing to a component

004 source-code-routing-to-component.zip

005 Challenge Route to components

006 Solution to Challenge

006 source-code-solution.zip

007 More about routing (and a bit about the React lifecycle)

007 source-code-nested-links-1.zip

008 More about routing Part II

008 source-code-nested-routing-2.zip

009 More about routing Part III

009 source-code-nested-routing-3.zip

010 Displaying one movie

010 source-code-nested-routing-4.zip

external-links.txt

18 - LEGACY Setting up our Go Back end as a REST API

001 Installing the necessary software

002 Setting up the Go project

002 source-code-setting-up-app.zip

003 Installing a router and creating better handlers

003 source-code-installing-router.zip

004 Models

004 source-code-models.zip

005 Setting up a simple API route

005 source-code-one-route.zip

006 Improved error handling

006 source-code-improved-error-handling.zip

007 Creating the database

007 go-movies.zip

008 Creating our connection pool and connecting to the database

008 source-code-connecting-to-db.zip

009 Database functions And a challenge

009 source-code-database-functions.zip

010 Solution to challenge

010 source-code-solution-db-functions.zip

011 An aside cleaning up our JSON feed

011 source-code-db-functions-2.zip

012 Getting all movies as JSON

012 source-code-get-all-movies.zip

013 Next Steps

013 source-code-next-steps.zip

external-links.txt

19 - LEGACY Connecting to our REST API

001 Setting up CORS middleware

001 source-code-cors.zip

002 Getting the list of movies

002 source-code-list-all-movies-react.zip

003 Checking for errors

003 source-code-error-checking.zip

004 Displaying one movie

004 source-code-display-one-movie-front-end.zip

005 Getting started with Movies by Genre

005 source-code-genres-part-1.zip

006 Getting Genres from back end

006 source-code-genres-part-2.zip

007 Displaying the list of Genres

007 source-backend-app.zip

007 source-front-end.zip

008 Getting movies by Genre

008 source-code-back-end-movies-by-genre.zip

009 Displaying movies by Genre

009 source-code-displaying-movies-by-genre-front-end.zip

010 Showing Genre name - an alternative to lifting state

010 source-code-show-genre-name.zip

011 Code clean up

011 source-code-clean-up.zip

20 - LEGACY Working with forms, React, and Go

001 Building a form in React

001 source-form.zip

002 Making our form a controlled component, and binding it to state

002 source-form-2.zip

003 Making form inputs reusable components and a Challenge

003 source-forms-3.zip

004 Solution to Challenge

004 source-form-4.zip

005 Creating a reusable select component

005 source-reusable-select.zip

006 Prepopulating the form with an existing movie

006 source-populating-form.zip

007 Sending data to the REST back end

007 source-back-end.zip

007 source-front-end.zip

008 Client side form validation

008 source.zip

009 Receiving data on the REST back end

009 source-back-end.zip

010 Providing feedback with a reusable alert

010 source-back-end.zip

010 source-front-end.zip

011 Editing an existing movie

011 source-back-end.zip

012 Deleting a movie

012 source-front-end.zip

013 Adding a confirmation step when deleting movies

013 source-front-end.zip

014 Implementing delete on the back end

014 source-back-end.zip

015 Connecting our delete button to the REST back end

015 source-front-end.zip

016 Challenge displaying list of movies to edit

017 Solution to challenge

017 source-front-end.zip

external-links.txt

21 - LEGACY Securing Routes in our REST API

001 Generating JSON Web Tokens on the back end

001 source-back-end.zip

002 Changing App to a component, and setting up state

002 source-front.zip

003 Getting the JSON Web Token from the back end

003 source-front.zip

004 Handling a successful login

005 Adding middleware to check for a valid token

005 source-back-end.zip

006 Protecting the route on our front end

007 Adding redirects for protected components

007 source-front.zip

008 Challenge

009 Solution to Challenge

009 source-back-end.zip

009 source-front.zip

010 Saving our token when the user leaves the site

010 source-front.zip

011 Making better error responses from our back end

011 source-back-end.zip

012 Adding images

012 movie-tickets.zip

012 source-front.zip

external-links.txt

22 - LEGACY Adding GraphQL into the equation

001 What is GraphQL

002 Setting up a schema and REST endpoint for GraphQL

002 source-back-end.zip

003 Handling the GraphQL request

003 source-back-end.zip

004 Implementing GraphQL requests for all movies

004 source-front.zip

005 Adding a search endpoint

005 source-back-end.zip

006 Implementing GraphQL requests for search on front end

006 source-front.zip

007 Displaying one movie using GraphQL

008 Updating the front end

008 source-front.zip

009 Modifying the back end to handle poster images

009 source-back-end.zip

010 Updating the front end to display the poster image

010 source-back-end.zip

010 source-front.zip

011 Cleaning things up

011 source-back-end.zip

011 source-front.zip

external-links.txt

23 - LEGACY Deploying our app to a server

001 Getting the React application ready for deployment

001 source-front.zip

002 Building the production ready React application

003 Getting the Go project ready for deployment

003 source-back-end.zip

004 Building the Go back end for our remote server

005 Copying files to the server

006 Setting up the production database

007 Setting up the web server

007 caddyfile.zip

008 Running the Go back end with supervisor

external-links.txt

24 - LEGACY Converting our project to use functions and React Hoooks

001 About this section

001 hook-test-source-code.zip

002 Converting the Movies.js component to a function with hooks

002 front-end.zip

003 Coverting the Genres.js component to a function with hooks

003 front-end.zip

004 Converting the OneMovie.js component to a function

004 front-end.zip

005 Converting the OneGenre.js component to a function

005 front-end.zip

006 Converting the EditMovie.js component to a function

006 front-end.zip

007 Challenge convert Admin.js to a function

008 Solution to challenge

008 front-end.zip

009 Convert Login.js to a function

009 front-end.zip

010 Convert App.js to a function

010 front-end.zip

25 - LEGACY Where to go from here

001 React and Redux

external-links.txt

139,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy