Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rl4444/social-network-gram-it
This is a social media site clone built using React.js, Node.js, Redux, Postgres, AWS - 2018
https://github.com/rl4444/social-network-gram-it
Last synced: about 2 months ago
JSON representation
This is a social media site clone built using React.js, Node.js, Redux, Postgres, AWS - 2018
- Host: GitHub
- URL: https://github.com/rl4444/social-network-gram-it
- Owner: RL4444
- Created: 2018-08-27T11:49:29.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-08T11:06:14.000Z (about 2 years ago)
- Last Synced: 2023-03-03T16:40:47.022Z (almost 2 years ago)
- Language: JavaScript
- Homepage:
- Size: 1.12 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Using this repo in development
The `src` directory is where all of your client-side Javascript code should live. The file `src/start.js` is the entry point for your React application. All other files you use will either be imported by `start.js` or imported by files that are imported `start.js` (or imported by files that are imported by files that are imported by `start.js`, etc.).
To run your app in devlopment, you need to start two servers.
1. `bundle-server.js` - this server will listen on port 8081 and does nothing but compile the code in `src/start.js` and its dependencies into a single bundle which it serves from the url `/bundle.js`. It uses [`webpack-dev-middleware`](https://github.com/webpack/webpack-dev-middleware) to do this. This middleware keeps all the compiled files in memory and doesn't ever write a file to disk. Every time you edit one of the files in your bundle, it detects the change and automatically recompiles. Thus, you do not have to restart this process every time you make a change to one of your client-side Javascript files. After a change is saved, the updated `/bundle.js` will be available automatically.
2. `index.js` - this server listens on port 8080 and it is where all your normal express stuff should go. When `index.js` is running in development, requests for `/bundle.js` will cause a request to be made to `http://localhost:8081/bundle.js` and the result served (it uses the [`http-proxy-middleware`](https://github.com/chimurai/http-proxy-middleware) to do this). You can restart this server every time you make a server-side change and not have to wait for `bundle.js` to recompile before you can test the change.
# Social-Network---Gram-it