{"action":"created","issue":{"url":"https://api.github.com/repos/partyshah/intro-react/issues/1","repository_url":"https://api.github.com/repos/partyshah/intro-react","labels_url":"https://api.github.com/repos/partyshah/intro-react/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/partyshah/intro-react/issues/1/comments","events_url":"https://api.github.com/repos/partyshah/intro-react/issues/1/events","html_url":"https://github.com/partyshah/intro-react/issues/1","id":480374163,"node_id":"MDU6SXNzdWU0ODAzNzQxNjM=","number":1,"title":"Welcome to React","user":{"login":"github-learning-lab[bot]","id":37936606,"node_id":"MDM6Qm90Mzc5MzY2MDY=","avatar_url":"https://avatars0.githubusercontent.com/in/10572?v=4","gravatar_id":"","url":"https://api.github.com/users/github-learning-lab%5Bbot%5D","html_url":"https://github.com/apps/github-learning-lab","followers_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/followers","following_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/following{/other_user}","gists_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/gists{/gist_id}","starred_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/subscriptions","organizations_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/orgs","repos_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/repos","events_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/events{/privacy}","received_events_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/received_events","type":"Bot","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2019-08-13T21:19:53Z","updated_at":"2019-08-13T21:19:54Z","closed_at":null,"author_association":"NONE","body":"\n# Set up a React Application Locally\n\n### So what's in our React App\nLet's take a look of what our React App looks like right now. We will go through our file structure which is a [standard React setup](https://facebook.github.io/create-react-app/docs/getting-started). You will not be editing any files in this step, but the structure is important for future code references.\n\n![File Structure](https://user-images.githubusercontent.com/25253905/61294641-28e68700-a78b-11e9-9bc1-ff468312ca8b.png)\n\n\n\n##### package.json\nThis 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.\n\n##### public\n\nThis directory contains our `index.html`. That file directs us to the rest of the web application that requires additional processing.\n\n##### src\n\nThis is where most 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 those `<div/>` tags. Don't worry, we will get to that stuff in a bit.\n\n## Step 1: Set up locally\nIn this repository, we have two branches - `master` and `changes`. We will be working off of the `changes` branch. Let's go ahead and get started.\n\n### :keyboard: Activity: Clone the repository and install Node\n\n1. Open your terminal\n2. Move into a location where you want to keep this project\n3. Clone this repository\n4. Move into the repository: `cd intro-react`\n5. Checkout to the `changes` branch: `git checkout changes`\n6. Open the `intro-react` folder in your favorite text editor \n   - We recommend VSCode\n7. Check for Node installation: `node -v`\n8. [Install Node](https://nodejs.org/en/download/) if it is not installed\n9. In your repository folder, install the necessary packages: `npm install`\n10. Start the React Application: `npm start`\n\nYour browser should automatically open `http://localhost:3000/`, and you should see our barebones gradebook application.\n\nYou'll see that our app can't really do anything! All we have is three buttons! We are going to add all the functionality.\n\n"},"comment":{"url":"https://api.github.com/repos/partyshah/intro-react/issues/comments/521013590","html_url":"https://github.com/partyshah/intro-react/issues/1#issuecomment-521013590","issue_url":"https://api.github.com/repos/partyshah/intro-react/issues/1","id":521013590,"node_id":"MDEyOklzc3VlQ29tbWVudDUyMTAxMzU5MA==","user":{"login":"github-learning-lab[bot]","id":37936606,"node_id":"MDM6Qm90Mzc5MzY2MDY=","avatar_url":"https://avatars0.githubusercontent.com/in/10572?v=4","gravatar_id":"","url":"https://api.github.com/users/github-learning-lab%5Bbot%5D","html_url":"https://github.com/apps/github-learning-lab","followers_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/followers","following_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/following{/other_user}","gists_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/gists{/gist_id}","starred_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/subscriptions","organizations_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/orgs","repos_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/repos","events_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/events{/privacy}","received_events_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/received_events","type":"Bot","site_admin":false},"created_at":"2019-08-13T21:19:54Z","updated_at":"2019-08-13T21:19:54Z","author_association":"NONE","body":"### :keyboard: Activity: Open a Pull Request\n1. Go to this [link](https://github.com/partyshah/intro-react/compare/master...changes) and open a pull request for the `changes` branch\n2. Title your pull request `Changes`\n\n\nOnce you open the Pull Request, steps will appear inside the Pull Request itself. I will close this issue after."}}
{"actor":{"display_login":"github-learning-lab"}}