You’ve followed your first React.js tutorial and you’re feeling great. Now what? In the following article, I’m going to discuss 5 concepts that will bring your React skills and knowledge to the next level.
If you’re completely new to React, take some time to complete this tutorial and come back after!
By far the most important concept on this list is understanding the component lifecycle. The component lifecycle is exactly what it sounds like: it details the life of a component. Like us, components are born, do some things during their time here on earth, and then they die ☹️
With Go version 1.11, we now get an experimental version of WebAssembly. If you don’t know what WebAssembly is, don’t fret. In short, WebAssembly aims to bring high performance, assembly-like code into the browser. This allows developers to put more computationally intensive tasks into the browser, be it for a game or making some super cool animations.
So with that, I’m going to show you how to add Go-based WebAssembly to a React app! This guide assumes you have some familiarity with Webpack, Babel, and React. If you’re new to these technologies, I highly recommend you checkout this tutorial.
With Docker Compose, we get all the benefits of Docker plus more. Docker works by creating a virtual environment(or container) for your code to run. What Docker Compose adds is orchestration and organization of multiple containers. While this tutorial will only spin up a single container for our MySQL instance, Docker Compose can also be used to run all of your various services at once when your project begins to grow out.
Just follow the installation guide for Docker for Mac or Windows here.
First, let’s download the Docker repository. Run the following:
sudo apt-get update
* I will probably rewrite this in the next coming months to use Go 1.11; I have a few more articles on the way first though!
The main point I want to highlight in this article is how Go is a powerful backend language that I feel is unfortunately overshadowed by the popularity of Node.js. In order to entice you to give Go a try for your next project, I’m going to show you how to build a not-todo list using React, Graphql, and Go. The Github repo with all of the following code can be found here as well.