Chuyên mục
Công Nghệ

Test-Driven Development (TDD) là gì? Hướng dẫn thực hành TDD

Bạn đã bao giờ nghe về TDD – hay còn gọi là Test-Driven Development (Phát triển dựa trên kiểm thử) chưa? Nếu bạn là một lập trình viên, có lẽ bạn đã từng nghe qua khái niệm này ở đâu đó, nhưng vẫn còn băn khoăn liệu nó có thực sự hữu ích không. Khi […]

Chuyên mục
Công Nghệ

Two-Factor Authentication (2FA) là gì? Vì sao chỉ Mật khẩu thôi là chưa đủ?

Ngày nay, bảo mật tài khoản trực tuyến đã trở thành mối quan tâm lớn khi các mối đe dọa từ tấn công mạng ngày càng tinh vi. Chỉ dùng mật khẩu không thôi đã không còn đủ an toàn, và đó là lúc xác thực hai yếu tố (2FA) trở thành giải pháp hữu […]

Chuyên mục
Công Nghệ

WebGL là gì? Hướng dẫn tạo đồ họa đơn giản với WebGL

Bạn đã bao giờ vào một trang web và bị cuốn hút bởi những mô hình 3D sống động hoặc những hiệu ứng đồ họa tuyệt đẹp mà không cần cài thêm bất kỳ plugin nào? Nếu có, rất có thể đó là nhờ WebGL. Đây là một công nghệ giúp các nhà phát triển […]

Chuyên mục
Công Nghệ

Spring Boot là gì? Hướng dẫn Khởi tạo Project Spring Boot với Docker

Ngày xưa, khi phát triển ứng dụng bằng Java, việc cấu hình môi trường có thể nói là một “cơn ác mộng” vì nó khá phức tạp và tốn thời gian. Nhưng rồi, những công cụ hỗ trợ tự động hóa cấu hình đã ra đời, và trong số đó, Spring Boot của Pivotal nổi […]

Chuyên mục
Công Nghệ

Webhook là gì? So sánh Webhook và API

Nếu từng làm việc với các ứng dụng như GitHub, Stripe hay Slack, chắc hẳn bạn đã thấy webhook xuất hiện đâu đó trong phần cài đặt. Hay khi khách hàng feedback 1 sao về sản phẩm, thay vì phải liên tục kiểm tra xem phần feedback để kịp thời xử lý, bạn chỉ cần […]

Chuyên mục
Công Nghệ

Hướng dẫn sử dụng Redux Toolkit và Redux Saga trong dự án React

Chắc hẳn nếu bạn đã làm việc với React một thời gian, bạn sẽ biết quản lý state là một phần không thể thiếu và đôi khi khá “nhức não”. Trong bài viết này, mình muốn chia sẻ với các bạn về hai công cụ cực kỳ hữu ích: Redux Toolkit (RTK) và Redux Saga. […]

Chuyên mục
Công Nghệ

Flask là gì? Hướng dẫn tạo Ứng dụng Web với Flask

Nếu bạn đang tìm kiếm một framework phát triển web đơn giản, linh hoạt và phù hợp cho cả người mới bắt đầu lẫn lập trình viên nhiều năm kinh nghiệm, thì Flask có thể là lựa chọn hoàn hảo dành cho bạn. Trong bài viết này, chúng ta sẽ khám phá khái niệm cơ […]

Chuyên mục
Công Nghệ

Giới thiệu Kiến trúc Backend for Frontend (BFF)

Hôm nay, mình sẽ chia sẻ với các bạn về một chủ đề mà mình thấy rất thú vị và hữu ích trong quá trình phát triển ứng dụng, đó là kiến trúc Backend for Frontend (BFF). Nếu bạn từng gặp khó khăn khi phải tối ưu hóa backend cho nhiều giao diện khác nhau […]

Chuyên mục
Công Nghệ

Grafana Loki là gì? So sánh Loki và Elasticsearch

Dữ liệu log không chỉ là trợ thủ đắc lực giúp các nhà phát triển khắc phục lỗi ứng dụng, mà còn là “tuyến phòng thủ” quan trọng để bảo vệ hệ thống trước các nguy cơ an ninh. Trong bối cảnh hầu hết các ứng dụng hiện đại được xây dựng trên nền tảng […]

Chuyên mục
Công Nghệ

Lazy Loading: Kỹ thuật Tối ưu Hiệu suất Website

Bạn có bao giờ thắc mắc vì sao một số trang web tải nhanh hơn hẳn ngay cả khi có nhiều hình ảnh hay animation phức tạp? Bí quyết nằm ở lazy loading – một kỹ thuật giúp trì hoãn việc tải các tài nguyên không cần thiết, chỉ tập trung vào những phần quan […]

