{"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":466012786,"node_id":"MDU6SXNzdWU0NjYwMTI3ODY=","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-07-09T22:29:50Z","updated_at":"2019-07-09T22:29:51Z","closed_at":null,"author_association":"NONE","body":"## Welcome to React!\n\nCongratulations on taking some of your first steps into full stack development! \n\nSo why did you decide to click and join this course? Ideally, you are a learner who:\n\n- Understands HTML tags\n- Understands classes and methods in Javascript\n- Understands git and GitHub\n\nIf you understand the topics above, you can start learning modern frontend development with React!\n\nSo why do we learn React?\n\nReact has growing popularity in the tech industry because of its simplicity. With a simple knowledge of HTML and Javascript, picking up React shouldn't be too bad.\n\n### What we will be building\n\nSo what are we going to be building today? We are going to build a gradebook for teachers! Take a look at `deployed link here`. Here's a recording of the finished app.\n\n`[SCREEN RECODING HERE]`\n\n### Clone the Repo and Install Node\n\nLet's go ahead and get started.\n\nFirst, clone this repo.\n\nIn your terminal, in a folder where you would like to keep this project, run the following:\n\n```\ngit clone repo_name\ncd repo_name\n```\n\nGreat, now if you don't have Node installed on your computer, go ahead and [install it](https://nodejs.org/en/download/)!\n\nAwesome!\n\n### Current Functionality \n\nNow, inside your repo folder, run the following:\n\n```\nnpm install\nnpm start\n```\n\nYour browser should open `http://localhost:3000/`\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\n### So what's in our React App\nLet's take a look of what our React App looks like right now.\n\n`[SCREENSHOT OF FILE STRUCTURE]`\n\n\n##### package.json\n\n`[SCREENSHOT OF PACKAGE.JSON]`\n\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` which directs us to the rest of the web application that requires additional processing.\n\n##### src\n\nThis 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.\n\n\n### Add some code\nTo get started, first checkout to a new branch called `changes`\n\nInside your repo folder, run the following in your terminal:\n\n```\ngit checkout -b changes\n```\n\nNext, navigate to `README.md`, and change the author name to your name.\n\n### Push your code\nLet's push your code to GitHub\n\nRun the following lines inside your repo folder in your terminal.\n\n```\ngit add .\ngit commit -m \"added my name\"\ngit push origin changes\n```\n\nAfter you push, this issue will respond with next steps.\n"},"comment":{"url":"https://api.github.com/repos/partyshah/intro-react/issues/comments/509833729","html_url":"https://github.com/partyshah/intro-react/issues/1#issuecomment-509833729","issue_url":"https://api.github.com/repos/partyshah/intro-react/issues/1","id":509833729,"node_id":"MDEyOklzc3VlQ29tbWVudDUwOTgzMzcyOQ==","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-07-09T22:29:51Z","updated_at":"2019-07-09T22:29:51Z","author_association":"NONE","body":"## RANDOM COMMENT"}}
{"actor":{"display_login":"github-learning-lab"}}