AiA 225: Data and Page Content Refresh Patterns in Angular with Eyas Sharaiha

Adventures in Angular

Sponsors

• Sentry use the code “devchat” for $100 credit
• Angular Bootcamp
• TripleByte

Panel:

• Charles Max Wood
• Joe Eames
• Ward Bell
• John Papa

Special Guest: Eyas Sharaiha

Notes:

This episode of Adventures in Angular has the panelists speaking with Eyas Sharaiha, who is a software engineer working for Google, working primarily with Google Maps . Eyas mostly does back end and infrastructure work, which gives him an interesting view of Angular. The panelists and Eyas discuss his article Data and Page Content refresh Patterns in Angular. Eyas talks about the most common mistakes he sees in using Angular, namely transforming observables and then subscribing to them too early or too late, and putting certain kinds of data transformations in places where they end up making the code a lot less clear. His approach in his articles is to walk readers through with trial and error, rather than laying down some sort of law. Eyas lays out how he deals with changes in Angular, naming the three best things to do to use Angular and RXJS correctly, emphasizing the importance of looking for side effects. His rule of thumb is that if the observable does anything other than the data it is admitting, then something is probably wrong.

The panelists go on to discuss the usefulness of observables. The ask Eyas what the most common code smells he finds in angular apps that frequenly use observables and how he would correct people. Eyas again emphasizes side effects or mutation as a sign of a deeper problem, cautions people against bending over backwards to use an observable, and discusses the importance of unpacking an observable at the correct time. He encourages listeners to try out the ergonomics of AsyncPipe to combine observables where possible, and the importance of using observables correctly.

The shift in Angular becoming more about learning RXJS and non-Angular things than it is about Angular is discussed and length, as well as the difficulty to relate Angular to other things. Eyas feels that this trend has taken away some of the magic of Angular. In fact, NG Conf’s annual survey revealed that the top struggles are RXJS and architectural guidance. The panelists emphasize that programmers should ask themselves why they are doing things this particular way, and to seek creative solutions using different types of programming, such as procedural, reactive, idiomatic, and object oriented programming.

Terms:

• Observables
• RxJs
• Async pipe
• TypeScript
• Reactive programming
• Inheritance
• NGRX

Picks:

Joe Eames

• Talk List over at NG Conf
• Five Minute Marvel

John Papa

• http://realtalkjs.com

Ward Bell

• https://auth0.com/blog/ngrx-facades-pros-and-cons/

Charles Max Wood

• http://libsyn.com
• Purple seat pad
• vrbo.com

Eyas Sharaiha

• Schema-DTS – TypeScript library for Schema.org
• Bad Blood

Special Guest: Eyas Sharaiha.