https://github.com/sanix-darker/react_console
A ReactJs Component console exchanging with a Python microservice
https://github.com/sanix-darker/react_console
Last synced: 6 months ago
JSON representation
A ReactJs Component console exchanging with a Python microservice
- Host: GitHub
- URL: https://github.com/sanix-darker/react_console
- Owner: Sanix-Darker
- Created: 2020-05-21T17:58:13.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-03T12:14:48.000Z (over 2 years ago)
- Last Synced: 2025-02-12T10:54:35.544Z (8 months ago)
- Language: JavaScript
- Size: 3.38 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Console.
An Implementation of a connexion with a Python Microservice
## Installation && Deployment
```shell
# To install
cd to/the/project
npm install
# To launch
npm start
# Or
yarn start
# The app should be available on http://localhost:3000/
# For extras feature like closing or open the echoxconsole_terminal just use thee class
.echoxconsole_close to close the echoxconsole_terminal
.echoxconsole_open to open the echoxconsole_terminal
```
## How to use
```js
import EchoConsole from './EchoConsole/EchoConsole'
// Pass the EchoConsole's parameters as defined -->
constructor (props){
super(props);
this.state = {
logs: [], // Array of log for this client
connected: true // This params determine whetheir if the Serveur is connected or not
}
}
// This method appends logs in an array
addLogs(newlog){
let all_log = this.state.logs;
all_log.unshift("> "+newlog);
this.setState({
logs: all_log
});
}
render() {
return (
....
....
```
Now to handle the console, we have:
```html
echoxconsole_open
echoxconsole_close
#echoxconsole_elapsed_time
#echoxconsole_estimate_time