Welcome to React
Opened this issue · 0 comments
Clone the Repo and Install Node
Let's go ahead and get started.
First, clone this repo.
In your terminal, in a folder where you would like to keep this project, clone the repo, and do the following:
cd intro-react
git checkout changes
Next, open the folder in your favorite text editor. I reccommend VSCode.
Great, now if you don't have Node installed on your computer, go ahead and install it!
Awesome!
Current Functionality
Now, inside your repo folder, run the following:
npm install
npm start
Your browser should open http://localhost:3000/
You'll see that our app can't really do anything! All we have is three buttons! We are going to add all the functionality.
So what's in our React App
Let's take a look of what our React App looks like right now.
package.json
This file is our roadmap of the app. It tells us the name of the app, the version, the different dependencies we need to run our app, and more.
public
This directory contains our index.html
which directs us to the rest of the web application that requires additional processing.
src
This is where pretty much ALL of your code will go. You'll notice we have App.jsx
along with other jsx
files, but what is jsx
. Think of jsx
as a mix between html
and javascript
. We can write tags as well as functions and classes. Take a look at App.jsx
. Some of that stuff might look familiar from html
, like thos <div/>
tags. Don't worry, we will get to that stuff in a bit.
Open a Pull Request
To get started, navigate to the Pull Requests
tab and open a Pull Request for the changes
branch. Make sure to title your Pull Request Changes
.
Once you open the Pull Request, steps will appear inside the Pull Request itself.