https://github.com/faddalibrahim/nested-comments-system-react

using recursion to create a nested comments system
https://github.com/faddalibrahim/nested-comments-system-react

Last synced: 6 days ago
JSON representation

using recursion to create a nested comments system

• Host: GitHub
• URL: https://github.com/faddalibrahim/nested-comments-system-react
• Owner: faddalibrahim
• Created: 2024-03-01T15:09:40.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-19T08:27:43.000Z (7 months ago)
• Last Synced: 2024-04-19T09:35:55.117Z (7 months ago)
• Language: TypeScript
• Homepage: https://react-nested-comments-system.netlify.app
• Size: 2.69 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Nested Comment System

[![Read Full Technical Blog Post](banner.svg "Read Full Technical Blog Post")](https://dev.faddalibrahim.com/blog/using-recursion-to-create-nested-comments-system-ft-reactjs)

Replicating social media nested comments systems like reddit.

## In Progress

- Context API to eliminate prop drilling

- Testing with Cypress/RTL

## Links

- [Full Technical Write-up](https://dev.faddalibrahim.com/blog/using-recursion-to-create-nested-comments-system-ft-reactjs)

- [Live Demo](https://react-nested-comments-system.netlify.app/)

## Tools

- [React/Typescript (scaffolded with Vite)](https://vitejs.dev/guide/)

- [Tailwindcss](https://tailwindcss.com/)

## Run

```sh

git clone https://github.com/faddalibrahim/nested-comments-system-react.git

cd nested-comments-system-react

npm i

npm run dev

```

## Demo

![Demo](demo.gif)