2.React+GitHub+Heroku

tummblr:https://www.tumblr.com/blog/view/it-patsan-us

00:00 hi guys
00:24 GitHub
1:52 Heroku
4:30 buy guys

Hi guys, glad to see you again. We continue to talk about React with Type Script. we will find out how to connect our project with GitHub and, how to upload our project in World Web.

At first we are going to GitHub.
https://github.com/
It`s a storage for developers. If you want to share your work, or you are working in a team, you may want to see all changes in your project – in this case GitHub will help you.
After creating account, If you didn`t have it before, you should connect our project with GitHub. It`s really easy in webstorm. Let`s jump to IDE. At the top you can see vcs/import into Version Control / share project on Github/ share. It’s done
And now let’s to GitHub Your repositories. Look here, 1 minute ago we uploaded our project and now we can get inside and check our folders.
Ok. The first step is done. The question suggests itself. How can we upload our application to Web, so that everyone who wants to see it could have this opportunity. More over we should have opportunity to achieve this without any knowledge about Back End.
Heroku- can resolve all our problems. Lets open Heroku. After creating account, we can connect GitHub. We are coming back to GitHub, and grabbing link from our repositories – green button code. We are returning to Heroku again- Create new App. There is seetings- button BuildPack –paste here our link. After that, jump to Deploy - Deployment method –GitHub. Choose our project from Git. And at the end – Enable automatic deploys. All our changes will be uploaded to Heroku automaticly.
And at the end of our work, we should push our project to GitHub. On the top of IDE we are clicking check mark, and giving name to the commit. But, if we don’t have any changes in project, GitHub doesn’t want to push - we can click the space bar to paste a space here, or at any other place.
We did it, and now we can see how Heroku is building our Application. Button open app.
Congratulations! We did it.
Subscribe to my channel and invite all your friends. Next time we will connect our project with API. People all over the world can see your application. Keep in mind, that the man who couldn’t be a programmer has not been born yet.