Good morning!

Thucde.dev

A personal dev blog and content platform — posts, snippets, stories, and experiments in the open.

Posts

Code Snippets

Stories

Dictionary

Featured

Latest posts

Sửa lỗi Husky Precommit trên GitHub Desktop trên Windows

Hãy cùng sửa các lỗi hook Git pre-commit của Husky trên GitHub Desktop trên Windows nhé!

Jesmonite Workshop with Tiem Nua Thuoc

This is not evolution. This is compression.

Why does useEffect keep running even when dependencies don’t change?

Thucde.dev now speaks two languages

thucde.dev changed more than it looks

How to Fix Node.js "Application Error" on Azure when using GitHub Actions

Thucde.dev

Writing about code, tools, and whatever I'm learning.

Spotlight

Programming

View all

reverse() in React can surprise you — here’s why (and how to fix it)

Array.prototype.reverse() mutates the original array. That’s fine in isolated scripts, but inside a React render it can lead to surprising UI,... Learn more.

MongoDB returns results in different order each time, why?

Discover how MongoDB may return results in different order when sorting with sort(), and/or skip(), limit()

Authorize your requests to secured endpoints in Postman programmatically!

This script runs before the request, automatically updating your authorization token to ensure it's always valid.

Create aliases for commands on MacOS

In MacOS, you can create alias for long command for better typing and developing purposes!

reverse() in React can surprise you — here’s why (and how to fix it)

Array.prototype.reverse() mutates the original array. That’s fine in isolated scripts, but inside a React render it can lead to surprising UI,... Learn more.

MongoDB returns results in different order each time, why?

Discover how MongoDB may return results in different order when sorting with sort(), and/or skip(), limit()

Authorize your requests to secured endpoints in Postman programmatically!

This script runs before the request, automatically updating your authorization token to ensure it's always valid.

Create aliases for commands on MacOS

In MacOS, you can create alias for long command for better typing and developing purposes!

Category

Travel

View all

Úp Xi đi Đà Lạt

Matcha latte chỗ này ngon 🤤, quán mở tới 10h à, mà ngồi lâu hơn được tại mấy bạn còn ngồi chơi dọn đồ, lúc mình về còn chúc tết nữa, dễ thươnggg

Vài hình ảnh và chuyện sự cố tại khách sạn do mình đặt ở miền Bắc nước Ý

Lần đầu tiên tự đặt chỗ ở, lại là chỗ ở nước ngoài thì mọi người cảm giác như thế nào?

Mình và cái hồ nào đó ở Ý

Một số hình ảnh mình ở một cái hồ trên đường đi mà bác tài ghé cho nghỉ chân một chút!

Một vài gợi ý đi Đà Lạt cho người xin nghỉ được thứ 6 (từ Sài Gòn)

Một lịch trình dày đặc thoải mái cho người hay ngồi nhiều

Úp Xi đi Đà Lạt

Matcha latte chỗ này ngon 🤤, quán mở tới 10h à, mà ngồi lâu hơn được tại mấy bạn còn ngồi chơi dọn đồ, lúc mình về còn chúc tết nữa, dễ thươnggg

Vài hình ảnh và chuyện sự cố tại khách sạn do mình đặt ở miền Bắc nước Ý

Lần đầu tiên tự đặt chỗ ở, lại là chỗ ở nước ngoài thì mọi người cảm giác như thế nào?

Mình và cái hồ nào đó ở Ý

Một số hình ảnh mình ở một cái hồ trên đường đi mà bác tài ghé cho nghỉ chân một chút!

Một vài gợi ý đi Đà Lạt cho người xin nghỉ được thứ 6 (từ Sài Gòn)

Một lịch trình dày đặc thoải mái cho người hay ngồi nhiều

Category

Photography

View all

Hyperfocal Distance (Siêu Tiêu Cự): Lấy nét cả vật thể gần và phía xa

Làm chủ Hyperfocal Distance! Công cụ tính toán và hướng dẫn chi tiết giúp nhiếp ảnh gia đạt ảnh sắc nét hoàn hảo từ tiền cảnh đến vô cực.

Lens Sigma cho Canon RF full-frame: Cơ hội nào?

Liệu Canon có bắt tay Sigma sản xuất ống kính ngàm RF full-frame? Phân tích chuyên sâu về khả năng hợp tác, lợi ích và thách thức cho cả hai hãng và người dùng.

Workshop khắc gỗ tại Hiên Concept (Củi Lũ Concept cũ)

Những khoảnh khắc tại buổi workshop khắc gỗ thú vị. Mình đã tự làm khó mình bằng việc bắt chước một mẫu khá phức tạp.

Review Từ A-Z: Vì Sao Ai Cũng Cần Combo Canon R8 và Lens 50mm f/1.8?

