This quick demo from the Angular team shows you how to easily and quickly implement service workers in Angular. They then go on to show you how to do OS notifications. It makes it fairly simple to create a Progressive Web App.
Tag Archives: Development
Functional Programming with Arrays
As object oriented programming starts to fall out of favor with developers, functional programming is making a comeback. Reasons such as side effects and unit testability are hastening it. The Telerik developer blog has a great post up detailing functional programming with arrays.
They have examples of map, filter, and of the lesser known reduce. There is even a pretty easy to understand example of currying in javascript. All in all, if you are new to javascript or coming up to the newer syntax, this post is a great teaching tool. And honestly it is also a great reference to keep when you have that mid-day coding session brain fart.
Telerik blog: https://www.telerik.com/blogs/functional-programming-with-javascript-object-arrays
VS Code Text Buffer Reimplementation
The VS Code team has a really good article around their Text Buffer Reimplementation in the latest version. There is a lot of good information around performance and the implications of certain design patters revolving around file size.
The part that is very interesting is how the piece tree seemed to be the clear cut winner. It wasn’t until they tested a large file with a large amount of edits, that it stumbled more than the array. Articles like this fascinate me when Javascript is pushed to its limits.
VS Code Blog: VS Code Text Buffer Reimplementation
Visual Studio Code Tips and Tricks
As I’ve really started to use Visual Studio Code as my daily editor of choice, I can never remember all of the little tips and hints you hear on podcasts. Thankfully the VS Code team has a great little doc up that you can use to refresh your memory. I really like the tip of using the automated script to allow command line access on the Mac. I couldn’t remember how to do that.
John Papa – Readable Code
John Papa gave a great talk at NgConf this year about readable code. It is a great listen for new and old developers alike. The ideas in here are highly important, especially for projects with multiple developers and projects that aren’t your own. I’ve tried to take these ideas to heart and make sure all of my junior devs do too. Take 15 minutes out of your day to give this a watch.
Render Blocking CSS
When building a performant web site, we all always look to the complexity of our DOM, file sizes, and bundle size/splitting to drive the performance of our web site. One thing we always seem to forget is that CSS is a render blocking asset. The complexity and breadth of the CSS we built will block rendering and give the user a poor experience, especially on an underpowered device.
Google dev resources has a good writeup here.