Request for Feedback
Your suggestions for improving these updates are welcome.
GitHub Repository: https://github.com/ajitsinghkaler/devto-clone
Live deployment on Firebase: https://dev-toclone.firebaseapp.com/
The previous week saw the completion of the article section on the details page along with a rudimentary comments area. 
This week marked the implementation of the full comments section, which proved to be one of the more difficult UI challenges in this project. The rendering of comments is complicated due to their structure. Each comment contains a property named children that can itself hold more comments, resulting in a tree-like data format.
├── comment
│ ├── comment ─── comment
│ │ └── comment
│ ├── comment
│ ├── comment ─── comment ─── comment
│ │ └── comment ─── comment ─── comment
│ └── comment
├── comments
│ ├── comment ─── comment
│ │ └── comment
│ └── comment
├──── comment
│ ├── comment
│ └── comment
└──── comments
The challenge was figuring out how to display an infinite tree. The solution involved calling the comment component from within itself. This recursive approach renders the entire component tree. A detailed breakdown of this process is available in a separate article.
Additionally, Vimal Patel contributed commit lint to the repository, which simplifies the process of reading commit messages. I am grateful for this addition.
Initial Live Stream
My first live stream was conducted alongside Santosh, focusing on transitioning the application from angular-cli to NxDevTools. We covered the fundamental aspects during the stream, and I addressed numerous questions regarding the rationale behind choosing Nx. To see how to migrate your project to Nx, you can follow us on This is tech Talks
where we will be migrating the entire dev.to clone to Nx across the live stream. As it was my initial talk, I experienced some nervousness, but Santosh helped put me at ease. Thanks, Santosh.
This is the current state of the project.
In the coming week, my focus will shift to the development of the podcast page.