Advanced Redux Messenger
Redux Messenger
Introduction
This application is a fully functional messenger application similar to Slack or HipChat. It includes the following features,
- State managed with Redux
- React-Redux view
- Selectors with Reselect
- Immutable State
- Live server updates with websockets
- Redux-Saga
- More!
How to Use This Application
- This application is meant as a reference for students completing Advanced Redux on Pluralsight
- Developers who are already familiar with the technology are welcome to copy the application and make any desired changes
Getting started
- Clone the application,
git clone git@github.com:danielstern/advanced-redux.git
- Install dependencies
cd advanced-redux
npm install
npm install -g babel-cli
- Start the application
npm start
or
npm run dev
npm run dev
is meant for development and includes file monitoring with Nodemon
- Navigate to the application in Chrome http://localhost:9000/#
Troubleshooting the Application
Refer to the following guide if the application does not seem to be working as expected
Application not working
Before trying any of the technique below, make sure your application is correctly coded.
- Clone this repository's master branch
- Without making any changes to it, run with
npm install
andnpm start
This should solve 90% of errors. If not, see below:
Correct admin priveleges (Mac only)
- If you are using Mac, make sure that you installed Mac with Brew so that proper admin priveleges are configured
Install Global packages
Depending on your OS, NPM may have a hard time running locally installed packages from the command line. To resolve this, manually install the dependencies under devDependencies
with npm install -g
or use the following script:
npm install -g babel-loader@6.2.8 babel-plugin-transform-object-rest-spread@6.19.0 babel-preset-es2015@6.18.0 babel-preset-react@6.23.0 babel-regenerator-runtime@6.5.0 nodemon@1.11.0 webpack@1.13.3 webpack-dev-server@1.16.2 webpack-hot-middleware@2.17.1 webpack-dev-middleware@1.10.1