Giải Mã Combo "Quốc Dân": Canon R8 & Lens 50mm f/1.8 - Vua Chân Dung Tầm Trung?

Hyperfocal Distance (Siêu Tiêu Cự): Lấy nét cả vật thể gần và phía xa

Làm chủ Hyperfocal Distance! Công cụ tính toán và hướng dẫn chi tiết giúp nhiếp ảnh gia đạt ảnh sắc nét hoàn hảo từ tiền cảnh đến vô cực.

Lens Sigma cho Canon RF full-frame: Cơ hội nào?

Workshop khắc gỗ tại Hiên Concept (Củi Lũ Concept cũ)

Những khoảnh khắc tại buổi workshop khắc gỗ thú vị. Mình đã tự làm khó mình bằng việc bắt chước một mẫu khá phức tạp.

Review Từ A-Z: Vì Sao Ai Cũng Cần Combo Canon R8 và Lens 50mm f/1.8?

Giải Mã Combo "Quốc Dân": Canon R8 & Lens 50mm f/1.8 - Vua Chân Dung Tầm Trung?

Category

Work

View all

Cập nhật sự nghiệp: Trải Nghiệm - Suy Nghĩ

Cập nhật tình hình sự nghiệp gần đây. Mọi thứ không hào nhoáng như bề ngoài, nhưng "đáng giá".

Workshop làm hộp tranh côn trùng

Một vài khoảnh khắc tại workshop mới

Workshop làm tranh kính màu treo lủng lẳng

Một vài trải nghiệm và khoảnh khắc thú vị tại workshop làm tranh kính màu - Solar Art & Space | Netcompany

Workshop làm tranh khảm Mosaic

Một vài hình ảnh kỉ niệm lần đi workshop tranh khảm Mosaic

Cập nhật sự nghiệp: Trải Nghiệm - Suy Nghĩ

Cập nhật tình hình sự nghiệp gần đây. Mọi thứ không hào nhoáng như bề ngoài, nhưng "đáng giá".

Workshop làm hộp tranh côn trùng

Một vài khoảnh khắc tại workshop mới

Workshop làm tranh kính màu treo lủng lẳng

Một vài trải nghiệm và khoảnh khắc thú vị tại workshop làm tranh kính màu - Solar Art & Space | Netcompany

Workshop làm tranh khảm Mosaic

Một vài hình ảnh kỉ niệm lần đi workshop tranh khảm Mosaic

Category

Business

View all

Dynamic Preview Image | Every URL Deserves a Beautiful Preview

Dynamic Open Graph images create beautiful, real-time preview cards for your links — designed to catch attention and increase engagement.

A solution that saves me a LOT of time - work smarter not harder

While I'm doing an extremely boring task, is not too complicated, but it repetitive and I have to do the same thing for many many of times. It... Learn more.

Why there is a small space at the bottom of an img tag?

I think this is a small tip that could help you out when developing websites.

closeOnSelect false not working in react-select v1.2.x

How to fix closeOnSelect false not working in react-select AsyncCreatable v1.2.1

Dynamic Preview Image | Every URL Deserves a Beautiful Preview

Dynamic Open Graph images create beautiful, real-time preview cards for your links — designed to catch attention and increase engagement.

A solution that saves me a LOT of time - work smarter not harder

While I'm doing an extremely boring task, is not too complicated, but it repetitive and I have to do the same thing for many many of times. It... Learn more.

Why there is a small space at the bottom of an img tag?

I think this is a small tip that could help you out when developing websites.

closeOnSelect false not working in react-select v1.2.x

How to fix closeOnSelect false not working in react-select AsyncCreatable v1.2.1

Category

Next.js

View all

How to Detect macOS in JavaScript or React Applications

Detect macOS in JavaScript or React using reliable user agent checks and platform detection methods.

MUI-like Circular Progress with TailwindCSS

I'll show you a MUI-like circular progress React component with just TailwindCSS.

Redirect POST route handler to a page in Next.js

How to redirect to a page from Next.js POST router handler.

Next.is is amazing! - P3

As React developers, we typically don’t need to worry about implementing web APIs, since this is usually handled by the backend team. However,... Learn more.

How to Detect macOS in JavaScript or React Applications

Detect macOS in JavaScript or React using reliable user agent checks and platform detection methods.

MUI-like Circular Progress with TailwindCSS

I'll show you a MUI-like circular progress React component with just TailwindCSS.

Redirect POST route handler to a page in Next.js

How to redirect to a page from Next.js POST router handler.

Next.is is amazing! - P3

As React developers, we typically don’t need to worry about implementing web APIs, since this is usually handled by the backend team. However,... Learn more.

Platform

Create & explore

Write a post

Long-form essays, tutorials, and notes from the editor.

Code Snippets

Short code samples you can search and share.

Find your next read

Search across posts, snippets, and stories — or browse by category.

Browse categories