We’ll start off this course by setting up both of our projects. Once we’ve got the fairly boring setup out of the way, we can begin to add new functionality and build up our application and see some positive results!
Setting Up Our Go Project
Note - We’ll be using Go version 1.11 for this course as it is the latest at the time of writing this.
If you are familiar with Go, this step is fairly easy, we’ll want to start off by creating a new directory called
backend within our project directory.
backend directory will house all of our Go code for this project. We’ll then want to initialize our project by calling:
This should initialize go modules within our backend project and it means we can start fleshing out our project and making it a proper Go application.
Once, you’ve run these commands, you should notice that this has automatically generated two new files within your
backend/ directory. These should be the
go.mod and the
- go.mod - This file is a bit like your standard
package.jsonin a NodeJS project. It basically details all of the packages and versions required by our project in order to build and run.
- go.sum - This file is used for validation purposes, it contains the expected cryptographic checksums of the content of specific module versions for your application.
Note - For more information on the new experimental Go modules feature, check out the official Wiki page: Go Modules
Validating Everything Works
Once we’ve called
go mod init within our
backend/ directory, we’ll sanity check that everything is working as intended.
Add a new file within your
backend/ directory called
main.go and add the following Go code:
Once you have done this and saved your new file, try running it:
Awesome, if that worked successfully, we can then move on to setting up our Frontend application.
Setting Up Our React Frontend
Setting up our frontend is slightly more complex, we’ll first start by creating another directory within the root of our project that we’ll call
frontend which will house all of our ReactJS code.
Note - We’ll be using facebook/create-react-app in order to generate our React frontend.
Upon running these commands, you should see that it populates our
frontend/ directory with a basic ReactJS application that we can use as our starting point for our application.
Our directory structure should look something like this:
Awesome, we’ve successfully setup both our frontend and our backend pieces of our project and we can get cracking on adding cool functionality.
Check out the next part of this series here: Part 2 - Simple Communication