https://tuanhadev.tech/writing Articles on front-end development, React, Next.js, and web technologies by Tuan Tran. en-us Fri, 29 May 2026 04:10:35 GMT https://blog.tuanhadev.tech/my-experience-of-using-ai-coding-agents AI Questions What are the real differences between Vibe Coding and Agentic Engineering? This is the part most explainers get wrong. They describe agentic engineering as “using better AI tools” or “mor Thu, 19 Mar 2026 12:00:00 GMT https://blog.tuanhadev.tech/my-experience-of-using-ai-coding-agents https://blog.tuanhadev.tech/ai-handbook AI Mindset Tech hiring in the AI era: Why everyone’s at zero How AI amplifies developers instead of replacing them, and why this is the React moment all over again. Headlines scream about tech layoffs Mon, 23 Feb 2026 12:00:00 GMT https://blog.tuanhadev.tech/ai-handbook https://blog.tuanhadev.tech/senior-front-end-engineer-interview-handbook List of the Technical Questions Programming Languages (JavaScript/TypeScript) What is a closure in JavaScript, and how does it work? As you know, JavaScript functions can be nested within each other, Sun, 11 Jan 2026 12:00:00 GMT https://blog.tuanhadev.tech/senior-front-end-engineer-interview-handbook https://blog.tuanhadev.tech/all-the-new-features-in-nextjs Next 16 Next.js 16.0.1 is live, and it is not just a point release. It tightens the App Router story, clarifies caching with Cache Components, promotes Turbopack to the default, and ships practical breaking changes that you should address before merg... Sun, 03 Aug 2025 12:00:00 GMT https://blog.tuanhadev.tech/all-the-new-features-in-nextjs https://blog.tuanhadev.tech/bundlers-handbook Bundlers What is the JavaScript bundler anyway? A tool that people struggle with for hours just to get a basic web app set up. A thing that you use when you want to bootstrap your React project? Something that your company uses, or that your colleagu... Mon, 16 Jun 2025 12:00:00 GMT https://blog.tuanhadev.tech/bundlers-handbook https://blog.tuanhadev.tech/git-handbook When developing software, we find ourselves with the need to manage the changes that are being made in the code, and when working as a team, all team members always have a copy of this code in which they can work and, later, integrate these changes. ... Tue, 13 May 2025 12:00:00 GMT https://blog.tuanhadev.tech/git-handbook https://blog.tuanhadev.tech/authentication-and-authorization-handbook Authentication and Authorization. In the context of access to APIs, authentication is the process of verifying the identity of a user who is making an API request (verifying who the user is), and authorization is the process of determining whether th... Tue, 22 Apr 2025 12:00:00 GMT https://blog.tuanhadev.tech/authentication-and-authorization-handbook https://blog.tuanhadev.tech/front-end-security-hanbook When it comes to security, front-end security is a crucial aspect of web development that is often overshadowed by its back-end counterpart. However, overlooking front-end security can leave your web applications vulnerable to a wide range of threats... Mon, 07 Apr 2025 12:00:00 GMT https://blog.tuanhadev.tech/front-end-security-hanbook https://blog.tuanhadev.tech/seo-handbook SEO (Search Engine Optimization) is essential for your online marketing strategy. It’s the process of optimizing your site and content to help you get as much traffic as you can from search engines. Reaching top positions in the Search Engine Results... Sat, 22 Mar 2025 12:00:00 GMT https://blog.tuanhadev.tech/seo-handbook https://blog.tuanhadev.tech/api-integration-patterns API stands for Application Programming Interface. The “I“ in the API is the key part that explains its purpose. The interface is what the software presents to other humans or programs, allowing them to interact with it. A good analogy for an interfac... Sun, 02 Mar 2025 12:00:00 GMT https://blog.tuanhadev.tech/api-integration-patterns https://blog.tuanhadev.tech/mastering-css Are you ready to advance your CSS skills? Whether you are a seasoned pro or just starting out, you have all experienced those moments when your style sheets seem to have a mind of their own. This article will introduce you to some advanced CSS concep... Sat, 22 Feb 2025 12:00:00 GMT https://blog.tuanhadev.tech/mastering-css https://blog.tuanhadev.tech/mastering-html HTML is a tool for creating web pages. It offers a wide range of functions and a clear structure. However, many developers have overlooked these features, even though they can greatly enhance web deve Mon, 13 Jan 2025 12:00:00 GMT https://blog.tuanhadev.tech/mastering-html https://blog.tuanhadev.tech/mastering-nextjs Next.js is a React-based framework that allows you to build server-side-rendered applications with ease. With Next.js, you can create dynamic and fast-loading web pages that are optimized for search engines and social media platforms. Some of the key... Wed, 08 Jan 2025 12:00:00 GMT https://blog.tuanhadev.tech/mastering-nextjs https://blog.tuanhadev.tech/all-the-new-features-in-react React’s journey began in 2011 when Facebook engineers created it to manage the increasingly complex interface of their rapidly growing platform. React’s initial focus was on re-rendering only the nece Sat, 04 Jan 2025 12:00:00 GMT https://blog.tuanhadev.tech/all-the-new-features-in-react https://blog.tuanhadev.tech/mastering-javascript When we take our first steps into the wonderful world of programming, we see for ourselves what it does for millions of people. Thanks to programming, the lives of so many people are made easier just by pressing a few keys on their devices. (This is ... Sun, 08 Dec 2024 12:00:00 GMT https://blog.tuanhadev.tech/mastering-javascript https://blog.tuanhadev.tech/mastering-typescript TypeScript is a widely used, open-source programming language that is perfect for modern development. With its advanced type system, TypeScript allows developers to write more robust, maintainable, and scalable code. But, to truly harness the power o... Sat, 26 Oct 2024 12:00:00 GMT https://blog.tuanhadev.tech/mastering-typescript https://blog.tuanhadev.tech/design-patterns-handbook-part-iv Let's explore the remaining 5 Behavioral Design Patterns. The Observer Pattern Observer is a behavioral design pattern that lets you define a subscription machanism to notify multiple objects about any events that happen to the object they are obse... Mon, 30 Sep 2024 12:00:00 GMT https://blog.tuanhadev.tech/design-patterns-handbook-part-iv https://blog.tuanhadev.tech/design-patterns-handbook-part-iii In Part I and Part II, we’ve covered creational and structural design patterns. Today, we'll dive into the final topic in our Design Patterns series: Behavioral Design Patterns. Let’s begin! Behavioral Design Patterns Behavioral Design Patterns are d... Sat, 31 Aug 2024 12:00:00 GMT https://blog.tuanhadev.tech/design-patterns-handbook-part-iii https://blog.tuanhadev.tech/design-patterns-handbook-part-ii In our previous article, we explored five creational design patterns. Now, we'll delve into seven structural design patterns. Let's get started! Structural Design Patterns Structural Design Patterns, as explained in “Design Patterns: Elements of Reus... Fri, 09 Aug 2024 12:00:00 GMT https://blog.tuanhadev.tech/design-patterns-handbook-part-ii https://blog.tuanhadev.tech/design-patterns-handbook-part-i Hi everyone! In this article, I will explain what design patterns are and why they are useful. We will also go through some of the most popular design patterns out there and give examples for each of them. Let's go. What are the Design Patterns? Eac... Thu, 04 Jul 2024 12:00:00 GMT https://blog.tuanhadev.tech/design-patterns-handbook-part-i https://blog.tuanhadev.tech/software-engineering-principles-cheatsheet Introduction Software design principles are the foundation of software development. As a software engineer, you can find them in your work tools, languages, frameworks, paradigms, and patterns. They are the core pillars of "good" and "readable" code.... Thu, 06 Jun 2024 12:00:00 GMT https://blog.tuanhadev.tech/software-engineering-principles-cheatsheet https://blog.tuanhadev.tech/react-best-practices-handbook-part-ii React Best Practices From Context Chaos to Clean State: Mastering State Management with Zustand State management in React often starts simple and quickly turns to chaos. What begins as a small use of React.Context to manage theme and user data can ge... Thu, 02 May 2024 12:00:00 GMT https://blog.tuanhadev.tech/react-best-practices-handbook-part-ii https://blog.tuanhadev.tech/react-best-practices-handbook In this comprehensive guide, we delve into the art of writing "clean code" in React.js. Having embarked on my React journey five years ago and continuing to utilize it in my role as a Software Engineer, I've encountered various challenges along the w... Tue, 30 Apr 2024 12:00:00 GMT https://blog.tuanhadev.tech/react-best-practices-handbook https://blog.tuanhadev.tech/react-javascript-optimization-techniques-part-ii In the previous article, we covered five techniques, including debouncing, throttling, memoization, bundle size optimization, and keeping the component state local when necessary. In this article, we' Sat, 09 Mar 2024 12:00:00 GMT https://blog.tuanhadev.tech/react-javascript-optimization-techniques-part-ii https://blog.tuanhadev.tech/react-javascript-optimization-techniques-part-i When we start our journey as programmers, our primary concern is often making code run with zero errors. Initially, we may not prioritize code optimization. However, optimizing code is a crucial aspec Sun, 18 Feb 2024 12:00:00 GMT https://blog.tuanhadev.tech/react-javascript-optimization-techniques-part-i https://blog.tuanhadev.tech/naming-convention-for-clean-code It's been a while since my last article, which was written on May 30, 2021. It seems like I've been a bit lazy, doesn't it? We all know that the IT market is currently facing challenges, but instead of dwelling on the negatives, it's crucial to stay ... Fri, 02 Feb 2024 12:00:00 GMT https://blog.tuanhadev.tech/naming-convention-for-clean-code https://blog.tuanhadev.tech/con-duong-buoc-chan-vao-nganh-lap-trinh Hi everyone, hôm nay nhân một ngày trời Hà Nội khá dễ chịu (hơn một vài ngày trước 😁 ) thì mình cũng muốn có một bài viết chia sẻ về con đường đến với ngành lập trình của mình. Thì tất cả những gì mình sắp viết dưới đây chỉ là dưới con mắt nhìn của ... Sun, 30 May 2021 12:00:00 GMT https://blog.tuanhadev.tech/con-duong-buoc-chan-vao-nganh-lap-trinh https://blog.tuanhadev.tech/the-react-cheatsheet-for-2021-real-world-examples-part-i Visual Cheatsheet sẽ giúp bạn master tất cả các khái niệm và tính năng chính của thư viện React trong 2021, nó cũng sẽ giúp bạn tối ưu hoá việc học React trong một khoảng thời gian ngắn nhất . Nó bao gồm rất nhiều ví dụ thực tế để minh hoạ mọi tính n... Sun, 04 Apr 2021 12:00:00 GMT https://blog.tuanhadev.tech/the-react-cheatsheet-for-2021-real-world-examples-part-i https://blog.tuanhadev.tech/nhung-thu-hay-ho-ma-ban-khong-the-ngo-o-github-student-developer-pack Nếu bạn là một developer, chắc hẳn bạn đã nghe về Github . Cũng như nếu bạn là một nhà phát triển đang học trong các học viện hoặc các trường học thì có thể các bạn cũng đã về Github Student Pack . GitHub Education helps students, teachers, and scho... Mon, 04 Jan 2021 12:00:00 GMT https://blog.tuanhadev.tech/nhung-thu-hay-ho-ma-ban-khong-the-ngo-o-github-student-developer-pack https://blog.tuanhadev.tech/lo-trinh-hoc-de-tro-thanh-fullstack-web-developer-nodejs Trước tiên chúng ta cùng tìm hiểu qua khái niệm về FullStack Web Developer. Full Stack Developer là sự tổng hợp từ kiến thức, sự hiểu biết trực quan và sâu sắc về cả front-end và back-end, cũng như nắm vững các best practices và khái niệm. Đương nhi... Sat, 02 Jan 2021 12:00:00 GMT https://blog.tuanhadev.tech/lo-trinh-hoc-de-tro-thanh-fullstack-web-developer-nodejs