teleren/devto huggingface dataset:
Featured Snippet Là Gì? Các Bước Tối Ưu Featured Snippet
Tags: website, digitalmarketing, seo, terus
Published: 2024-07-08 09:26:13


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5p5p01w1kb1ovg168is3.jpg)
Featured Snippet, hay còn được gọi là đoạn trích nổi bật, là một dạng kết quả tìm kiếm đặc biệt trên Google. Thay vì chỉ hiển thị tiêu đề và đoạn mô tả ngắn gọn như kết quả tìm kiếm thông thường, Featured Snippet sẽ trích xuất và hiển thị trực tiếp một đoạn nội dung liên quan đến câu hỏi của người dùng.


Điểm khác biệt chính giữa Featured Snippet và các kết quả tìm kiếm thông thường là vị trí hiển thị. Featured Snippet sẽ được hiển thị ở đầu trang kết quả tìm kiếm, thậm chí trước cả quảng cáo. Điều này giúp nội dung được hiển thị nổi bật hơn, thu hút sự chú ý của người dùng ngay từ đầu.


Một số loại Featured Snippet phổ biến bao gồm:

Featured Snippet dạng định nghĩa: trích xuất và hiển thị định nghĩa của một từ khóa

Featured Snippet dạng bảng: trích xuất và hiển thị dữ liệu dạng bảng

Featured Snippet dạng danh sách: trích xuất và hiển thị dữ liệu dạng danh sách


