## Where communities thrive

• Join over 1.5M+ people
• Join over 100K+ communities
• Free without limits
##### Activity
• Jan 13 11:01
gdams commented #1939
• Dec 27 2019 08:47
Druson commented #2049
• Dec 17 2019 20:59
rostyslavnikitin opened #2060
• Dec 16 2019 12:01
• Dec 14 2019 11:14
ivan-nemtinov commented #926
• Dec 14 2019 11:09
ivan-nemtinov commented #926
• Dec 13 2019 18:27
ivan-nemtinov commented #926
• Dec 13 2019 18:27
ivan-nemtinov commented #926
• Dec 09 2019 18:21
JediSange commented #782
• Dec 09 2019 16:50
JediSange commented #782
• Dec 09 2019 16:50
JediSange commented #782
• Dec 05 2019 21:45
saiMedavarapu commented #1997
• Nov 07 2019 08:26
testacp commented #1853
• Nov 07 2019 08:26
testacp commented #1853
• Oct 30 2019 15:24
emanuelcoelho1986 closed #2011
• Oct 30 2019 10:43
sameerpallav commented #2025
• Oct 15 2019 15:20
alanhg commented #1997
• Sep 30 2019 15:12
bbrink68 commented #2049
• Aug 23 2019 13:34
SouravKumar89 edited #2058
• Aug 23 2019 13:27
SouravKumar89 opened #2058
Marinho Brandão
@marinho
@yogesh7607 I have used Redux in my app which was based on angular2-webpack-starter… I just don’t have a guideline, but can answer questions if you have. Did you try it already? Did it fail?
@tstirrat15 I’m not aware about Angular2’s own built-in state management… how is that?
the 3 popular ways of state management I know in ng2 are: ng2-redux, ngrx and pure RxJS. ng2-edux and ngrx are Redux, the only difference is that ng2-redux uses Redux.js while ngrx uses RxJS observables. Pure RxJS would be the manual and harder way, but would work too. In my team we opted for ng2-redux.
trsh
@trsh
@tstirrat15 the 404 error is for font request. For example. http://localhost:3000/node_modules/bootstrap/fonts/glyphicons-halflings-regular.woff2
Seems logical, that assets would not load from node_modules dir. But than those instructions are incomplete?
trsh
@trsh
Anybody? Im stuck for 2 days now
pubkey
@pubkey
@trsh can it be that limit=10000 doesnt match the size of your woff-file?
yogesh7607
@yogesh7607
@tstirrat15 , Thanks for the comment. I guess you meant to say "since Angular 2 already ships with RxJS, we did not have to bring in any new libraries" ... i found this in this article on googling after reading your comment, thanks. https://vsavkin.com/managing-state-in-angular-2-applications-caf78d123d02#.2icde4dka
trsh
@trsh
@danielsun174 mhm..
yogesh7607
@yogesh7607
@marinho, did you have any specific reason about using Redux over builtin RxJS?
trsh
@trsh
@danielsun174 nop. not the problem :(
Tanner Stirrat
@tstirrat15
@yogesh7607 yeah, it seems that the typical way that you handle state in Angular2 is to put it into services, and then use observables to push data around
@trsh do you know for sure that that file is available at that location?
it sounds weird to me that it's trying to serve directly out of node_modules
Marinho Brandão
@marinho

@yogesh7607 when we made such decision, we actually had no knowledge enough to stabilish reasoning… we just didn’t know exactly what ngrx did and using RxJS for managing state wasn’t an option in our short knowledge.

but now, a few months later, yeah, I think the manual way of managing state with RxJS would be through services, but it looks to me harder to maintain and potentially hackish, as you have to design that, as services are very flexible and could be used for pretty much anything or any approach.

Redux is opinionated: the state must be global and immutable and any change must always go through the combined reducers, being reachable to any of them, any component can subscribe to any level of the state, etc… I’m aware that can be done with RxJS too, but you basically have to maintain that by your own convention and that sounds pretty fragile to me.

Redux is also veeeeery simple, way simpler than RxJS for beginners or “full stack developers” who do 1 adventure frontend task per week and aren’t very familiar with the code and RxJS’ tricks.

That’s my 2 cents

yogesh7607
@yogesh7607

@tstirrat15 & @marinho, thanks for sharing your views. I am about to start on my first project in angular and I am doing basic study for selection. Your notes are definitely helpful.

One of my team-member came across this video. In this talk, Jay shares the basics of RxJS 5 Observables and how they can be used with React and Redux to manage asynchronous effects using redux-observable. https://www.youtube.com/watch?v=AslncyG8whg. What is your opinion about this approach that has best of both RxJS and Redux. Link to git-hub project: https://github.com/redux-observable/redux-observable

WolfTammer
@Kurara
Hello! I would like to update the model of an input from another place but it's not working
it only updates if I modify the model inside the input box
<input *ngIf="currentDateFrom" [(ngModel)]="currentDateFrom" [ngModelOptions]="{standalone: true}" type="text">

<span *ngIf="currentDateFrom">{{ getDate(currentDateFrom) | date:'dd/MM/y'}}</span>

<datepicker [hidden]="hideDateFrom" [(ngModel)]="currentDateFrom" [minDate]="minDate" [showWeeks]="true" style="margin-top: 2px;"></datepicker>

both changes (datepicker and input) enters in getDate() but when you modify model from input it doesn't change in datapicker and vice versa. Is posible to update these values or not? I tried with (update) event of datepicker (I was not able to overwrite it) and with (ngModelChange) of input. But nothing works :(
WolfTammer
@Kurara
well I'm trying with blur and key.enter events like in the example of angular
Csaba Szabo
@xattilas
hi! can I use this starter to create a component library?
Csaba Szabo
@xattilas
hello
Anh Ta
@anhtata
Hello
I'm trying to use cross-storage with @types/cross-storage
but it's doesn't work
Anh Ta
@anhtata
How to include it?
jendison
@jendison

## Hello

Brent Ramsey
@EdekitRex
can anyone tell me why adding the publicPath attribute to the output object in my webpack.dev.js not only doesn’t work but makes my app not even render?
Tanner Stirrat
@tstirrat15
@anhtata what about it doesn't work?
@krigton what do you mean by component library? it provides a lot of nice boilerplate for testing and like, which is good for any project, but it also assumes some things about application structure, which might not be
@yogesh7607 tbh i don't know enough about redux to speak to that
Shahmir Noorani
@shahmirn

hey guys. Has anyone got sass and resolve-url working with the latest webpack / webpack-starter project? There's a bug logged against it

AngularClass/angular2-webpack-starter#1124

Thai Huynh
@thuynh

has anyone encounter the following issue:

ERROR in ./src/main.browser.ts
Module parse failed: /Users/thhuynh/Documents/projects/retina/src/main.browser.ts Unexpected token (13:22)
You may need an appropriate loader to handle this file type.
| Bootstrap our Angular app with a top level NgModule
|
/
| export function main(): Promise<any> {
| return platformBrowserDynamic()
| .bootstrapModule(AppModule)
@ multi main

Ben
@BenjamH
Hi, question about the +detail component, i know index.js is a barrel for exporting modules, but how come in the index.js of +detail there is stuff setup with ngModule, and why is the exported class AboutModule when it makes sense to export DetailModule?
Roman Gural
@7Silvan
Hi guys, is there any wallabyjs configuration for the starter with the latest webpack version?
I mean after starter with webpack 2 released, wallabyjs configuration uses wrong webpack API
hhanifkhan
@hhanifkhan
hi
anyone builiding progressive web app with angular2??? here?
Dave Vaughan
@rbnzdave
define progressive
Vincent M...
@vincent-cm
Hi guys, any one has opinion to enable "force redirect to https" only in prod build from webpack, or quick set up a https dev local server with webpack?
Codename: Steeve Knight
@CNSKnight
Hello;
Richard Davenport
@richarddavenport
Just getting started with webpack and angular2. Hopefully someone can explain something to me without too much trouble. In polyfills.browser.ts and vendor.browser.ts the "process" object is used. I'm assuming that's the node process. Is that there becuase webpack is a node process and it is something you can configure?
Mark
@crain
is the starter supposed to work with native i18n from angular2? I cloned the project, did a npm install and ran ./node_modules/.bin/ng-xi18n and I am getting the following error:
can't resolve module C:/dev/angular2-webpack-starter/src/app/+detail/index.ts from C:/dev/angular2-webpack-starter/src/app/+detail/index.ts Error: can't find symbol AboutModule exported from module C:/dev/angular2-webpack-starter/src/app/+detail/index.ts at ReflectorHost.findDeclaration (C:\dev\angular2-webpack-starter\node_modules\@angular\compiler-cli\src\reflector_host.js:173:23) at _loop_1 (C:\dev\angular2-webpack-starter\node_modules\@angular\compiler-cli\src\extract_i18n.js:63:51) at Extractor.readFileMetadata (C:\dev\angular2-webpack-starter\node_modules\@angular\compiler-cli\src\extract_i18n.js:77:13) at C:\dev\angular2-webpack-starter\node_modules\@angular\compiler-cli\src\extract_i18n.js:84:74 at Array.map (native) at Extractor.extract (C:\dev\angular2-webpack-starter\node_modules\@angular\compiler-cli\src\extract_i18n.js:84:35) at extract (C:\dev\angular2-webpack-starter\node_modules\@angular\compiler-cli\src\extract_i18n.js:14:35) at Object.main (C:\dev\angular2-webpack-starter\node_modules\@angular\tsc-wrapped\src\main.js:30:16) at Object.<anonymous> (C:\dev\angular2-webpack-starter\node_modules\@angular\compiler-cli\src\extract_i18n.js:153:9) at Module._compile (module.js:556:32)
xtianus79
@xtianus79
I hate this starter pack It's too much. But can someone tell me if they use sass in their build
ThomasGilbert
@ThomasGilbert
Hi! This is a great initiative, thanks very much. I've cloned the project and it works fine. I just have this question: the minified prod's vendor file is still 850KB, didn't you include some code analysis plugins in webpack to only include the code which actually used by your application? This article greatly explains the issue : http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/