HttpClient is the preferred way to make http calls from an Angular app. It is simple and straightforward to use, returning an Observable<T>. All you have to do is subscribe and the callback will be invoked when the data comes back from the server. via GIPHY But what about error handling? In a perfect world, … [Read more…]
There’s several tutorials for how to use and test HttpClient, but I wanted to distill it down to a simple snippet that I can refer back to when I inevitably forget how to do it. via GIPHY HttpTestingController This handy thing is provided by importing the HttpClientTestingModule in to your TestBed. It lets you manipulate … [Read more…]
angular-cli is great because it basically does a ton of boilerplate stuff for you. When you want to create a new project, you just tell angular-cli to make you one and BOOM – you’re good to start programming. Its one of the reasons that I think I still prefer Angular over React or Vue or … [Read more…]
For some reason I’ve procrastinated looking in to transition animations in Angular. via GIPHY Transitions are visually pleasing, and it can give your application a nice feel that makes your users think “Wow, this is a nice site.” Subtle animations are the best – the ones you don’t really notice unless you’re looking for them. … [Read more…]
Recently I had created a couple of components to make filtering and sorting a list of objects easier. Essentially I wanted a table where the headers are clickable for sorting and also have a textbox below them for filtering. Now, this isn’t super great, because I’m downloading all of the data to the client side … [Read more…]
Recently I wanted to have a ng-pagination control as well as a few “results per page” links to change the number of items displayed in a given page. However, ngb-pagination is always displayed as a block, so you have to fiddle around with it to get it to work. First I tried to just put … [Read more…]
Recently I had an Angular component that needed to be manually sized based on the window’s size. Admittedly, this is pretty annoying, but the user experience was so much better than anything I could come up with using straight CSS. It worked fine to get the dimensions of the window and calculate the width and … [Read more…]
Sometimes when you’re writing Javascript unit tests you have to give Javascript a chance to catch up before checking your assertions. Javascript uses a single event loop, so it isn’t multi-threaded in the same way as other languages. You can still get a “multi-threaded feel” by using callbacks (promises, observables, etc), but at the end … [Read more…]
Recently I wrote some code that contained a setTimeout. The reason was so that the UI could catch up before the function actually fired – something that I’ve found the need to do with javascript from time to time. So, when it comes to testing the code… my test just skipped along until it literally … [Read more…]
There’s some debate as to whether or not you should test private members in a class. Generally, I fall in to the “if it makes sense to test it, test it” camp. If there’s a private method that is only accessible by a hard-to-mock series of callbacks or events, I would much rather write a … [Read more…]