react chat (front)

React FrontEnd deploy

What is Heroku?

Heroku is a platform as a service based on a managed container system, with integrated data services and a powerful ecosystem, for deploying and running modern apps. The Heroku developer experience is an app-centric approach for software delivery, integrated with today’s most popular developer tools and workflows.

App connected to GitHub

Code diffs, manual and auto deploys are available for this app.

Automatic deploys: Enables a chosen branch to be automatically deployed to this app.

Manual deploy: Deploy the current state of a branch to this app.

App connected to Git

Deploy using Heroku Git: Use git in the command line or a GUI tool to deploy this app.

Install the Heroku CLI

$ heroku login

$ cd my-project/

$ git init

$ heroku git:remote -a chatreacttestcifo

Deploy your application

$ git add .

$ git commit -am "make it better"

$ git push heroku master

Existing Git repository

$ heroku git:remote -a chatreacttestcifo

Example: it is very easy, simple React project deployed on Heroky trough githhub.com

GitHub pages

It’s easy to host a React app on GitHub Pages or build it to deploy on your own custom domain. More detailed process

React Project (local)

Hooks are functions that let you “hook into” React state and lifecycle features from function components. Let's start with these hooks:

useState, basic hook to manage variable state.
useRef, to reference a value that’s not needed for rendering.
useReducer, the way to use a reducer with a hook.
useContext, to read and subscribe to context from your component and share data, etc ..