tinode / webapp

Tinode web chat using React
Apache License 2.0
321 stars 197 forks source link

How to run tinode web chat using react? #44

Closed prasetiko closed 4 years ago

prasetiko commented 4 years ago

Hi nice to meet you.

I'm new with tinode and react. I have downloaded tinode web chat react at https://github.com/tinode/webapp. When I make new react project and want to run it, I call npm start on cmd, but how about at tinode? I try using nmp run build:prod but nothing happen in my browser

or-else commented 4 years ago

See https://github.com/tinode/chat/blob/master/INSTALL.md

prasetiko commented 4 years ago

Thank you for your fast response, I am so glad.

I have installed before and save at tinode folder. Now, i have two files webbapp-master (react code) and tinode. When i try to run tinode folder it appear in browser, but I am still not understand how to run webapp-master.

or-else commented 4 years ago

You have to be more specific than that. Have you followed the installation instructions? Which path did you take?

prasetiko commented 4 years ago

Yes I have followed the installation instructions. Using installing from binaries

or-else commented 4 years ago

If you need help please be as specific as possible. Show logs, describe steps.

or-else commented 4 years ago

In general these kinds of discussions are more suited for the forum: https://groups.google.com/d/forum/tinode

prasetiko commented 4 years ago

This is the contents of my tinode folder image and when i follow the instruction on https://github.com/tinode/chat/blob/master/INSTALL.md and tinode will opened at browser image This is the contents of my webapp-master folder who i get from https://github.com/tinode/webapp image

What i want to know is, how do i get the result like the browser using webapp-master folder?

or-else commented 4 years ago

What i want to know is, how do i get the result like the browser using webapp-master folder?

I do not understand what you mean "how do i get the result like the browser using webapp-master folder".

If the question is about configuring the location of a static folder, update config or add a command line parameter to the server and restart it.

prasetiko commented 4 years ago

Sorry, I think I miss calling webapp component in my react project. Do you have example for calling it?

or-else commented 4 years ago

https://github.com/tinode/webapp/blob/master/src/index.js#L31

prasetiko commented 4 years ago

https://github.com/tinode/webapp/blob/master/src/index.js#L31 Sory I am not understand what i must to do with index.js

I have installed webapp to my project with npm i tinode-webapp, and now I need call component to my App.js. Could you please tell how to call it step by step?

or-else commented 4 years ago

Obviously you did not run npm run build. Your questions have nothing to do with Tinode. You need to learn or get help with general javascript programming.

prasetiko commented 4 years ago

Obviously you did not run npm run build. Your questions have nothing to do with Tinode. You need to learn or get help with general javascript programming.

Nah i think my question is not clear enough

https://github.com/tinode/webapp/blob/master/src/index.js#L31 Sory I am not understand what i must to do with index.js

I have installed webapp to my project with npm i tinode-webapp, and now I need call component to my App.js. Could you please tell how to call it step by step?

this is what i mean

or-else commented 4 years ago

Please do not change your comments so much that they state different things after the change.

Please move this conversation to https://groups.google.com/d/forum/tinode

prasetiko commented 4 years ago

Ah sory when I edit it, there is no comment from you. Maybe my connection has a problem.

Oke I will move to that forum. Thanks

On Thu, Jan 23, 2020, 17:32 Gene notifications@github.com wrote:

Please do not change your comments so much that they state different things.

Please move this conversation to https://groups.google.com/d/forum/tinode

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/tinode/webapp/issues/44?email_source=notifications&email_token=AGMRAEQ7QONJMTK46D6GUJTQ7FW2DA5CNFSM4KKA6LR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEJW5ALY#issuecomment-577622063, or unsubscribe https://github.com/notifications/unsubscribe-auth/AGMRAEUVN4W65J3M5XR6V73Q7FW2DANCNFSM4KKA6LRQ .

xzmeng commented 1 year ago

I had the same question until I noticed the index.html lying in the root directory.

This is not convenient during development. Every time I make a small change, it takes me a few seconds to run npm run build: dev and then reload it in Chrome to view the consequence.

I have little exposure to front-end so it would be much more helpful if there is a default live loading script like what the npm start does in the official react tutorial.