☕ Ủng hộ dự án tại: Mua cà phê cho NQDEV.
Current count: @currentCount
@code { private int currentCount = 0; private void IncrementCount() { currentCount++; } } ``` Thuộc tính `@page "/counter"` xác định route, trong khi `@onclick="IncrementCount"` liên kết sự kiện click với hàm C# `IncrementCount`. Razor cho phép trộn lẫn C# và HTML một cách linh hoạt, đồng thời hỗ trợ binding dữ liệu hai chiều, validation, và component hóa. ### Điều hướng và cải tiến trong .NET 8 Blazor sử dụng thành phần `Router` để điều hướng. .NET 8 bổ sung cơ chế **enhanced navigation and form handling**: khi người dùng chuyển trang hoặc gửi form, Blazor có thể chặn yêu cầu, thực hiện yêu cầu qua `fetch` và cập nhật DOM mà không tải lại toàn bộ trang. Tính năng này giúp trải nghiệm mượt mà hơn, đồng thời hỗ trợ `NavigationManager.Refresh()` để làm mới trang hiện tại. ## Kết nối cơ sở dữ liệu với Entity Framework Core ### Cấu hình DbContext Entity Framework Core (EF Core) cung cấp đối tượng `DbContext` làm cầu nối giữa ứng dụng và cơ sở dữ liệu. Trong ASP.NET Core, đăng ký `DbContext` thông qua phương thức `AddDbContext` sẽ tạo một instance cho mỗi yêu cầu. Ví dụ cấu hình trong `Program.cs`: ```csharp csharpSao chépChỉnh sửavar connectionString = builder.Configuration.GetConnectionString("DefaultConnection") ?? throw new InvalidOperationException("Connection string 'DefaultConnection' not found."); builder.Services.AddDbContext
Copilot Memories
Đây là trang giới thiệu cơ bản.
Bạn đã bắt đầu với Next.js thành công!
parallel-routes
You clicked {count} times
...{count}
; ``` Đầu tiên giá trị khởi tạo của `count` sẽ =0. Khi chúng ta gọi `setCount(1)`, React sẽ gọi lại component một lần nữa, với giá trị `count` lúc này là `1`. Cứ vậy ``` // Lần đầu render function Counter() { const count = 0; // trả về bởi useState() // ...You clicked {count} times
; // ... } // sau khi click, function này được gọi lại lần nữa function Counter() { const count = 1; // trả về bởi `useState() // ...You clicked {count} times
; // ... } // sau khi click, function được gọi lại lần nữa function Counter() { const count = 2; // trả về bởi useState() // ...You clicked {count} times
; // ... } ``` Khi update một state, React gọi lại component, mỗi lần render như vậy, nó sẽ **thấy** một giá trị `count` mới. Sau đó React sẽ update lại DOM tương ứng. Vấn đề mấu chốt cần nắm là giá trị `count` **trong các lần render khác nhau là khác nhau.** ``` function Counter() { const [count, setCount] = useState(0); function handleAlertClick() { setTimeout(() => { alert(`You clicked on: ${count}`); }, 3000); } return ({count}
...
Câu hỏi ở đây là nó sẽ alert ra 5 – giá trị cuối cùng, hay là 3 giá trị lúc chúng ta click
Chạy thử
*Bạn có thấy kết quả quá vô lý?*
Như đã nói ở trên, giá trị `count` là hằng số trên mỗi lần render. **Function của chúng ta được gọi nhiều lần, mỗi lần gọi như vậy giá trị `count` bên trong là một số độc lập hoàn toàn với giá trị trước đó**
Không phải **đặc sản** của React, viết dạng function như thế này bạn sẽ dễ hình dung hơn.
```
function sayHi(person) {
const name = person.name;
setTimeout(() => {
alert(`Hello, ${name}`);
}, 3000);
}
let someone = { name: "Dan" };
sayHi(someone);
someone = { name: "Yuzhi" };
sayHi(someone);
someone = { name: "Dominic" };
sayHi(someone);
```
Thế còn hàm xử lý event thì sao? cụ thể là hàm `handleAlertClick`? Cũng như trên, hàm này là có các **version** khác nhau ở các lần render khác nhau.
Bài viết được **quảng cáo** là nói về `useEffect` mà nãy giờ chưa đá động gì!
Quay lại với ví dụ từ trang chính thức của React
```
function Counter() {
const [count, setCount] = useState(0);
useEffect(() => {
document.title = `You clicked ${count} times`;
});
return (
You clicked {count} times
You clicked {count} times
*Đương nhiên phải chạy như vậy mới đúng chứ, đâu có gì phải thắc mắc?*
Bạn đã thử với `this.state` trong class component chưa?
```
componentDidUpdate() {
setTimeout(() => {
console.log(`You clicked ${this.state.count} times`);
}, 3000)
}
```
*Lý do?* Giá trị `this.state` bên trong class component là một mutation (có thể thay đổi).
Nếu luôn muốn lấy giá trị sau cùng bên trong effect, cách dễ nhất là dùng `refs`
```
function Example() {
const [count, setCount] = useState(0);
...
const latestCount = useRef(count);
...
useEffect(() => {
...
latestCount.current = count;
...
setTimeout(() => {
...
console.log(`You clicked ${latestCount.current} times`);
...
}, 3000);
});
}
```
```
function Greeting({ name }) {
return 
Nhưng nếu chúng ta chỉ định `[]`, nó không re-run sau lần đầu tiên
```
useEffect(() => {
document.title = "Hello, " + name;
}, []); // thiếu name
```
```
useEffect(() => {
document.title = "Hello, " + name;
}, []); // Sai: không được phép bỏ qua thằng name
```
Rõ ràng là 2 thằng dependency không khác nhau, nên nó sẽ không chạy effect
Trong tình huống này, vấn đề khá là hiển nhiên, nhưng trực giác có thể đánh lừa bạn trong các tình huống khác, lấy ví dụ, chúng ta muốn giá trị `counter` tăng đều sau mỗi giây. Với một class, trực giác sẽ mách bảo: “Set up cái interval một lần, rồi dứt tình vứt áo một lần”, kiểu như [thế này](https://codesandbox.io/s/n5mjzjy9kl), khi chuyển qua dùng `useEffect` bạn sẽ nghĩ đến dùng `[]` cho mảng phụ thuộc “Tao chỉ muốn tình một đêm”, đúng không?
```
function Counter() {
const [count, setCount] = useState(0);
useEffect(() => {
const id = setInterval(() => {
setCount(count + 1);
}, 1000);
return () => clearInterval(id);
}, []);
return 
### 2 cách để thú thật với React về dependency
*Nên chọn cách một, cách 2 chỉ áp dụng khi cần thiết*
**Cách 1: luôn là người trung thực, chính trực đạo đức hết mực, luôn khai báo đầy đủ thông tin bạn trai, bạn gái, ba má, chú bác nào bạn đang phụ thuộc cho cơ quan thuế**
```
useEffect(() => {
const id = setInterval(() => {
etCount(count + 1);
}, 1000);
return () => clearInterval(id);
}, [count]);
```
Tuy nhiên thế này, khi giá trị `count` thay đổi, cái interval của chúng ta sẽ bị xóa và đặt lại lần nữa sau những lần render, nó không phải là cái chúng ta mong muốn nó hoạt động như vậy
**Cách 2 là thay đổi tư duy, giảm bớt anh trai nuôi, em gái nuôi không cần thiết**
Chúng ta không nói xạo, chúng ta giảm bớt số lượng những thứ phụ thuộc cho việc re-run effect
Để làm được việc này, chúng ta phải hỏi bản thân: **chúng ta dùng count để làm gì?** Có vẻ như chúng ta chỉ dùng nó cho việc gọi hàm `setCount`, chúng ta không thực sự cần giá trị `count` nếu chúng ta biết được giá trị trước đó, trường hợp trên, chúng ta có thể không cần dùng đến giá trị `count` mà dùng *previous state*
```
useEffect(() => {
const id = setInterval(() => {
setCount(c => c + 1);
}, 1000);
return () => clearInterval(id);
}, []);
```
Chạy thử
### Tính năng update của Google Docs
Khi nói về effect, định hướng lập trình chúng ta là **đồng bộ hóa**, có một khái niệm khá thú vị khi thực hiện đồng bộ hóa là chúng ta thường không đồng bộ toàn bộ nội dung. Lấy ví dụ như Google Docs, nó không thực sự truyền tải **cả trang** lên phía server, làm như vậy hiệu năng sẽ rất tệ, cái nó làm là gửi đi một thông tin chứa cái mà user đang muốn thực hiện.
**Tốt nhất truyền đi thật ít thông tin từ effect (chỉ những thông tin cần thiết nhất) vào trong component**. Hàm `setCount(c => c + 1)` sẽ gửi đi ít thông tin hơn so với hàm `setCount(count + 1)` đứng trên một khía cạnh nào đó vì nó không phụ thuộc giá trị hiện tại, sử dụng ít state nhất có thể để đạt được kết quả là một trong các nguyên lý chính của đợt cập nhập React với effect
Tuy nhiên không phải lúc nào cuộc sống cũng đơn giản với bạn như vậy, nếu chúng ta muốn tính toán giá trị của state mới dựa trên một prop, 2 giá trị state phụ thuộc lẫn nhau, `setState` là không đủ. Chúng ta có người chị em hàng xóm tên `useReducer`
```
function Counter({ step }) {
const [count, dispatch] = useReducer(reducer, 0);
function reducer(state, action) {
if (action.type === "tick") {
return state + step;
} else {
throw new Error();
}
}
useEffect(() => {
const id = setInterval(() => {
dispatch({ type: "tick" });
}, 1000);
return () => clearInterval(id);
}, [dispatch]);
return 
LoopBack 4
- Cơ bản về C#, OOP.
- Làm việc với ASP.NET Core MVC.
- Hiểu Entity Framework Core và SQL cơ bản.
- Sử dụng Visual Studio, Git cơ bản.
- Xây dựng các module nhỏ.
- Fix bug cơ bản.
- Học hỏi từ senior.
- Viết unit test đơn giản.
- Thành thạo C#, LINQ, async/await.
- Sử dụng tốt ASP.NET Core Web API, SignalR.
- Làm việc với Docker, CI/CD.
- Sử dụng cả SQL và NoSQL.
- Phát triển các tính năng phức tạp.
- Hỗ trợ Junior Developer.
- Viết tài liệu kỹ thuật.
- Tối ưu hóa hiệu suất.
- Hiểu sâu về DDD, CQRS, Microservices.
- Thành thạo với Kubernetes, Terraform.
- Kinh nghiệm về cloud (Azure, AWS).
- Thiết kế kiến trúc hệ thống.
- Định hướng công nghệ.
- Mentor nhóm.
- Xử lý vấn đề kỹ thuật phức tạp.
- Kiến thức sâu về Event-driven architecture, Serverless.
- Quản lý hạ tầng với Terraform, Ansible.
- Làm việc với stakeholders.
- Quản lý đội ngũ.
- Thiết kế và định hướng kiến trúc hệ thống.
- Đưa ra quyết định công nghệ chiến lược.
- Đảm bảo chất lượng dự án.
- Am hiểu toàn diện về phần mềm.
- Thành thạo AI/ML, IoT, Blockchain.
- Xây dựng chiến lược công nghệ dài hạn.
- Định hướng công nghệ tổ chức.
- Dẫn đầu các sáng kiến lớn.
- Tạo framework và công cụ dùng chung.
| Giai đoạn | Mục tiêu chính | Kỹ năng/Kiến thức cần đạt được | Kết quả mong đợi |
|---|---|---|---|
| Junior | - Hiểu và áp dụng các kiến thức cơ bản về .NET Core. - Thành thạo lập trình backend cơ bản với C# và Entity Framework. | - C# cơ bản: OOP, LINQ, async/await. - ASP.NET Core MVC, Entity Framework Core. - SQL cơ bản. - Làm việc với Git. - Viết unit test đơn giản. | - Xây dựng các module nhỏ. - Làm việc với các tính năng CRUD cơ bản. - Thành thạo quy trình code review. |
| Intermediate | - Làm việc với các dự án có quy mô trung bình. - Hiểu sâu hơn về kiến trúc và tối ưu hóa hiệu suất. | - API RESTful nâng cao (authentication, rate-limiting). - Sử dụng Docker để container hóa ứng dụng. - Làm việc với CI/CD cơ bản. - Làm việc với NoSQL (MongoDB, Redis). | - Phát triển các module quan trọng. - Viết và tối ưu hóa unit test. - Hỗ trợ các thành viên junior. - Tích hợp CI/CD trong các dự án nhóm. |
| Senior | - Thiết kế và lãnh đạo phát triển kiến trúc hệ thống. - Tối ưu hóa ứng dụng và quản lý các thành viên cấp dưới. | - Kiến trúc Microservices (gRPC, MediatR). - Làm việc với các dịch vụ cloud (Azure, AWS). - Thiết kế cơ sở dữ liệu nâng cao (indexing, transactions). - DevOps với Kubernetes và Terraform. | - Đảm bảo hệ thống ổn định và hiệu quả. - Định hướng phát triển công nghệ cho team. - Xử lý các vấn đề kỹ thuật phức tạp. - Mentor các thành viên trong nhóm. |
| Tech Lead | - Đưa ra quyết định chiến lược về công nghệ. - Quản lý và giám sát dự án lớn từ đầu đến cuối. | - Kiến thức toàn diện về kiến trúc phần mềm. - Tích hợp DevSecOps vào quy trình phát triển. - Xây dựng quy trình tiêu chuẩn hóa cho team. - Lập kế hoạch và phân bổ công việc hợp lý. | - Đảm bảo chất lượng và tiến độ dự án. - Thiết kế các kiến trúc hệ thống bền vững. - Đào tạo và quản lý đội ngũ. - Định hình các tiêu chuẩn công nghệ cho team. |
| Lĩnh vực | Công nghệ/Tool cần sử dụng |
|---|---|
| Backend Development | - Ngôn ngữ: C#. - Frameworks: ASP.NET Core (MVC, Web API, SignalR), Entity Framework Core. - Thư viện: MediatR, AutoMapper. - Unit Test: XUnit, NUnit, Moq. |
| Database | - SQL: SQL Server, PostgreSQL. - NoSQL: MongoDB, Redis. - ORM: Entity Framework Core, Dapper. |
| DevOps | - Containerization: Docker. - Orchestration: Kubernetes. - CI/CD: Azure DevOps, GitHub Actions. - Infrastructure as Code: Terraform. |
| Cloud | - Azure: App Services, Azure Functions, Blob Storage, Azure SQL Database. - AWS: EC2, S3, RDS. - Cloud-Native: Azure Kubernetes Service, AWS Lambda. |
| Frontend (nếu cần) | - HTML, CSS, JavaScript. - Frameworks: React, Angular, hoặc Blazor (nếu team làm việc với ứng dụng full-stack). |
| Security | - Authentication: IdentityServer4, OAuth2, JWT. - Security Tools: OWASP ZAP, SonarQube. - DevSecOps: Tích hợp bảo mật trong các pipeline CI/CD. |
| Cấp độ | Tiêu chí đánh giá |
|---|---|
| Junior | - Hoàn thành các nhiệm vụ đúng thời hạn. - Hiểu và áp dụng các hướng dẫn coding standards. - Tăng dần khả năng tự giải quyết vấn đề. |
| Intermediate | - Tự giải quyết các nhiệm vụ phức tạp. - Đóng góp vào việc tối ưu hóa hệ thống. - Hỗ trợ junior khi cần. |
| Senior | - Đưa ra các quyết định kỹ thuật đúng đắn. - Mentor đội ngũ junior/intermediate. - Đảm bảo chất lượng hệ thống. |
| Tech Lead | - Đảm bảo team hoàn thành mục tiêu dự án. - Xây dựng kiến trúc hiệu quả và bền vững. - Đưa ra quyết định chiến lược. |
SQL Server Management Studio (SSMS)
| Tham số | Ý nghĩa | Ví dụ cấu hình |
|---|---|---|
-BcpBatchSize | Số lượng hàng trong mỗi batch BCP. | 100000 |
-CommitBatchSize | Số hàng được commit trong một giao dịch batch. | 100 |
-CommitBatchThreshold | Số lệnh được thực hiện trong một giao dịch batch. | 1000 |
-PollingInterval | Khoảng thời gian (giây) giữa các lần kiểm tra dữ liệu mới. | 5 |
-MaxBcpThreads | Số luồng tối đa được sử dụng cho BCP. | 1 |
-QueryTimeout | Thời gian tối đa (giây) chờ một truy vấn SQL trước khi timeout. | 1800 (30 phút) |
-SkipErrors | Bỏ qua các lỗi được chỉ định thay vì dừng agent. | Không cấu hình |
-KeepAliveMessageInterval | Thời gian giữa các keep-alive message để kiểm tra kết nối giữa publisher và subscriber. | 300 giây (5 phút) |
db-tempdb.png
*Nếu thấy nội dung này bổ ích, hãy mời tôi một tách cà phê nha!* [***https://me.momo.vn/nhquydev***](https://me.momo.vn/nhquydev)
# Container & Infra
# Docker
Docker là một nền tảng mở, giúp tự động hóa việc triển khai ứng dụng trong môi trường được đóng gói, gọi là container.
# Getting Started with Docker
Docker - Beginners | Intermediate | Advanced
Chào mừng bạn đến với thế giới của Docker - một công cụ tuyệt vời mà mọi nhà phát triển phần mềm cần biết. Docker là một nền tảng mở, giúp tự động hóa việc triển khai ứng dụng trong môi trường được đóng gói, gọi là container. Với Docker, bạn có thể dễ dàng tạo, triển khai và chạy ứng dụng của mình trên bất kỳ máy tính nào mà không cần lo lắng về việc cài đặt môi trường phần mềm phức tạp. Hãy cùng tôi khám phá Docker từ cơ bản đến nâng cao và tại sao bạn nên bắt đầu sử dụng nó ngay hôm nay!
## 1. Docker là gì?
Docker là một nền tảng phát triển ứng dụng dựa trên ý tưởng tạo ra các container. Một container giống như một chiếc hộp mà bạn có thể đóng gói tất cả những gì cần thiết để chạy ứng dụng của mình: mã nguồn, thư viện, biến môi trường, và cả hệ điều hành vi mô. Mỗi container là một môi trường riêng biệt, đảm bảo rằng ứng dụng của bạn chạy nhất quán ở mọi nơi.
## 2. Lợi ích của việc sử dụng Docker
Docker mang lại nhiều lợi ích:
* **Nhất quán và cô lập**: Docker giúp mỗi ứng dụng chạy trong một môi trường nhất quán và độc lập, từ đó giảm thiểu "lỗi máy tính khác nhau".
* **Cải thiện hiệu suất phát triển**: Bạn có thể nhanh chóng chia sẻ, sao chép và sao lưu môi trường làm việc mà không cần cài đặt từ đầu.
* **Tối ưu hóa tài nguyên**: Docker sử dụng tài nguyên hệ thống hiệu quả hơn so với các máy ảo truyền thống.
* **Phát triển liên tục và triển khai nhanh**: Docker hỗ trợ quy trình phát triển software hiện đại, cho phép triển khai nhanh chóng và dễ dàng.
## 3. Cách bắt đầu với Docker
Để bắt đầu với Docker, bạn chỉ cần theo các bước đơn giản sau:
* **Cài đặt Docker Desktop**: Tải về và cài đặt Docker Desktop trên máy tính của bạn. Docker hỗ trợ cả Windows và MacOS.
* **Học từ Docker Tutorials**: Có hơn 500+ hướng dẫn và bài viết từ cơ bản đến nâng cao để bạn có thể tìm hiểu một cách bài bản.
* **Tham gia cộng đồng**: Gia nhập cộng đồng Slack hoặc Discord của Docker để nhận sự hỗ trợ và chia sẻ kiến thức với các nhà phát triển khác.
* **Làm quen với DockerLabs**: Truy cập vào kho lưu trữ trên GitHub để fork, đóng góp và chia sẻ với cộng đồng.
### 3.1 Để bắt đầu sử dụng Docker, bạn có thể làm theo các bước cơ bản sau đây:
1. **Tải về và cài đặt Docker Desktop**: Truy cập trang web chính thức của Docker (
Visual Studio 2026 Insiders - Podman