hendrikswan / pluralsight-angular-redux

Source code used in pluralsight.com course on using angular with redux

CourseLibrary

This project was generated with Angular CLI version 1.0.0-beta.31.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

pluralsight-angular-redux's Issues

Getting error while running the application

I have been going thought the plural sight course and in module 3 it is said to download this project and run. After getting the project from github and entering npm start am getting the below error.
Am not sure if this is correct forum to raise this issue, but the discussion forum in plural sight is closed and couldn't find your email address.

So, could you please help me with below issue, what could be the issue here.

Issue:
PS C:\POC Projects\Angular 2\pluralsight-angular-redux-master> npm run start

[email protected] start C:\POC Projects\Angular 2\pluralsight-angular-redux-master
node_modules/@angular/cli/bin/ng serve

'node_modules' is not recognized as an internal or external command,
operable program or batch file.

npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js"
"run" "start"
npm ERR! node v6.10.0
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: node_modules/@angular/cli/bin/ng serve
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'node_modules/@angular/cli/bin/ng serve'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the course-library package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node_modules/@angular/cli/bin/ng serve
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs course-library
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls course-library
npm ERR! There is likely additional logging output above.

Not able to Run this repo

I get weird error!
I have these versions when I do ng-v
angular-cli: 1.0.0-beta.28.3
node: 7.2.0
os: darwin x64
angular/common: 2.4.7
angular/compiler: 2.4.7
angular/core: 2.4.7
angular/forms: 2.4.7
angular/http: 2.4.7
angular/platform-browser: 2.4.7
angular/platform-browser-dynamic: 2.4.7
angular/router: 3.4.7
angular/cli: 1.0.0-beta.31
angular/compiler-cli: 2.4.7
I see this error on my console
ng serve
As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release,
which will only support Node 6.9 and greater. This package will be officially deprecated
shortly after.

To disable this warning use "ng set --global warnings.packageDeprecation=false".

You have to be inside an angular-cli project in order to use the serve command.

BTW I do have other angular-cli projects which works fine.

ng2-redux vs ngrx

Hi,
very nice work, code looks pretty straight forward. I have two questions on your course.

1. Did you test also ngrx/store?
   I understand the differences (ngrx/store#169), but
   you didn't mention it on your Pluralsight course page https://www.pluralsight.com/courses/angular-2-redux-manage-state, that there other commonly used libs doing almost the same?
   On purpose? Less benefits, or problems with it?

2. Server Stuff
   On the course overview, I'm missing bit the part - how to preserve/track states on server side (cloud/multi devices/mobile+offline in mind)?
   Are there any hooks, adapters, concepts, best practices to do so with redux?
   As far I understand everything is by default stored to the localStorage of the browser (Press F5 ;-) right? Are there any sync mechanisms or at least interfaces to get data stores merged with the server?

Thanks and greetings

Save filter

Hi Hendrik,

Once again, great course this one, it is exactly what I was looking for!
Since the discussion board on pluralsight isn't working anymore, I'll post my question here if that's ok.

So at the end of the course, the app behaves like this:

1. first you see a list of all courses
2. you enter a filter, let's say 'red'
3. you click the 'add' button and you enter a new course title and save it
4. you re-arrive at the courses list page but the filter you had entered before is gone now

Now if you want to save the filter (searchText prop) you'd entered previously, where would be the best place to save it? It is localstorage, a cookie, in the redux store or even somewhere else?
That way the user won't have to re-enter the filter so that it can be applied to the new course you've added as well.

Thx in advance!

Regards,
Geert.

spinner.component.spec.ts (8,21): Supplied parameters do not match any signature of call target.

Running the app results in error:

$ ng build
The --missing-translation parameter will be ignored because it is only compatible with Angular version 4.2.0 or higher. If you want to use it, please upgrade your Angular version.

Date: 2017-09-08T23:51:56.636Z
Hash: 0cd61d2f116103051610
Time: 2653ms
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered]
chunk {main} main.bundle.js, main.bundle.js.map (main) 303 bytes [initial] [rendered]
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 323 bytes {inline} [initial] [rendered]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 11.3 kB {inline} [initial] [rendered]

ERROR in /Users/asednev/Sources/temp/pluralsight-angular-redux/src/app/blocks/spinner/spinner.component.spec.ts (8,21): Supplied parameters do not match any signature of call target.

@types/node/index.d.ts (73,13): Subsequent variable declarations must have the same type. Variable 'require' must be of type 'any', but here has type 'NodeRequire'.

Not sure what causes error with @types/node on my system:

$ ng -v
    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.4.1
node: 8.2.0
os: darwin x64
@angular/common: 2.4.10

@angular/compiler: 2.4.10
@angular/core: 2.4.10
@angular/forms: 2.4.10
@angular/http: 2.4.10
@angular/platform-browser: 2.4.10
@angular/platform-browser-dynamic: 2.4.10
@angular/router: 3.4.10
@angular/cli: 1.4.1
@angular/compiler-cli: 2.4.10
typescript: 2.0.10

error:

$ ng build
The --missing-translation parameter will be ignored because it is only compatible with Angular version 4.2.0 or higher. If you want to use it, please upgrade your Angular version.

Date: 2017-09-08T23:51:56.636Z
Hash: 0cd61d2f116103051610
Time: 2653ms
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered]
chunk {main} main.bundle.js, main.bundle.js.map (main) 303 bytes [initial] [rendered]
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 323 bytes {inline} [initial] [rendered]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 11.3 kB {inline} [initial] [rendered]

ERROR in /Users/asednev/Sources/temp/pluralsight-angular-redux/node_modules/@types/node/index.d.ts (73,13): Subsequent variable declarations must have the same type.  Variable 'require' must be of type 'any', but here has type 'NodeRequire'.

Here is tip for getting this error fixed on local system but it will re-appear upon updating node_modules: https://medium.com/@mindginative/typescript-its-magic-number-ts2403-ef76202185c9