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 […]

Chuyên mục
Công Nghệ

HOCs Pattern là gì? Hướng dẫn triển khai Hocs Pattern trong dự án React

Hôm nay, mình muốn chia sẻ với các bạn về khái niệm rất thú vị trong React mà mình đã học, đó là Higher-Order Components (HOCs). Nếu bạn đang tìm cách để tái sử dụng logic giữa các component cách hiệu quả, thì HOCs chính là công cụ đắc lực dành cho bạn. 1. HOCs […]

Chuyên mục
Công Nghệ

Render Props pattern là gì? Hướng dẫn sử dụng Render Props

Mình muốn chia sẻ với các bạn về một khái niệm khá thú vị trong React là Render Props Pattern. Nếu bạn đang tìm cách để tái sử dụng logic giữa các components hoặc muốn tách biệt phần logic và giao diện trong ứng dụng React của mình, thì bài viết này dành cho bạn. […]

Chuyên mục
Công Nghệ

Idempotent Consumer: Xử lý thông điệp trùng lặp trong Microservices

Trong kiến trúc microservices, các dịch vụ thường giao tiếp với nhau một cách không đồng bộ thông qua message queues hoặc event streaming platforms. Cách tiếp cận này không chỉ giúp hệ thống trở nên linh hoạt hơn mà còn tăng khả năng chịu lỗi. Tuy nhiên, điều này cũng mở ra một vấn […]

Chuyên mục
Công Nghệ

So sánh giữa HOCs, Render Props và Hooks.

Chủ đề hôm nay mình muốn chia sẻ với các bạn về ba pattern phổ biến trong React: Higher-Order Components (HOCs), Render Props, và Hooks. Đây đều là những công cụ giúp bạn tái sử dụng logic giữa các component. Hãy cùng tìm hiểu từng phương pháp, so sánh chúng, và xem xét khi nào […]

Chuyên mục
Công Nghệ

Cách Discord Lưu Trữ Hàng Nghìn Tỷ Tin Nhắn Với ScyllaDB

Hãy tưởng tượng bạn có một thư viện khổng lồ, chứa hàng nghìn tỷ cuốn sách, và bạn cần di chuyển toàn bộ sang một thư viện mới mà không để mất một cuốn nào, cũng không làm gián đoạn việc phục vụ đọc giả. Đó chính là thách thức mà Discord đã phải đối […]

Chuyên mục
Công Nghệ

SQL là gì? Hướng dẫn Prompt SQL với ChatGPT, Copilot

Bạn đã từng nghe đến SQL nhưng chưa hiểu rõ nó là gì? Hay bạn biết SQL là một ngôn ngữ để làm việc với dữ liệu, nhưng vẫn chưa biết bắt đầu từ đâu? Nếu bạn đang làm việc với dữ liệu – dù là phát triển ứng dụng, phân tích thông tin hay […]