Updates on dev.to clone in Angular – July 30

Github Repo – https://github.com/ajitsinghkaler/devto-clone

Deployed on Firebase – https://dev-toclone.firebaseapp.com/

Last week I added article section dev.to clone.

This week we added the tags store and joined the tags to the api. We mostly foll…

Github Repo – https://github.com/ajitsinghkaler/devto-clone

Deployed on Firebase – https://dev-toclone.firebaseapp.com/

Last week I added article section dev.to clone.
Dev.to clone July 30

This week we added the tags store and joined the tags to the api. We mostly follow a pattern to add an api service which makes all the api calls and a store service which sores al the data related to that service.

We also added listings using the same pattern. This is the first time we used *rxLet. It really makes working with all Observable in the templates easier do check it out. It allows you four states for an observable suspense, error. complete so that you can handle each one of them separately and gets rid of the *ngIf with async pipe. Like if you want to display something else while loading and error is a big disadvantage of the async pipe when used with an api.

There was one interesting thing we did this time we created a reusable component which when passed a tag will show all the top articles from these tags in the last 3 days if you want to check this out.

This is how it looks now
Alt Text
Next week we will start working on article details page.



Issues

Issue
The article tag store and article store are quite common can we make them one. Same for listings HTML and article-tag HTML. I’m not sure what to do about this.



Commits done in this update

  1. added right side tags articles
  2. add listings to homepage
  3. add tags store



Contributions

Chellappan has also offered some help. He will raise a detailed feature request on what he will work on Waiting for that.

If you want to contribute too. I’ve created a lot of issues. Anyone can work on issues but for feature requests you have to raise a detailed feature request before working on it.

Sunny also raised his first pr on the project. Thank you sunny.


Print Share Comment Cite Upload Translate
APA
Ajit Singh | Sciencx (2024-03-28T11:07:08+00:00) » Updates on dev.to clone in Angular – July 30. Retrieved from https://www.scien.cx/2021/07/30/updates-on-dev-to-clone-in-angular-july-30/.
MLA
" » Updates on dev.to clone in Angular – July 30." Ajit Singh | Sciencx - Friday July 30, 2021, https://www.scien.cx/2021/07/30/updates-on-dev-to-clone-in-angular-july-30/
HARVARD
Ajit Singh | Sciencx Friday July 30, 2021 » Updates on dev.to clone in Angular – July 30., viewed 2024-03-28T11:07:08+00:00,<https://www.scien.cx/2021/07/30/updates-on-dev-to-clone-in-angular-july-30/>
VANCOUVER
Ajit Singh | Sciencx - » Updates on dev.to clone in Angular – July 30. [Internet]. [Accessed 2024-03-28T11:07:08+00:00]. Available from: https://www.scien.cx/2021/07/30/updates-on-dev-to-clone-in-angular-july-30/
CHICAGO
" » Updates on dev.to clone in Angular – July 30." Ajit Singh | Sciencx - Accessed 2024-03-28T11:07:08+00:00. https://www.scien.cx/2021/07/30/updates-on-dev-to-clone-in-angular-july-30/
IEEE
" » Updates on dev.to clone in Angular – July 30." Ajit Singh | Sciencx [Online]. Available: https://www.scien.cx/2021/07/30/updates-on-dev-to-clone-in-angular-july-30/. [Accessed: 2024-03-28T11:07:08+00:00]
rf:citation
» Updates on dev.to clone in Angular – July 30 | Ajit Singh | Sciencx | https://www.scien.cx/2021/07/30/updates-on-dev-to-clone-in-angular-july-30/ | 2024-03-28T11:07:08+00:00
https://github.com/addpipe/simple-recorderjs-demo