Thucde.dev

Enamel Keepsake: Trải nghiệm làm Pháp Lam và văn hoá workshop "đáng khoe" ở Netcompany

Khoảnh khắc làm Pháp Lam (Enamel Keepsake) và câu chuyện về văn hoá workshop After Dark - một trong những phúc lợi đáng khoe tại Netcompany.

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

Thucde.dev

Viết về code, công cụ và những điều mình đang học.

Đáng chú ý

Programming

Đây không phải tiến hóa. Đây là nén.

AI không thay thế người biết làm việc — nó thay thế cách làm việc cũ của những người không chịu tiến hóa.

Tại sao useEffect liên tục chạy ngay cả khi các dependency không thay đổi?

Tại sao useEffect liên tục chạy ngay cả khi các giá trị không thay đổi? (Giải thích về React)

Azure

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

Node.js app not working on Azure? The issue might be your start script. See how to override the startup command in GitHub Actions and fix it for good.

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.

Đây không phải tiến hóa. Đây là nén.

AI không thay thế người biết làm việc — nó thay thế cách làm việc cũ của những người không chịu tiến hóa.

Tại sao useEffect liên tục chạy ngay cả khi các dependency không thay đổi?

Tại sao useEffect liên tục chạy ngay cả khi các giá trị không thay đổi? (Giải thích về React)

Azure

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

Node.js app not working on Azure? The issue might be your start script. See how to override the startup command in GitHub Actions and fix it for good.

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.

Nền tảng

Tạo và khám phá

TypeScript / React

Đoạn mã & Thủ thuật

Mẫu mã hữu ích, custom hooks và thủ thuật code tái sử dụng.

useDebounce.ts

const useDebounce = <T>(value: T, delay: number): T => {
  const [debounced, setDebounced] = useState(value);
  // Auto updates after delay
  return debounced;
};

Khám phá Snippets

Chuyên mục

Photography

Máy ảnh đầu tiên ở tuổi gần 25, mua máy ảnh gì, vì sao.

Mình đã từng không thể hiểu tại sao lại bỏ tiền triệu ra chạy giải để lấy huy chương cho tới khi tham gia giải chạy, và bây giờ là máy ảnh.

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.

Máy ảnh đầu tiên ở tuổi gần 25, mua máy ảnh gì, vì sao.

Mình đã từng không thể hiểu tại sao lại bỏ tiền triệu ra chạy giải để lấy huy chương cho tới khi tham gia giải chạy, và bây giờ là máy ảnh.

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.

Chuyên mục

Travel

Úp Xi

Ú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!

Đi cáp treo lên Cortina d'Ampezzo

Khi nhận phòng tại Dobbiaco, một sự cố đã làm cho mình và mọi người cảm thấy không vui.

Úp Xi

Ú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!

Đi cáp treo lên Cortina d'Ampezzo

Khi nhận phòng tại Dobbiaco, một sự cố đã làm cho mình và mọi người cảm thấy không vui.

Chuyên mục

Work

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

I did not know this from React until now

I'm excited to share with you the new thing that I have just learned, after about 2 years.

Perspectives

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.

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

I did not know this from React until now

I'm excited to share with you the new thing that I have just learned, after about 2 years.

Perspectives

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.

Chuyên mục

Business

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.

SEO

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.

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

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.

SEO

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.

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

Chuyên mục

Next.js

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.js

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.