This is a redux implementation using as an example a side-by-side chat where 3 hypothetical users interact.
The Redux package was added but it is not used by default. However, it can be switched on in order to use its functions instead.
A live/deployed GitHub version of this project can be tried on this Custom Redux Demo.
Type on any of the 3 input and press Enter (or click the button) to send the typed text and user details to the stored messages.
The messages state (placed on the Redux store) can be inspected at the top of the page.
Semantic Ui is being used and no style files were added, however SASS packages were added to the project for further customization.
In the project directory, you can run:
Analyses HTML, SCSS and JS code for potential programming and stylistic errors.
Javascript Standard Style is being used for linting.
Deploys a build version of the repository to GitHub (cleaning the build folder first).
This project was bootstrapped with Create React App (CRA) with the scripts below available:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.