See This Blog Post : ReactJS and Socket.IO Chat Application
First, grab the dependencies:
npm install
Build the applicaiton
npm run build
Then run the app like so:
npm start
And navigate to localhost:3000
and chat !
ReactJS and Socket.IO Chat Application
Home Page: http://danialk.github.io/blog/2013/06/16/reactjs-and-socket-dot-io-chat-application/
See This Blog Post : ReactJS and Socket.IO Chat Application
First, grab the dependencies:
npm install
Build the applicaiton
npm run build
Then run the app like so:
npm start
And navigate to localhost:3000
and chat !
Здравствуйте .
Помогите изменить ваш чат , нужно сделать строку (input) во всю ширину браузера .
First off let me just say great example of integrating react & socket.io . I have a question. When a new user joins the chat, they don't see the previous chat history. Is there a way of pass the previous chat history to the new user, when he joins the chat?
Missing dependencies
after run npm start
raise this error
[email protected] start /home/tamzid/workspace/react/chat_demo
node app.js
events.js:141
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE :::3000
at Object.exports._errnoException (util.js:870:11)
at exports._exceptionWithHostPort (util.js:893:20)
at Server._listen2 (net.js:1234:14)
at listen (net.js:1270:10)
at Server.listen (net.js:1366:5)
at Object. (/home/tamzid/workspace/react/chat_demo/app.js:29:8)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
npm ERR! Linux 3.19.0-31-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "start"
npm ERR! node v4.4.3
npm ERR! npm v2.15.1
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: node app.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'node app.js'.
npm ERR! This is most likely a problem with the reactjs-socket-io-chat-app package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node app.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs reactjs-socket-io-chat-app
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!
npm ERR! npm owner ls reactjs-socket-io-chat-app
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /home/tamzid/workspace/react/chat_demo/npm-debug.log
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.