Live Demo

https://atlas7-react-tutorial.herokuapp.com/

React Tutorial

This is the React comment box example from the React tutorial.

To use

(Note: I've modified the initial NodeJS configuration to use the NodeJS nodemon module for server-side hot-loading. i.e server-side scripts are reloaded automatically without the need to restarting server.````)

npm install
npm run nodemon-debug

And visit http://localhost:3000/. Try opening multiple tabs!

Changing the port

You can change the port number by setting the $PORT environment variable before invoking any of the scripts above, e.g.,

PORT=3001 nodemon --debug server.js

A note on comments.json file

The file comments.json is a "fake" database (a JSON file) that changes from time to time - depending on user interaction with the web application.

Though this file was initially tracked via Git, I've run the following commands to assume this file is unchanged - so this file will stop being flagged by git ever time new data is added / deleted.

git update-index --assume-unchanged comments.json

To undo this (i.e. if you really wish to start tracking this file which is not advisable) you can do this:

git update-index --no-assume-unchanged comments.json

(For info only) Server-side templates for other framework

These are provided by the original React tutorial - handy to keep in here for info. Though I have not used these files.

server.go
server.php
server.pl
server.py
server.rb

Instructions to us other framework (provided by original React Tutorial)

Python

pip install -r requirements.txt
python server.py

Ruby

ruby server.rb

PHP

php server.php

Go

go run server.go

Perl

cpan Mojolicious
perl server.pl

Atlas7/react-tutorial