How To Build Your Own Likes and Comments System With Firebase and React

Developer Tools Design Tools Project Management

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
So I set out on creating the system with Firebase, TailwindCSS and React. While TailwindCSS is not a compulsion, it's my go to library. Let's get started.

#Developer Tools #Design Tools #Website Design 870 social mentions
React Landing Page
2

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
So I set out on creating the system with Firebase, TailwindCSS and React. While TailwindCSS is not a compulsion, it's my go to library. Let's get started.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions
Firebase Landing Page

3

Firebase

Firebase is a cloud service designed to power real-time, collaborative applications for mobile and web.

// File: @/lib/firebase.js Import 'firebase/firestore' Import firebase from 'firebase/app' // More about firebase config on https://firebase.google.com/docs/web/setup#config-object Var firebaseConfig = { apiKey: '', authDomain: '', projectId: '', storageBucket: '', messagingSenderId: '', appId: '', } If (!firebase.apps.length) { firebase.initializeApp(firebaseConfig) } else { firebase.app() } Export const firestore = firebase.firestore() Export default firebase.

#Developer Tools #App Development #Backend As A Service 248 social mentions
DISQUS Landing Page
4

DISQUS

Disqus is a global comment system that improves discussion on websites and connects conversations across the web.
Pricing:
- Freemium
- $10.0 / Monthly (Up to 50,000 total daily pageviews)
Both Cusdis and Disqus are not performance-friendly as they highly affect Cumulative Layout Shift (CLS).

#Social Networks #Project Management #Commenting Service 37 social mentions
Cusdis Landing Page

5

Cusdis

Open-source, lightweight comment system for your website

Both Cusdis and Disqus are not performance-friendly as they highly affect Cumulative Layout Shift (CLS).

#Developer Tools #Tech #Design Tools 4 social mentions