From 86930836ee8902ea6e2111f0664d0c0f4234b496 Mon Sep 17 00:00:00 2001 From: Jasmine Date: Sun, 1 Sep 2024 21:20:32 +0530 Subject: [PATCH] added permalinks --- _posts/2017/09/18/2017-09-18-js-webpack-plugin-setup.md | 1 + _posts/2017/11/19/2017-11-19-js-boilerplate-with-webpack.md | 1 + _posts/2024/07/13/2024-07-13-combinelatest-vs-forkjoin.md | 3 ++- _posts/2024/08/17/2024-08-17-custom-structural-directive.md | 1 + 4 files changed, 5 insertions(+), 1 deletion(-) diff --git a/_posts/2017/09/18/2017-09-18-js-webpack-plugin-setup.md b/_posts/2017/09/18/2017-09-18-js-webpack-plugin-setup.md index 89c4b12..912798a 100644 --- a/_posts/2017/09/18/2017-09-18-js-webpack-plugin-setup.md +++ b/_posts/2017/09/18/2017-09-18-js-webpack-plugin-setup.md @@ -2,6 +2,7 @@ author: Jasmine Hirpara excerpt: In this self-help write-up, we will see some commonly used webpack loaders and plugins tags: [javascript, webpack, webpack-plugin] +permalink: /posts/js-webpack-plugin-setup --- ## Setting up some common webpack loaders and plugins diff --git a/_posts/2017/11/19/2017-11-19-js-boilerplate-with-webpack.md b/_posts/2017/11/19/2017-11-19-js-boilerplate-with-webpack.md index 9fc4ac8..ca939e8 100644 --- a/_posts/2017/11/19/2017-11-19-js-boilerplate-with-webpack.md +++ b/_posts/2017/11/19/2017-11-19-js-boilerplate-with-webpack.md @@ -2,6 +2,7 @@ author: Jasmine Hirpara excerpt: This is a very simple boilerplate setup for a frontend javascript project using webpack and eslint tags: [javascript, webpack, eslint, bolierplate] +permalink: /posts/js-boilerplate-with-webpack --- ## Setting up JS Boilerplate with `webpack` and `eslint` diff --git a/_posts/2024/07/13/2024-07-13-combinelatest-vs-forkjoin.md b/_posts/2024/07/13/2024-07-13-combinelatest-vs-forkjoin.md index 19dcf1a..02eb88b 100644 --- a/_posts/2024/07/13/2024-07-13-combinelatest-vs-forkjoin.md +++ b/_posts/2024/07/13/2024-07-13-combinelatest-vs-forkjoin.md @@ -1,7 +1,8 @@ --- author: Jasmine Hirpara excerpt: RxJS combineLatest and forkJoin - what's the difference? -tags: [RxJS, combineLatest, forkJoin] +tags: [rxjs, combineLatest, forkJoin] +permalink: /posts/combinelatest-vs-forkjoin --- Over the years, i have worked with RxJS and i used to wonder what is the difference between `combineLatest` and `forkJoin` functions. Both combine different observables into a single observable and emit the values when all the inner observables have emitted a value. One fine day i decided to use `forkJoin` to combine 2 observables - one a BehaviorSubject and another an observable returned from an http call. Lets see what happens when we use `forkJoin` to combine these 2 observables. For the sake of simplicity, i am using `of` operator to mock the http call. diff --git a/_posts/2024/08/17/2024-08-17-custom-structural-directive.md b/_posts/2024/08/17/2024-08-17-custom-structural-directive.md index a6253c7..aa792a2 100644 --- a/_posts/2024/08/17/2024-08-17-custom-structural-directive.md +++ b/_posts/2024/08/17/2024-08-17-custom-structural-directive.md @@ -2,6 +2,7 @@ author: "Jasmine Hirpara" excerpt: "Your own custom for loop structural directive in Angular" tags: [angular, structural directive, forEach] +permalink: /posts/custom-structural-directive --- i have been working with Angular for quite some time now and i developed this curiosity to understand how the structural directives like `*ngFor`, `*ngIf` worked behind the scenes. So i referred to the Angular source code and tried to understand the implementation of `*ngFor` and tried my hand at creating my own custom structural directive similar to `*ngFor`. i named it `*forEach` (wow, so original 😅). Let's see how i implemented it.