Chuyên mục
Công Nghệ

CQRS là gì? Giới thiệu Design Pattern Command Query Responsibility Segregation

CQRS hoạt động dựa trên nguyên tắc “chia để trị”, tách biệt hai luồng hoạt động chính của hệ thống – đọc và ghi – để tối ưu hóa hiệu suất, dễ mở rộng và bảo trì. Nhờ cách tổ chức này, các hệ thống lớn có thể vận hành hiệu quả hơn mà không […]

Chuyên mục
Công Nghệ

Hướng dẫn sử dụng Zustand trong NextJS

Hello, lại là mình đây, hôm nay mình muốn chia sẻ với các bạn về một thư viện quản lý state mà mình đã trải nghiệm gần đây và thấy khá là ấn tượng, đó là Zustand. Nếu bạn đã từng đau đầu với Redux vì quá nhiều cấu hình phức tạp, hoặc cảm thấy […]

Chuyên mục
Công Nghệ

Full bộ Source code Microservices NESTJS – Simple Bento Social Network.

📦 Bộ source code bao gồm: Microservices (NEST): Post, User (Authentication & Authorization), Comment, Notification. API Gateway: Tyk/Nginx. Database: Postgres (sử dụng Prisma ORM). Pub/Sub: Redis. Frontend: NEXT React. Vì để đơn giản hoá phần deploy cho showcase này, 200Lab đã xây dựng kiến trúc Microservices dưới dạng Modular Hexagonal với NESTJS. Các modules sẽ […]

Chuyên mục
Công Nghệ

Apple lên tiếng về AI: Chúng ta có đang đánh giá quá cao Trí tuệ của nó?

1. Researcher tại Apple đã nói gì? Các nhà nghiên cứu tại Apple đã gây chấn động trong lĩnh vực AI với một tuyên bố táo bạo: các mô hình ngôn ngữ lớn (LLM) – công nghệ cốt lõi của các công cụ như ChatGPT hay Llama – có thể không thông minh như những […]

Chuyên mục
Công Nghệ

React Toastify là gì? Hướng dẫn sử dụng Toast Notification với React Toastify

Mình muốn chia sẻ với các bạn về một thư viện mà mình đã sử dụng trong các dự án React gần đây và cảm thấy rất hữu ích – đó là React Toastify. Nếu bạn đang tìm kiếm cách để hiển thị thông báo cho người dùng cách dễ dàng và hiệu quả, thì […]

Chuyên mục
Công Nghệ

Hướng dẫn tích hợp Redux và React Query trong dự án React Vite

Gần đây, mình đã phải đối mặt với một vấn đề khá đau đầu trong việc quản lý trạng thái ứng dụng React của mình. Mình muốn tìm cách tối ưu hóa việc quản lý dữ liệu mà không muốn làm phức tạp thêm phần code. Sau một thời gian tìm hiểu và thử nghiệm, […]

Chuyên mục
Công Nghệ

Một số Phương pháp cải thiện Performance trong dự án React

Hiệu suất luôn là yếu tố quan trọng đối với bất kỳ ứng dụng web nào. Một ứng dụng nhanh và mượt mà không chỉ mang lại trải nghiệm tuyệt vời cho người dùng mà còn giúp tăng hiệu quả hoạt động tổng thể. Với phiên bản React 18, chúng ta được trang bị nhiều […]

Chuyên mục
Công Nghệ

Async/await là gì? Hướng dẫn sử dụng Async/await trong dự án React

Làm việc với các tác vụ bất đồng bộ là một phần không thể thiếu trong phát triển ứng dụng hiện đại, đặc biệt là khi xây dựng ứng dụng React. Nếu bạn từng cảm thấy “chóng mặt” khi đối mặt với các chuỗi lệnh .then() lồng nhau (callback hell), thì async/await chính là giải […]

Chuyên mục
Công Nghệ

Promise là gì? Hướng dẫn sử dụng Promise trong dự án React

Khi mới bắt đầu học JavaScript và React, mình đã từng bối rối với khái niệm Promise. Nó giống như một thứ gì đó mơ hồ và khó nắm bắt. Nhưng sau một thời gian tìm hiểu và thực hành, mình nhận ra rằng Promise thực sự là một công cụ mạnh mẽ giúp chúng […]

Chuyên mục
Công Nghệ

Hooks Pattern là gì? Hướng dẫn áp dụng Hooks Pattern trong dự án React

Nếu bạn đã từng làm việc với React, có lẽ bạn đã gặp khó khăn trong việc quản lý trạng thái, xử lý các side effects và chia sẻ logic giữa các component. Codebase có thể trở nên cồng kềnh, và việc bảo trì cũng khó khăn hơn. Các phương pháp trước đây như: Higher-Order […]