Tóm lại, Featured Snippet đóng vai trò vô cùng quan trọng trong [chiến lược SEO hiện đại](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/). Nó không chỉ giúp website của bạn có vị trí nổi bật mà còn trực tiếp cung cấp nội dung mà người dùng đang tìm kiếm. Tuy nhiên, việc tối ưu Featured Snippet cũng là một thách thức đòi hỏi các [kỹ năng SEO chuyên sâu](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/). Với sự thay đổi liên tục của Google, việc theo dõi và nhanh chóng thích ứng sẽ là yếu tố then chốt để duy trì vị trí nổi bật của trang bạn [thiết kế website](https://terusvn.com/thiet-ke-website-tai-hcm/). 


Tìm hiểu thêm về [Featured Snippet Là Gì? Các Bước Tối Ưu Featured Snippet](https://terusvn.com/thiet-ke-website/featured-snippet-la-gi/)

Các dịch vụ tại Terus:

Digital Marketing:

·        [Dịch vụ Facebook Ads](https://terusvn.com/digital-marketing/dich-vu-facebook-ads-tai-terus/)

·        [Dịch vụ Google Ads](https://terusvn.com/digital-marketing/dich-vu-quang-cao-google-tai-terus/)

·        [Dịch vụ SEO Tổng Thể](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/)

Thiết kế website:

·        [Dịch vụ Thiết kế website chuẩn Insight](https://terusvn.com/thiet-ke-website/dich-vu-thiet-ke-website-chuan-insight-chuyen-nghiep-uy-tin-tai-terus/)

·        [Dịch vụ Thiết kế website](https://terusvn.com/thiet-ke-website-tai-hcm/)
Network Interface Card (N.I.C.S) and B304 Transceiver by GBIC Shop
Tags: b304transceiver, nics, networkinterfacecard, b304
Published: 2024-07-08 09:26:24

Enhance your network's performance with the Network Interface Card **[n.i.c.s](https://www.gbic-shop.de/definition-funktion-und-arten-von-nic-network-interface-card)** and B304 Transceiver from GBIC Shop. This top-of-the-line combination offers unparalleled data transmission speeds and reliable connectivity, ensuring your business operations run smoothly and efficiently. The N.I.C.S provides robust network interfaces, while the **[b304](https://www.gbic-shop.de/b304-kompatibel)** transceiver guarantees exceptional signal quality and compatibility with various network setups. Easy to install and maintain, these components are perfect for IT professionals looking to upgrade their network infrastructure. Trust GBIC Shop, a renowned manufacturer of fiber optics, transceivers, and NIC cards, for innovative and high-quality networking solutions. Elevate your network's capabilities today with the N.I.C.S and B304 Transceiver, and experience superior performance and reliability.

**NICS Card**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fw8666xs0f416v5u4x60.jpg)

**B304 Transceiver**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5afqm12r6gg6kkz9la67.jpg)
Your One-Stop Shop for Automotive Needs
Published: 2024-07-08 09:26:26

Coastal Collision Inc. is more than just a collision repair shop; we’re your one-stop destination for all automotive needs. Our comprehensive services include everything from paint touch-ups to full-body repairs. We use the latest technology and highest quality materials to ensure your car looks its best. If an accident leaves you stranded, don’t worry. Our efficient [tow truck](https://coastalcollisioninc.com/) service will get your vehicle to our shop quickly, so you can get back on the road as soon as possible.
UI/ UX Designer Là Gì? Mô Tả Công Việc Của UI/ UX Designer
Tags: website, digitalmarketing, seo, terus
Published: 2024-07-08 09:32:06


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z4y4mjy96g17gtbv6ddv.png)
UI (User Interface) và UX (User Experience) là hai khái niệm quan trọng trong thiết kế sản phẩm số cụ thể là thiết kế website. UI liên quan đến việc tạo ra một giao diện người dùng trực quan và tương tác, trong khi UX tập trung vào việc tạo ra trải nghiệm người dùng tối ưu và hữu dụng.


UI/UX Designer là những chuyên gia chịu trách nhiệm thiết kế và phát triển những giao diện người dùng và trải nghiệm người dùng hiệu quả cho các sản phẩm số như [thiết kế website](https://terusvn.com/thiet-ke-website-tai-hcm/), ứng dụng di động, phần mềm, v.v. Họ đóng vai trò then chốt trong việc đảm bảo rằng người dùng có thể tương tác với sản phẩm một cách dễ dàng, trực quan và hiệu quả.


Công việc chung của UI/UX Designer bao gồm:

Nghiên cứu và phân tích nhu cầu, hành vi và mong đợi của người dùng

Thiết kế giao diện người dùng, bao gồm bố cục, màu sắc, typography, biểu tượng, v.v.

Thiết kế trải nghiệm người dùng, bao gồm dòng chảy công việc, tương tác và các tính năng

Kiểm tra và đánh giá thiết kế để đảm bảo tính direct sử dụng và hiệu quả

Hợp tác với các bên liên quan như lập trình viên, quản lý sản phẩm để triển khai thiết kế


Tóm lại, UI/UX Designer đóng vai trò then chốt trong việc tạo ra các sản phẩm số người dùng cần và yêu thích. Với kỹ năng nghiên cứu, thiết kế và phân tích, họ có thể đem lại trải nghiệm tuyệt vời cho người dùng, góp phần vào thành công của sản phẩm. 

Tìm hiểu thêm về [UI/ UX Designer Là Gì? Mô Tả Công Việc Của UI/ UX Designer](https://terusvn.com/thiet-ke-website/ui-ux-designer-la-gi/)

Các dịch vụ tại Terus:

Digital Marketing:

·        [Dịch vụ Facebook Ads](https://terusvn.com/digital-marketing/dich-vu-facebook-ads-tai-terus/)

·        [Dịch vụ Google Ads](https://terusvn.com/digital-marketing/dich-vu-quang-cao-google-tai-terus/)

·        [Dịch vụ SEO Tổng Thể](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/)

Thiết kế website:

·        [Dịch vụ Thiết kế website chuẩn Insight](https://terusvn.com/thiet-ke-website/dich-vu-thiet-ke-website-chuan-insight-chuyen-nghiep-uy-tin-tai-terus/)

·        [Dịch vụ Thiết kế website](https://terusvn.com/thiet-ke-website-tai-hcm/)
Nên Sử Dụng SEO Hay SEM Để Tối Ưu Hiệu Quả
Published: 2024-07-08 09:33:27

SEM (Search Engine Marketing) là việc sử dụng các quảng cáo trên các công cụ tìm kiếm như Google, Bing, Yahoo để thu hút khách hàng tiềm năng. Các doanh nghiệp có thể đầu tư vào việc đặt quảng cáo lên các kết quả tìm kiếm được xếp hạng cao, nhằm tăng cơ hội hiển thị và tiếp cận với người dùng đang tìm kiếm sản phẩm, dịch vụ liên quan. 

.Việc lựa chọn SEO hay SEM phụ thuộc vào nhiều yếu tố, bao gồm:
* Nguồn lực tài chính của doanh nghiệp: SEO có chi phí thấp hơn nhưng yêu cầu nhiều nỗ lực và thời gian, trong khi SEM đòi hỏi nguồn vốn đầu tư lớn hơn.
* Tính cạnh tranh của thị trường: Nếu thị trường cạnh tranh cao, SEM có thể giúp doanh nghiệp hiển thị nhanh chóng trên các kết quả tìm kiếm.
* Mục tiêu và chiến lược kinh doanh: SEO phù hợp hơn cho các doanh nghiệp muốn xây dựng uy tín và tăng trưởng bền vững, trong khi SEM phù hợp hơn cho các doanh nghiệp muốn tạo ra doanh số nhanh chóng.

Terus Digital Marketing là đơn vị trực thuộc của Terus, cung cấp [dịch vụ SEO tổng thể website chuyên nghiệp](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/) bằng cách sử dụng phương pháphttps://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/. Phục vụ chủ yếu mọi đối tượng kinh doanh trên toàn quốc và tại HCM. với nhiều năm làm việc trong lĩnh vực tối ưu hóa tìm kiếm web và đã tham gia một số dự án lớn nhỏ thành công. Với tầm nhìn khác biệt, chúng tôi mang lại cho công ty nhiều giá trị hơn những gì chúng tôi đã cam kết. Nếu bạn sử dụng dịch vụ của chúng tôi, bạn sẽ được:
* Phân tích và đánh giá website hiện tại.
* Xây dựng chiến lược SEO dài hạn.
* Tối ưu hóa nội dung, cấu trúc website.
* Xây dựng liên kết chất lượng.
* Theo dõi và báo cáo kết quả.

Tìm hiểu thêm về[ Nên Sử Dụng SEO Hay SEM Để Tối Ưu Hiệu Quả](https://terusvn.com/digital-marketing/cac-cua-hang-nho-nen-dung-sem-hay-seo/)
Các dịch vụ tại Terus:
Digital Marketing:
* [Dịch vụ Chạy Facebook Ads Chuyên Nghiệp, Uy Tín](https://terusvn.com/digital-marketing/dich-vu-facebook-ads-tai-terus/)
*[ Dịch vụ Chạy Google Ads x3 Tỷ Lệ Chuyển Đổi](https://terusvn.com/digital-marketing/dich-vu-quang-cao-google-tai-terus/)
Thiết kế Website:
* [Dịch vụ Thiết kế Website Bán Hàng Tăng Doanh Thu](https://terusvn.com/thiet-ke-website-tai-hcm/)
Blacklist Là Gì? Cách Kiểm Tra Và Gỡ Blacklist
Tags: website, digitalmarketing, seo, terus
Published: 2024-07-08 09:35:11


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/92o38mz99z33xo05i5sd.jpg)
Blacklist là một danh sách các địa chỉ IP, tên miền hoặc email được xác định là nguồn gốc của hoạt động spam, lừa đảo hoặc các hành vi gây hại trên internet. Các tổ chức, công ty cung cấp dịch vụ email, web hosting và tìm kiếm sẽ sử dụng blacklist này để chặn và từ chối truy cập hoặc gửi email từ những nguồn được liệt kê. 


Có nhiều lý do khiến một [website](https://terusvn.com/thiet-ke-website-tai-hcm/), địa chỉ IP hoặc email có thể bị đưa vào blacklist, bao gồm:

Mã độc được chèn vào mã nguồn của trang web.

Không có bản ghi MX hợp lệ cho máy chủ email.

Sử dụng địa chỉ IP động cho máy chủ email.

Trang web có dấu hiệu lừa đảo.

Gửi email đến các địa chỉ email không chính xác.

Trang web chứa nội dung không lành mạnh.


Để kiểm tra xem IP, tên miền hoặc email của bạn có nằm trong blacklist hay không, bạn có thể sử dụng các công cụ như UCE Protect Network, Barracuda Reputation Block List... Nếu phát hiện bị đưa vào blacklist, bạn cần liên hệ với các bên quản lý blacklist như Google, McAfee để được hướng dẫn gỡ bỏ.


Để tránh gặp rủi ro bị đưa vào blacklist, các biện pháp phòng ngừa quan trọng bao gồm:

Thường xuyên cập nhật các bản vá bảo mật mới nhất

Sử dụng phần mềm bảo mật và chứng chỉ SSL uy tín

Đầu tư cơ sở hạ tầng mạnh mẽ, ổn định

Sử dụng các công cụ quản lý, giám sát website hiệu quả


Blacklist là một thách thức không hề nhỏ đối với sự hiện diện trực tuyến của bất kỳ tổ chức, cá nhân nào. Tuy nhiên, bằng việc nắm rõ các nguyên nhân, tác hại và áp dụng các biện pháp phòng ngừa thích hợp, bạn có thể tránh được rủi ro này và duy trì sự phát triển bền vững của [hoạt động kinh doanh online trên website](https://terusvn.com/thiet-ke-website-tai-hcm/).

Tìm hiểu thêm về [Blacklist Là Gì? Cách Kiểm Tra Và Gỡ Blacklist](https://terusvn.com/thiet-ke-website/blacklist-la-gi/)

Các dịch vụ tại Terus:

Digital Marketing:

·        [Dịch vụ Facebook Ads](https://terusvn.com/digital-marketing/dich-vu-facebook-ads-tai-terus/)

·        [Dịch vụ Google Ads](https://terusvn.com/digital-marketing/dich-vu-quang-cao-google-tai-terus/)

·        [Dịch vụ SEO Tổng Thể](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/)

Thiết kế website:

·        [Dịch vụ Thiết kế website chuẩn Insight](https://terusvn.com/thiet-ke-website/dich-vu-thiet-ke-website-chuan-insight-chuyen-nghiep-uy-tin-tai-terus/)

·        [Dịch vụ Thiết kế website](https://terusvn.com/thiet-ke-website-tai-hcm/)
🌐 Exploring the Three Types of Web Design 🌐
Published: 2024-07-08 09:42:24

Web design shapes how websites look and function, making them easy to use and understand. Let’s dive into the main types:

1️⃣ Static Web Design: Think of it like a picture that stays the same until you change it. Perfect for sites that don’t need frequent updates.

2️⃣ Dynamic Web Design: Like a magic book that updates based on what you need. Great for interactive sites like online shops and blogs.

3️⃣ Responsive Web Design: Ensures websites look good on any device. It adapts layouts for desktops, tablets, and phones seamlessly.

Each type has its pros and cons, influencing how websites perform and interact with users. Choosing the right design strategy can make a big difference in your online presence!

🚀 Ready to elevate your website? Discover [Wix Theme Studio](https://www.wixtheme.com/)! We specialize in all things Wix, from creating stunning websites to optimizing performance with SEO. Let our expert team bring your vision to life. Visit us today and transform your website into a powerful online presence!


#WebDesign #WixThemes #ResponsiveDesign #DigitalMarketing
Disclaimer Là Gì? Cách Viết Disclaimer Cho Website
Tags: website, digitalmarketing, seo, terus
Published: 2024-07-08 09:38:25


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0sda30lnj0lrbvz9isn2.jpg)

Một Disclaimer hiệu quả cần bao gồm các yếu tố cốt lõi sau:

Danh tính của bên tuyên bố miễn trừ trách nhiệm: Điều này xác định rõ chủ sở hữu hoặc quản lý website, cũng như vai trò và trách nhiệm của họ.

Mô tả về những gì đang bị từ chối: Disclaimer cần nêu rõ những nội dung, thông tin hoặc dịch vụ mà chủ sở hữu website từ chối chịu trách nhiệm.

Phạm vi của Disclaimer: Tuyên bố miễn trừ trách nhiệm cần xác định rõ phạm vi áp dụng, ví dụ như chỉ áp dụng cho website này, hoặc cho cả các nội dung liên kết.

Tuyên bố từ chối trách nhiệm: Đây là phần then chốt của Disclaimer, nơi chủ sở hữu website tuyên bố rõ ràng về việc từ chối trách nhiệm pháp lý đối với nội dung và thông tin trên website.

Quyền sở hữu trí tuệ: Disclaimer cần xác định rõ quyền sở hữu trí tuệ của nội dung và thông tin trên website.

Thông tin liên hệ: Tuyên bố miễn trừ trách nhiệm nên cung cấp thông tin liên hệ cho người dùng website trong trường hợp có yêu cầu hay khiếu nại.


Tầm quan trọng của Disclaimer:

Hạn chế ảnh hưởng của những nội dung sai lệch, độc hại: Disclaimer giúp giới hạn trách nhiệm pháp lý khi có thông tin sai lệch hoặc không chính xác trên website.

Đóng vai trò bảo vệ cho website: Tuyên bố miễn trừ trách nhiệm giúp website tránh khỏi các tranh chấp pháp lý liên quan đến nội dung.

Khẳng định chủ quyền website: Disclaimer xác định rõ chủ sở hữu và quyền kiểm soát [nội dung của website](https://terusvn.com/thiet-ke-website-tai-hcm/).

Một Disclaimer hiệu quả cần phải rõ ràng, súc tích và dễ hiểu. Nó giúp [bảo vệ website](https://terusvn.com/thiet-ke-website-tai-hcm/) và chủ sở hữu khỏi các tranh chấp pháp lý tiềm ẩn. Tuy nhiên, Disclaimer không thể hoàn toàn loại trừ trách nhiệm pháp lý, do đó chủ sở hữu website vẫn cần tuân thủ các quy định pháp luật và thực hiện các biện pháp bổ sung khác để bảo vệ trang web. 

Tìm hiểu thêm về [Disclaimer Là Gì? Cách Viết Disclaimer Cho Website](https://terusvn.com/thiet-ke-website/disclaimer-la-gi/)

Các dịch vụ tại Terus:

Digital Marketing:

·        [Dịch vụ Facebook Ads](https://terusvn.com/digital-marketing/dich-vu-facebook-ads-tai-terus/)

·        [Dịch vụ Google Ads](https://terusvn.com/digital-marketing/dich-vu-quang-cao-google-tai-terus/)

·        [Dịch vụ SEO Tổng Thể](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/)

Thiết kế website:

·        [Dịch vụ Thiết kế website chuẩn Insight](https://terusvn.com/thiet-ke-website/dich-vu-thiet-ke-website-chuan-insight-chuyen-nghiep-uy-tin-tai-terus/)

·        [Dịch vụ Thiết kế website](https://terusvn.com/thiet-ke-website-tai-hcm/)
Các Phần Mềm Thiết Kế UI/ UX Tốt Nhất 2024
Tags: webiste, digitalmarketing, seo, terus
Published: 2024-07-08 09:41:11


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iut9eba1k8g5pqj0sifc.jpg)
Để hỗ trợ quá trình [thiết kế UI/UX](https://terusvn.com/thiet-ke-website-tai-hcm/), có nhiều phần mềm có sẵn. Terus sẽ giới thiệu cho bạn 10 công cụ thiết kế UI/UX phổ biến và được sử dụng rộng rãi:

Figma: Một nền tảng thiết kế đa năng, cho phép tạo wireframe, prototype và chia sẻ dự án.

Flinto: Công cụ tạo prototype linh hoạt, giúp mô phỏng trải nghiệm của người dùng.

Sketch: Phần mềm thiết kế đồ họa vectơ, được ưa chuộng trong cộng đồng thiết kế.

Origami: Một plugin của Facebook, giúp tạo prototype tương tác và chuyển động.

Adobe XD: Công cụ của Adobe cho thiết kế UI/UX, với các tính năng như tạo prototype và chia sẻ.

InVision: Nền tảng thiết kế và prototype, cho phép đội nhóm cộng tác.

Axure RP: Phần mềm thiết kế wireframe và prototype, với nhiều tính năng nâng cao.

Balsamiq: Công cụ tạo wireframe nhanh chóng, đơn giản và dễ sử dụng.

Marvel: Cho phép tạo prototype từ các thiết kế tĩnh, với nhiều tính năng tương tác.

Framer: Nền tảng code-centric, cho phép tạo prototype sử dụng code hoặc giao diện kéo-thả.


Hiện nay, xu hướng thiết kế UI/UX đang hướng đến các công cụ có khả năng tạo prototype, mô phỏng trải nghiệm người dùng và hỗ trợ quy trình làm việc nhóm. Các công cụ như Figma, InVision và Adobe XD đang trở nên phổ biến.


Khi lựa chọn phần mềm thiết kế UI/UX, cần xem xét các yếu tố như tính năng, khả năng kết nối với các công cụ khác, giá cả và sự phù hợp với quy trình làm việc của tổ chức. Ngoài ra, việc tìm hiểu các xu hướng và nhu cầu của người dùng cũng rất quan trọng.


Mặc dù không cần phải biết lập trình, việc hiểu biết cơ bản về các ngôn ngữ code và quy trình phát triển phần mềm sẽ hỗ trợ designers trong việc tạo ra các thiết kế phù hợp và có thể thực hiện được.


Tóm lại, UI/UX đóng vai trò quan trọng trong thiết kế sản phẩm số, ở đây là [website chuẩn UI/UX](https://terusvn.com/thiet-ke-website-tai-hcm/), và việc sử dụng các phần mềm thiết kế UI/UX phù hợp sẽ giúp designers tạo ra những trải nghiệm người dùng tuyệt vời. Việc lựa chọn công cụ cần xem xét đến các yếu tố như tính năng, khả năng kết nối, giá cả và sự phù hợp với quy trình làm việc của tổ chức. Ngoài ra, kiến thức về lập trình cũng sẽ hỗ trợ designers trong quá trình thiết kế.

Tìm hiểu thêm về [Các Phần Mềm Thiết Kế UI/ UX Tốt Nhất 2024](https://terusvn.com/thiet-ke-website/cac-phan-mem-thiet-ke-ui-ux-tot-nhat/)

Các dịch vụ tại Terus:

Digital Marketing:

·        [Dịch vụ Facebook Ads](https://terusvn.com/digital-marketing/dich-vu-facebook-ads-tai-terus/)

·        [Dịch vụ Google Ads](https://terusvn.com/digital-marketing/dich-vu-quang-cao-google-tai-terus/)

·        [Dịch vụ SEO Tổng Thể](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/)

Thiết kế website:

·        [Dịch vụ Thiết kế website chuẩn Insight](https://terusvn.com/thiet-ke-website/dich-vu-thiet-ke-website-chuan-insight-chuyen-nghiep-uy-tin-tai-terus/)

·        [Dịch vụ Thiết kế website](https://terusvn.com/thiet-ke-website-tai-hcm/)
useEffect() or Event handler?
Tags: react, doubt, javascript, beginners
Published: 2024-07-08 09:48:54

Hi there!
I just wanted some advice here. Basically I have a To-Do list application that uses a Postgres database and an express backend. I just have one table that stores the name, id, whether completed or not, and a note related to the task in it.

![An image of my To-Do list application main (and only, lol) page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h62wbj7gu2lvxnce987l.png)



My doubt is whether I should use a `useEffect()` or just plain old event handlers for this.

This is how I have implemented my functionality:
1. When a user clicks on the add task button, the event handler- `handleAddTask()` fires up -> adds the task to the database -> then fetches the data once again to get the updated data.

NOTE- I am fetching the data again and again since I thought it wouldn't be too bad for an application that is this small (and also because I don't yet know how to do this in a more efficient way🥲).

2. Similar to the above, when the user deletes a task, a database DELETE request is sent and all the tasks are fetched again to keep the frontend in sync with backend.

3. Same for editing a task too. Edit it, PUT request goes, and all tasks fetched again.

The `handleAddTask()` event handler:
``` javascript
function handleAddTask(title){
		if (title.trim() === ""){
			alert("You cannot add empty task!");
		}
		else{
			controller.addTask(title)
			.then(() => controller.fetchData())
			.then((todos) => {
				console.log("Got your todos!:", todos);
				dispatch({
					type: "set",
					todos: todos,
				})
				handleSetTasksRemaining(todos);
			});

			// clearing the task input bar upon adding the task
			setTitle("");
		}
	}
```
The `handleDeleteTask()` event handler:
``` javascript
function handleDeleteTask(id){
		controller.deleteTask(id)
		.then(() => controller.fetchData())
		.then((todos) => {
			console.log("Got your todos!:", todos);
			flushSync(() => {
				dispatch({
					type: "set",
					todos: todos,
				});
			});
			handleSetTasksRemaining(todos);
		})
	}
```
And finally the `handleEditTask()` event handler:
``` javascript
function handleEditTask(id, title, completed, description, showEditButton){
		setEditInput(showEditButton);

		if(title.trim() === ""){
			alert("You cannot add empty task!");
		} else{
			controller.updateTask(id, title, completed, description === "" ? null : description)
			.then(() => controller.fetchData())
			.then((todos) => {
				console.log("Got your todos!:", todos);
				dispatch({
					type: "set",
					todos: todos,
				})
				handleSetTasksRemaining(todos);
			})
		}
	}
```

I am really confused about what I should do since everyone keeps saying that data fetching should be done in useEffect. But in my case the data should only be added, deleted or edited whenever I click on an appropriate button. 

Is this a bad approach? What is the better approach if any? Please help.