As someone who spends a lot of time learning new technologies and who is building a web-based app, I decided to sink my teeth into the latest rage in the construction of web applications: React and Node. To begin learning this technology, I went online to YouTube, blogs, and even professional paid online courses. Every author seems to assume you already have Node installed and their editors clearly have a nice setup that makes typing React code simple and straightforward. As it turns out, this is not necessarily an easy thing to do, and I spent over two weeks just getting a basic setup for myself. The purpose of these videos is to hopefully help other newbies like myself quickly get the necessary tools up and running to build React and Node applications.
Install Node.js on a Mac
Install Node.js on Windows
Install and configure editing for React
What is React?
What is Node (and npm)?
If you are a Windows programmer, think of Node as IIS server and think of npm as a NuGet package manager.
What is Editing?
When you write a software application, you typically use an IDE (or integrated development environment) like Visual Studio, Xcode, or Eclipse. Those IDEs usually provide a rich and graphical environment that allows you to build your software application. Unfortunately, these IDEs just do not offer a rich user interface designer.
Having traversed so much content on the web, I learned very quickly that it is much easier to follow what other people are doing if you use their same tools. Nearly every YouTube video, blog post, or training course I view use Sublime as their text editor. It is for that reason I will show you how to set up and configure Sublime, but you should find a text editor that works best for you.
Now would be a good time for me to tell you that Sublime is a paid application. Neither TechGenix nor myself receive compensation from the Sublime developer for the creation of this article or associated videos.
With your computer set up, you should be able to get started coding and learning! Please be aware this rabbit hole goes pretty deep. Every single day, I am learning something new, find another tool to install, another plugin to use, or a tweak I want to make, so what I show you in the videos is just the beginning of your journey.
Photo credit: Pixabay