Moving to my own website kimsereylam.com

New contents are now posted to my personal website https://www.kimsereylam.com
Enjoy!

Comments

Post a Comment

Popular posts from this blog

Manage assets and static files with Angular CLI

Manage assets and static files with Angular CLIOne of the easiest way to build Angular applicationns is through Angular CLI. Using the ng serve command will build and serve the whole application or we can use ng build to output the app into the outputDir folder, but there might be occasions where we need to serve files which aren’t part of the Angular process, like static files or images. Those files are referred to as assets. Today we will see how we can configure Angular CLI to copy assets to the output directory and what sort of configuration is available.1. Copying assets 2. Glob file, input, output 1. Copying assetsFiles which need to be served by AngularCLI must be registered under assets in the .angular-cli.json file.
When we first boostrap a project, there are two places registered under assets:{ "apps": [{ "root": "src", "outDir": "dist", "assets": [ "assets", "fav…
Keep reading

Prime NG data table for Angular

Image
Prime NG data table for AngularIn every web application there is a need to display data in a tabular form. If the amount of data is small, a simple combination of HTML with Bootstrap is enough. But when the data is large, or more advanced functionalities are needed like sort or pagination, a more elaborated table needs to be used. If you followed me, you must have noticed that I am a huge fan of Prime NG and once again, Prime NG saves us the burden of implementing a complex data table by providing an Angular component fully featured. Today we will see how to use it in 3 parts:1. Use Prime NG data table 2. Customized cell template 3. Pagination All the source code for this example is available on my GitHub.1. Use Prime NG data table1.1 Basic usageStart by installing Prime NG.npm install primeng --save Then in your main app module, register the DataTableModule to get access to its components.@NgModule({ imports: [ ... other imports DataTableModule ], ... other configuratio…
Keep reading

Async pipe versus Subscribe in Angular

Async pipe versus Subscribe in AngularOver the past year, working in companies using Angular, many times have I been in situations where I was asked to explain the differences between async pipe and .subscribe in Angular.More precisely explain my standpoint which is to always use async pipe when possible and only use .subscribe when side effect is an absolute necessity.The challenge in explaining this comes to how to convince without giving an hour boring lesson of why side effects in logic are hard to maintain and how prematured .subscribe forces developers to make unecessary side effects.So today I would like to talk about that and provide explanations which I hope will help to understand which to use. This post will be composed of three parts:Observable and RxjsSubscribe functionAsync pipeBest practices1. Observable ans RxJSFirst to understand the context, we need to understand what is an observable.1.1 ObservableObservable is an abstraction of asynchronous stream of data.
For exam…
Keep reading