Last week I setup ludohenin’s inlineNg2Template in a gulp build in an effort to improve my app’s performance. I got some improvements but decided I needed to look at bundling the app for better gains. SystemJS-Builder is a package which will allow us to pre-compile the app into one file and hopefully see a big drop in load times.
Here’s where we’re at currently.
This should reduce the amount of http requests and hopefully load time as well. To load the homepage, my site is making 404 http requests, transferring 2.2Mb of data, and takes 5.31s to load. I’d like to bring the initial page load time down to 1s or less if possible.
The world of digital marketing has evolved to some interesting places in just the last few years. How this applies to web development has matured as well, especially in making digital marketing more personalized and targeted. Much of this gets accomplished now thanks to new advancements available for web design and various digital tools making marketing online much simpler. It also allows you to dig deeper into understanding what your customers really want.
Showing a blob of html in a wysiwyg editor is a pretty common use case when building a site.
Today we’re going to look at how you can make use of the tinyMCE editor in an angular 2 app.
Browser caching of files yields major performance benefits, reduced network usage, decreased load times etc.
Today we’re going to look at a simple way to achieve versioning in an angular 2 app using a query string parameter.
Angular 2’s out of the box exception handler logs to the browser’s console which is nice, but it would be cool to push these exceptions off to a logging system on the server side.
The code isn’t too tricky, but can take a while to figure out because of the lack of documentation at this point.
In the last post we looked at how to make a permissions directive which checks specific roles against those assigned to a user.
Since we don’t want to hit a web service every time a permissions check is preformed, we’re going to cache the user’s permissions in local storage.
I’ve been working on an Angular 2 app recently and needed the ability to hide/show content based on a user’s roles in the system.
I will walk through an example of how to build an angular 2 directive which takes in an array of roles, and calls a data service to match against what roles a user has. The directive will not render the components/html a user doesn’t have the right roles to access.