Updates on dev.to clone in Angular – July 30

This content originally appeared on DEV Community and was authored by Ajit Singh

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 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

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.

This content originally appeared on DEV Community and was authored by Ajit Singh

Print Share Comment Cite Upload Translate Updates

APA

Ajit Singh | Sciencx (2021-07-30T03:53:13+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 ,<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 ]. 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 . 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: ]

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/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.