React-Commenting-System VS matias-sveltekit

Before continuing I feel the need to explain the difference between these two components, because there might be some confusion on why I had to pass and call two different callbacks both for the onClick event. The difference is quite simple. As you saw in the screenshot in the beginning of the article, there will be a box with "unselected" emojis, and a row of selected emojis with a counter on them (see the demo if this isn't clear). So, we'll use the Emoji component for the unselected emojis. Its callback will create a new object in the database and start its counter at 1. Also, it will remove the emoji from the unselected box and move it to the row of selected ones. EmojiWithCounter is the component used to render the selected emojis.

One of my latest projects is an entire blog built with Next.js, a framework based on React. One of the features I wanted was a commenting system, but none of those already available were interesting for me and I wanted full control on the features and the data. Because of that, I decided to create my own commenting system. This article is meant to show the process of creating it and there’s a repo on GitHub with the full code for reference.

const original = { site: "https://matiashernandez.dev", published: new Date(), socials: [{ name: "twitter", url: "https://twitter.com/matiasfha" },{ name: "youtube", url: "https://dub.sh/channel" //Subscribe! }] } const copy1 = Object.assign({}, original) const copy2 = { ...original } // Error, this will update the publishedDate property of the original object copy1.published.setTime(10) // Error, this will add an empty object to the original object copy2.socials.push({})