Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:15Length:1.6 hours

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.2 Prerequisites

Before we start diving into actually picking apart an HTML and CSS web template and converting it into React, let's go ahead and start to talk about some of the prerequisites that we're gonna need in order to follow along with this course. Now, with several of my other React courses, really the prerequisites here are gonna be the same. We're really only gonna need to have npm installed so that we can kinda get access to packages and install things into our project. And really the easiest way to do that is simply to install Node.js. So if you don't already have that on your development machine, you can head over to Nodejs.org and you can go ahead and just get the latest version, here the 12.13 as of the time of this writing. You can get the most current, which is 13.2 right now, but really anything above, say 9 is gonna get you where you need to be. So as long as you're above that you should be fine. If you're any lower than that, I would definitely consider installing one of the more later versions, so you can get the more up to date tools installed. Once you have that, the next thing you're gonna need is basically some simple tools, to just write some code. You can use any sort of text editor you want. I prefer to use a code editor and if you've been following along with any of my courses before, then I tend to use Visual Studio Code. So you can head over to code.visualstudio.com, and go ahead and download the latest version. There's versions for Mac, Windows, Linux, and all sorts of different platforms like that. So go ahead and download that if you don't already have it or once again, you can use any sort of native text editor you have on your machine that should work just fine. And then, after that, you're gonna need some sort of command prompt. Usually, one built into your system is just fine. I tend to use iTerm2, it's one of my favorite versions that I use here on my Mac development machine. So you can head over to iTerm2.com and download the latest version if you so choose. If not, whatever you have built into your operating system should work just fine. And honestly, if you're actually using Visual Studio code, you should be able to actually tie into whatever your default command prompt is and it will actually use that. So you can actually just download Visual Studio and it'll kind of figure some things out for you, which is pretty nice. Above and beyond that, as far as tooling goes, that will just about do it. We'll go through some of the processes of actually getting everything set up creating your project, installing React and doing all that sort of good stuff along the way. But I'm really not gonna dig into a lot of detail into the world of some of the React fundamentals. If you have never worked with React before, then I would highly recommend you heading over to tuts+.com, and taking a look at some of my previous React courses. My Practical React Fundamentals course is gonna take you through the process of learning the basics of React. How to create one, how to create an app, how to get everything installed, and basically create a very simple hangman-type application for your web browser. This is gonna teach you a lot of the basic fundamentals that you're gonna need to know in order to really start to get into the world of doing software development with React, specifically on the web. And then after that, it would also probably be good for you to take a look at my other course Next-Level React Apps With Hooks. Now, this course is specifically for people that have done a little bit of work with React in the past, but then are interested in learning some of the newest and some of the really cool advancements of it, namely Hooks. And I'm gonna be taking advantage of Hooks in this course as well. So if you've never used them before, you're not really sure what they are. I would highly recommend you taking a look at this course to get a good feel as to what those things are for, how to use them in your applications, and that way, you'll be fairly comfortable when I start to use them in this course. So once you have these tools installed and you have a basic foundational understanding of React, then you're gonna be ready to go ahead and start following along with this course. So once we're ready to go, let's go ahead and get started.

Back to the top