Pro Tip: Use Async / Await With Act To Avoid Act Warnings in Jest / Enzyme Tests And Have Components Update Properly!
I was having a hard time recently writing jest + enzyme unit tests for a react.js project, and one of my colleagues saved the day with the await / async addition. In this post I'll go through what I was doing, what I tried that didn't work, and what we ultimately went with that fixed everything!
In my new role I've been given the opportunity to really dig into React, learn a lot about it, and build an application with it. I had previously used Ngrx in Angular 2 so it was interesting to go back to the original Redux library after having used the Angular step-cousin. After a few small roadblocks the application is progressing rather smoothly, and I have to say I think Redux is pretty dang awesome.
I just had the awesome opportunity to TA and sit in on a 2-day Angular 2 course instructed by one of the top teachers in the web development world and the hungry mind behind One Hungry Mind Blog, Lukas Ruebbelke (@simpulton). It was especially humbling because his eggy bookmarks course was one of the very first times I really dug in and started writing Angular code. It felt like meeting a childhood hero or Santa Claus. I had spent so much time watching his videos that it was surreal to meet him in person, and yes he is really that goofy and funny in real life. haha. Anyway, even though I have been using Angular 2 for a little while now and the course was aimed more for beginners, I still took about 4 pages of notes and learned a ton while I was there. Plus, it was great to get a refresher/confirmation on some basic concepts and some new perspective on how to think about certain other things. In this post I've written a bullet point list of some after-the-fact thoughts while looking back at the notes I took during the lectures. Enjoy!
This is a great library that I like a lot: angular2-ui-switch. It's a clean toggle switch component reminiscent of old iPhone iOS 7 operating system. Here's a post on how to incorporate this library into your own Angular 2 projects.
The posts on this site are written and maintained by Jim Lynch. About Jim...