0:00

2:56:05

Advanced Claude Code for Web Developers (Full Course)

Web Prodigies·2:56:05·Technology·B2

Chương · 19

Chương 1·Introduction to Guardrail Coding

Hiển thị

Tiếng ViệtAuto-scroll

0:00

In this video, you're going to learn a simple and repeatable workflow for building apps only using AI.

Trong video này, bạn sẽ học một quy trình đơn giản và lặp lại được để xây dựng ứng dụng chỉ bằng AI.

0:06

And you don't need hundreds of clawed skills and specialized agents and all these over complicated mechanisms and strategies.

Và bạn không cần hàng trăm kỹ năng phức tạp, các agent chuyên biệt và tất cả những cơ chế và chiến lược quá phức tạp đó.

0:14

This is the only thing you're going to need.

Đây là thứ duy nhất bạn cần.

0:17

That means after watching this video, you can confidently build production grade apps only using AI.

Điều đó có nghĩa là sau khi xem video này, bạn có thể tự tin xây dựng các ứng dụng cấp sản xuất chỉ bằng AI.

0:23

Now, we all know the hard part isn't to get AI to write code.

Bây giờ, chúng ta đều biết phần khó không phải là để AI viết mã.

0:27

It is to keep writing good code as your app grows.

Mà là tiếp tục viết mã tốt khi ứng dụng của bạn phát triển.

0:30

And if you've stumbled across common roadblocks in the past when building with AI, like hitting your context windows and session limits, AI inventing files, not being on track, not following the architecture, not building secure code or building with AI feels more like

Và nếu bạn đã từng gặp phải những rào cản phổ biến khi xây dựng bằng AI, như chạm giới hạn cửa sổ ngữ cảnh và phiên làm việc, AI bịa ra các tệp tin, không đi đúng hướng, không tuân theo kiến trúc, không viết mã an toàn hoặc việc xây dựng bằng AI có cảm giác giống như

0:43

vibe coding, which is you just prompt your way to vibe an entire app.

Vibe coding, tức là bạn chỉ cần nhắc để tạo ra toàn bộ ứng dụng một cách ngẫu hứng.

0:47

That is the absolute worst way to build an application.

Đó là cách tồi tệ nhất để xây dựng một ứng dụng.

0:51

And if you're having a hard time trusting the code that AI generates, then this video should solve your problems.

Và nếu bạn đang gặp khó khăn trong việc tin tưởng mã do AI tạo ra, thì video này sẽ giải quyết vấn đề của bạn.

0:57

You're going to learn a system of building with AI that I call guardrail coding or the architectural guardrail itself.

Bạn sẽ học một hệ thống xây dựng bằng AI mà tôi gọi là guardrail coding hoặc bản thân kiến trúc guardrail.

1:04

It is the exact system

Đó chính là hệ thống

1:06

that I used to build fun AI and Mochi only using AI.

Mà tôi đã dùng để xây dựng fun AI và Mochi chỉ bằng AI.

1:09

And to put this in perspective, Mochi has 1,200 features that were built to production in 4 months using the exact architectural guard drill that you're going to learn today.

Và để đặt điều này vào bối cảnh, Mochi có 1.200 tính năng được xây dựng đến cấp sản xuất trong 4 tháng bằng chính kiến trúc guardrail mà bạn sẽ học hôm nay.

1:18

Now, before I ask you to invest your time to watch the rest of this video, I want to show you that this actually works to prove that the system

Bây giờ, trước khi tôi yêu cầu bạn đầu tư thời gian để xem phần còn lại của video này, tôi muốn cho bạn thấy rằng điều này thực sự hoạt động để chứng minh rằng hệ thống

1:27

does what it's supposed to do.

Làm được những gì nó cần làm.

1:28

So, here are real people who have tested the architectural guardrail.

Vì vậy, đây là những người thật đã thử nghiệm kiến trúc guardrail.

1:32

And here's what they have to say.

Và đây là những gì họ nói.

1:34

So, Sunny here built four apps in under 21 days.

Sunny ở đây đã xây dựng bốn ứng dụng trong vòng chưa đầy 21 ngày.

1:37

And he says, uh, not just that, his token consumption also went down drastically, he also reduced his cost by switching from Cloud Max 20 down to 5x plan.

Và anh ấy nói, ừ, không chỉ vậy, lượng token tiêu thụ của anh ấy cũng giảm đáng kể, anh ấy cũng giảm chi phí bằng cách chuyển từ gói Cloud Max 20 xuống gói 5x.

1:46

It's because the architectural guard drill has this

Đó là vì kiến trúc guardrail có

1:49

implemented inside it which is token optimization.

Được tích hợp bên trong nó, đó là tối ưu hóa token.

1:51

And uh the other thing is this strategy uh this system will work regardless of whether it's claude codeex cursor it does not matter.

Và ừ, điều khác là chiến lược này, hệ thống này sẽ hoạt động bất kể đó là Claude Code, Cursor, không quan trọng.

1:58

It's a system and he says you taught me something that I can use no matter if cla exists tomorrow.

Đó là một hệ thống và anh ấy nói bạn đã dạy tôi một thứ mà tôi có thể sử dụng dù ngày mai Claude có tồn tại hay không.

2:05

Awesome.

Tuyệt vời.

2:05

Uh here's he says parents architectural guard drill actually works.

Ừ, đây anh ấy nói kiến trúc guardrail của bố mẹ thực sự hoạt động.

2:08

He built his whole

Anh ấy đã xây dựng toàn bộ

2:10

LinkedIn publisher without uh holding its hand.

Trình xuất bản LinkedIn của mình mà không cần phải cầm tay chỉ việc.

2:11

So you can read through this as well.

Vì vậy bạn có thể đọc qua cái này.

2:13

Uh, here's Damian in 10 hours from an MT repository.

Ừ, đây là Damian trong 10 giờ từ một kho lưu trữ MT.

2:16

And he also adds proof, which is the screenshots to his app.

Và anh ấy cũng thêm bằng chứng, đó là ảnh chụp màn hình ứng dụng của anh ấy.

2:19

And he shows it down below here.

Và anh ấy hiển thị nó ở phía dưới đây.

2:21

He says he never wrote a single prompt because the architectural guard drill comes with all the stuff pre-built into it.

Anh ấy nói anh ấy chưa bao giờ viết một prompt nào vì kiến trúc guardrail đi kèm với tất cả mọi thứ được xây dựng sẵn bên trong.

2:26

So, uh, he says he could focus and

Vì vậy, ừ, anh ấy nói anh ấy có thể tập trung và

2:29

put all his attention into the main features of his app instead, which is the audio.

Dành toàn bộ sự chú ý vào các tính năng chính của ứng dụng thay vào đó, đó là phần âm thanh.

2:33

And that's the only reason why this took a day, not a month.

Và đó là lý do duy nhất khiến việc này mất một ngày, không phải một tháng.

2:37

And I got more.

Và tôi có thêm.

2:38

Obviously, here's right.

Rõ ràng, đây là Right.

2:39

In under two days, he built his whole LinkedIn DM SAS.

Trong vòng chưa đầy hai ngày, anh ấy đã xây dựng toàn bộ LinkedIn DM SAS của mình.

2:42

And in nine hours, the entire pipeline is already working.

Và trong chín giờ, toàn bộ pipeline đã hoạt động.

2:45

Here's Ruby.

Đây là Ruby.

2:45

His app, the core of his app is also working.

Ứng dụng của anh ấy, phần lõi của ứng dụng cũng đang hoạt động.

2:48

Here's Michelle.

Đây là Michelle.

2:49

She posts her win and uh she this is her app as well.

Cô ấy đăng chiến thắng của mình và ừ, đây là ứng dụng của cô ấy.

2:52

And she's also excited.

Và cô ấy cũng rất hào hứng.

2:54

Cool.

Tuyệt.

2:54

Here's Jan.

Đây là Jan.

2:54

He says he shipped his first architectural guardrail feature and his app is a little more complex, which is a multi-tenant modeling app.

Anh ấy nói anh ấy đã phát hành tính năng kiến trúc guardrail đầu tiên và ứng dụng của anh ấy phức tạp hơn một chút, đó là một ứng dụng mô hình hóa đa khách thuê.

3:01

And uh this just proves that this system will work for any scale, right?

Và ừ, điều này chỉ chứng minh rằng hệ thống này sẽ hoạt động ở mọi quy mô, phải không?

3:05

Super super cool stuff.

Thật sự rất tuyệt vời.

3:06

He says uh AI built it correctly as he requested.

Anh ấy nói rằng AI đã xây dựng nó đúng như anh ấy yêu cầu.

3:09

He typed in plain English and AI built it correctly through the guardrail.

Anh ấy gõ bằng tiếng Anh đơn giản và AI đã xây dựng nó đúng thông qua hệ thống bảo vệ.

3:13

And here's Stephen in about a week's time.

Và đây là Stephen sau khoảng một tuần.

3:15

He says, "Massive shout out to parent of for giving us a methodology to build an app that can scale as we add new features."

Anh ấy nói: "Cảm ơn rất nhiều đến parent of vì đã cho chúng tôi một phương pháp để xây dựng một ứng dụng có thể mở rộng khi chúng tôi thêm các tính năng mới."

3:23

And here's Ido who fixed a bottleneck that's been bothering him for a while into ours.

Và đây là Ido, người đã sửa một điểm nghẽn mà anh ấy đã bận tâm một thời gian trong vài giờ.

3:27

And here's Jethan again who just shipped the second feature for his app.

Và đây là Jethan lần nữa, người vừa phát hành tính năng thứ hai cho ứng dụng của mình.

3:30

And so this just proves that this system will work.

Và điều này chứng minh rằng hệ thống này sẽ hoạt động.

3:33

And I hope this is giving you the confidence that you're in the right place.

Và tôi hy vọng điều này mang lại cho bạn sự tự tin rằng bạn đang ở đúng nơi.

3:37

So here are the modules we're going to cover in today's course.

Vậy đây là các mô-đun chúng ta sẽ bao gồm trong khóa học hôm nay.

3:41

Now each of these modules are a single part of a layer that's a part of the architectural guardrail.

Mỗi mô-đun này là một phần của một lớp, là một phần của hệ thống bảo vệ kiến trúc.

3:47

The architectural guardrail itself is not just one concept or it's not just architecture only.

Bản thân hệ thống bảo vệ kiến trúc không chỉ là một khái niệm hay chỉ là kiến trúc.

3:52

It's all of these things working together.

Nó là tất cả những thứ này hoạt động cùng nhau.

3:54

It's a system in place that's going to help you build better apps.

Đó là một hệ thống được đặt ra để giúp bạn xây dựng các ứng dụng tốt hơn.

3:58

Okay.

Được rồi.

3:58

So the first thing I want to cover is the mindset.

Vậy điều đầu tiên tôi muốn đề cập là tư duy.

4:02

And uh

Và ừm

4:03

just to show you what's possible with the architectural guardrail, I'm going to show you Mochi, which is uh Funnomas.ai, my own company.

Chỉ để cho bạn thấy những gì có thể làm với hệ thống bảo vệ kiến trúc, tôi sẽ giới thiệu Mochi, đó là Funnomas.ai, công ty của riêng tôi.

4:12

And the cool part here, guys, is the website for fondoms.ai is built inside Fondomas.ai.

Và phần thú vị ở đây, các bạn, là trang web của fondoms.ai được xây dựng bên trong Fondomas.ai.

4:18

I just thought it was a cool way to demonstrate what's possible um you know, in the app.

Tôi chỉ nghĩ đó là một cách thú vị để chứng minh những gì có thể làm trong ứng dụng.

4:22

But more importantly, I just want to point out to build an app at this scale or to build these many features, there has to be something in place that I had to do to get all of this done in 4 months.

Nhưng quan trọng hơn, tôi chỉ muốn chỉ ra rằng để xây dựng một ứng dụng ở quy mô này hoặc để xây dựng nhiều tính năng như vậy, phải có một cái gì đó được đặt ra mà tôi đã phải làm để hoàn thành tất cả trong 4 tháng.

4:34

So here's the dashboard.

Vậy đây là bảng điều khiển.

4:35

For example, we have a dashboard.

Ví dụ, chúng ta có một bảng điều khiển.

4:37

We have an inbox page where

Chúng ta có một trang hộp thư đến nơi

4:39

we can get all emails.

Chúng ta có thể nhận tất cả email.

4:40

Uh we have products, we have website builders, form builders, CMS tables.

Ừm chúng ta có sản phẩm, chúng ta có trình xây dựng trang web, trình xây dựng biểu mẫu, bảng CMS.

4:44

Uh and that's actually how this was built.

Ừm và đó thực sự là cách cái này được xây dựng.

4:47

So, whatever you see here on the pricing page was plugged into a CMS builder that is plugged into a CMS list that has components.

Vì vậy, bất cứ điều gì bạn thấy ở đây trên trang giá đã được cắm vào một trình xây dựng CMS được cắm vào một danh sách CMS có các thành phần.

4:56

And that's why all of this looks the same and can be reusable but can have different data.

Và đó là lý do tại sao tất cả những thứ này trông giống nhau và có thể tái sử dụng nhưng có thể có dữ liệu khác nhau.

5:02

And uh we also

Và chúng tôi cũng

5:04

have leads, lead list, tracking.

Có khách hàng tiềm năng, danh sách khách hàng tiềm năng, theo dõi.

5:06

We also have custom data, marketing, email templates, like pipelines, automations.

Chúng tôi cũng có dữ liệu tùy chỉnh, tiếp thị, mẫu email, như đường ống, tự động hóa.

5:11

Like look at all of this stuff, right?

Nhìn tất cả những thứ này, phải không?

5:13

So, here's an automation builder and you can pretty much build whatever you like in here.

Vậy, đây là một trình xây dựng tự động hóa và bạn có thể xây dựng bất cứ thứ gì bạn thích ở đây.

5:18

But um just to show you one more thing is if I navigate between the pages we just accessed, notice how blazing fast all of this is, right?

Nhưng ừm, chỉ để cho bạn thấy một điều nữa là nếu tôi điều hướng giữa các trang chúng ta vừa truy cập, hãy chú ý tất cả những thứ này nhanh như thế nào, phải không?

5:27

There's no loading speed.

Không có tốc độ tải.

5:28

Well, there is a loading speed when you first land on the page, but there's no loading speed after.

Chà, có tốc độ tải khi bạn lần đầu truy cập trang, nhưng không có tốc độ tải sau đó.

5:34

And when I make a change somewhere, that instantly updates data.

Và khi tôi thực hiện một thay đổi ở đâu đó, điều đó ngay lập tức cập nhật dữ liệu.

5:38

So it's optimistic UI.

Vì vậy, đó là giao diện người dùng lạc quan.

5:39

And so all of these architectural practices, the good coding practices are part of the architectural guardrail.

Và vì vậy tất cả các thực hành kiến trúc này, các thực hành mã tốt là một phần của hệ thống bảo vệ kiến trúc.

5:45

And hopefully this inspires you guys like you are capable of building something like this by yourself or using AI, which is the purpose of this whole video, which is to inspire you to use um AI, use cloud code, and build apps like this to

Và hy vọng điều này truyền cảm hứng cho các bạn như bạn có khả năng xây dựng một cái gì đó như thế này một mình hoặc sử dụng AI, đó là mục đích của toàn bộ video này, là để truyền cảm hứng cho bạn sử dụng AI, sử dụng mã đám mây và xây dựng các ứng dụng như thế này để

6:02

production.

Sản xuất.

6:02

And so that brings me to my first point here, which is you're not learning how to code, you're learning how to direct.

Và điều đó đưa tôi đến điểm đầu tiên của tôi ở đây, đó là bạn không học cách viết mã, bạn học cách chỉ đạo.

6:09

If you believe that the only thing required to build apps like Mochi or Phantomazai is technical skill, then how are other members who have tested this out able to build their app?

Nếu bạn tin rằng điều duy nhất cần thiết để xây dựng các ứng dụng như Mochi hoặc Phantomazai là kỹ năng kỹ thuật, thì làm thế nào các thành viên khác đã thử nghiệm điều này có thể xây dựng ứng dụng của họ?

6:20

Some of them don't have any web development experience.

Một số người trong số họ không có kinh nghiệm phát triển web.

6:22

And so what I want to point out here is the most important skill when you're building with AI is not only your web development skills.

Và vì vậy điều tôi muốn chỉ ra ở đây là kỹ năng quan trọng nhất khi bạn xây dựng với AI không chỉ là kỹ năng phát triển web của bạn.

6:29

That's not the most important thing that will help because that's a leverage.

Đó không phải là điều quan trọng nhất sẽ giúp ích vì đó là đòn bẩy.

6:32

And the reason why I believe this course is going to work for most of you guys watching this because I'm

Và lý do tại sao tôi tin khóa học này sẽ hiệu quả với hầu hết các bạn đang xem vì tôi

6:38

hoping you are a web developer is because you already have what it takes.

Hy vọng bạn là một nhà phát triển web là vì bạn đã có những gì cần thiết.

6:42

The only thing you need to learn now is a skill to direct AI to give it guidance and to point it in the right direction, which is something we'll learn later on known as pattern recognition.

Điều duy nhất bạn cần học bây giờ là kỹ năng chỉ đạo AI, đưa ra hướng dẫn và chỉ cho nó đúng hướng, điều mà chúng ta sẽ học sau này được gọi là nhận dạng mẫu.

6:52

And so by learning this skill to direct AI, you learn to control what AI sees.

Và vì vậy bằng cách học kỹ năng chỉ đạo AI này, bạn học cách kiểm soát những gì AI nhìn thấy.

6:57

You don't have to tell it exactly what to write.

Bạn không cần phải nói chính xác nó phải viết gì.

7:00

Imagine if I was to actually plan out each and every single feature you see here, every single thing right from start to finish architecture and imagine I hold AI and I tell it to build each and every single feature you see here.

Hãy tưởng tượng nếu tôi thực sự lên kế hoạch cho từng tính năng bạn thấy ở đây, từng thứ một từ đầu đến cuối kiến trúc và tưởng tượng tôi giữ AI và bảo nó xây dựng từng tính năng bạn thấy ở đây.

7:16

How long do you think this would have taken me to build?

Bạn nghĩ tôi sẽ mất bao lâu để xây dựng nó?

7:19

Probably 2 years.

Có lẽ là 2 năm.

7:20

But this was built in less than 4 months and I'm still pushing awesome updates to this uh to this software.

Nhưng cái này được xây dựng trong chưa đầy 4 tháng và tôi vẫn đang đẩy các bản cập nhật tuyệt vời cho phần mềm này.

7:26

And so the point is don't focus on trying to use your web development skills to overpower direction.

Và vì vậy, điểm mấu chốt là đừng tập trung vào việc sử dụng kỹ năng phát triển web của bạn để lấn át định hướng.

7:32

That means web development skills comes second.

Điều đó có nghĩa là kỹ năng phát triển web đứng thứ hai.

7:34

You just need to point it in the right direction and give

Bạn chỉ cần chỉ nó đi đúng hướng và đưa

7:38

it your thoughts or give it analogy.

cho nó suy nghĩ của bạn hoặc đưa ra phép loại suy.

7:40

Sometimes when I'm building good architecture, I don't like to think about code only.

Đôi khi khi tôi xây dựng kiến trúc tốt, tôi không thích chỉ nghĩ về mã.

7:44

I like to think about processes.

Tôi thích nghĩ về các quy trình.

7:46

I like to think at a global scale.

Tôi thích suy nghĩ ở quy mô toàn cầu.

7:48

That means what can I have here that can be reusable?

Điều đó có nghĩa là tôi có thể có gì ở đây mà có thể tái sử dụng?

7:52

and I try to connect real world situations to it.

Và tôi cố gắng kết nối các tình huống thực tế với nó.

7:55

So I can help give an analogy to AI and then it understands what I'm trying to build and it also understands what it

Vì vậy, tôi có thể giúp đưa ra phép loại suy cho AI và sau đó nó hiểu những gì tôi đang cố gắng xây dựng và nó cũng hiểu những gì nó

8:03

needs to build as well and that way all features in your app kind of connect to each other.

cần xây dựng và bằng cách đó, tất cả các tính năng trong ứng dụng của bạn kết nối với nhau.

8:09

So I'll give you one example.

Vì vậy, tôi sẽ đưa ra một ví dụ.

8:11

So most of these features that were built here were obviously built independently, right?

Vì vậy, hầu hết các tính năng được xây dựng ở đây rõ ràng là được xây dựng độc lập, phải không?

8:16

And then I introduced Mochi AI which is uh essentially an AI agent that allows you to control everything inside the software.

Và sau đó tôi giới thiệu Mochi AI, về cơ bản là một tác nhân AI cho phép bạn điều khiển mọi thứ bên trong phần mềm.

8:24

And so that's why Mochi or

Và đó là lý do tại sao Mochi hoặc

8:26

Phantom AI is an agentic AI powered CRM.

Phantom AI là một CRM được hỗ trợ bởi AI tác nhân.

8:29

That means you don't need to interact with the software as much.

Điều đó có nghĩa là bạn không cần phải tương tác với phần mềm nhiều.

8:31

And that's the goal at least that's the vision.

Và đó là mục tiêu ít nhất là tầm nhìn.

8:34

That's what I'm hoping I can accomplish.

Đó là những gì tôi hy vọng tôi có thể đạt được.

8:36

And my first step is this, right?

Và bước đầu tiên của tôi là cái này, phải không?

8:38

But uh the point here is all of these features were built individually.

Nhưng điểm mấu chốt ở đây là tất cả các tính năng này được xây dựng riêng lẻ.

8:43

Just imagine if I built those individually, how was I able to connect this Mochi AI feature with just one prompt.

Chỉ cần tưởng tượng nếu tôi xây dựng chúng riêng lẻ, làm sao tôi có thể kết nối tính năng Mochi AI này chỉ với một lời nhắc.

8:50

The reason why I was able to do this is I thought at a global level before even starting anything, right?

Lý do tôi có thể làm điều này là tôi đã suy nghĩ ở cấp độ toàn cầu trước khi bắt đầu bất cứ điều gì, phải không?

8:58

And so my prompts were more about telling AI that eventually

Và vì vậy, các lời nhắc của tôi tập trung vào việc nói với AI rằng cuối cùng

9:02

I'm going to have these features in place.

tôi sẽ có các tính năng này.

9:04

And so this is the most important lesson you're going to learn in this module.

Và đây là bài học quan trọng nhất bạn sẽ học trong mô-đun này.

9:08

And I want you to get a piece of paper and a pen and write this down.

Và tôi muốn bạn lấy một tờ giấy và một cây bút và viết điều này xuống.

9:14

You want to prompt into the future, not in the present.

Bạn muốn nhắc đến tương lai, không phải hiện tại.

9:17

That means imagine all the features that you will eventually have in your app.

Điều đó có nghĩa là hãy tưởng tượng tất cả các tính năng bạn cuối cùng sẽ có trong ứng dụng của mình.

9:21

What would that scenario look like?

Kịch bản đó sẽ trông như thế nào?

9:23

Now obviously

Bây giờ rõ ràng là

9:24

you can't think of everything right now, but what I'm speaking about is the vision.

Bạn không thể nghĩ về mọi thứ ngay bây giờ, nhưng những gì tôi đang nói đến là tầm nhìn.

9:28

What do you want to accomplish?

Bạn muốn đạt được điều gì?

9:30

And if you are building a feature in the present, think just one step higher.

Và nếu bạn đang xây dựng một tính năng ở hiện tại, hãy nghĩ cao hơn một bước.

9:35

What can I do right now to make this feature reusable for something else?

Tôi có thể làm gì ngay bây giờ để làm cho tính năng này có thể tái sử dụng cho việc khác?

9:38

Try to expand.

Hãy cố gắng mở rộng.

9:39

You could use AI itself.

Bạn có thể sử dụng chính AI.

9:41

You could tell AI the problem that you're having and uh or the feature you're trying to build and you can tell it to break it down using this principle which is to think about prompting into the future.

Bạn có thể nói cho AI biết vấn đề bạn đang gặp phải hoặc tính năng bạn đang cố gắng xây dựng và bạn có thể yêu cầu nó chia nhỏ nó bằng cách sử dụng nguyên tắc này, đó là suy nghĩ về việc nhắc đến tương lai.

9:51

And so another example is when I built the schema, the Prisma schema

Và một ví dụ khác là khi tôi xây dựng schema, Prisma schema

9:55

which is a database structure for Mochi which obviously is huge.

Đó là cấu trúc cơ sở dữ liệu cho Mochi, rõ ràng là rất lớn.

9:58

Um, the way I did so is by asking AI to build something into the future and I asked it to track data that I may not have in the current but might possibly have in the future.

Ừm, cách tôi làm là yêu cầu AI xây dựng một cái gì đó cho tương lai và tôi yêu cầu nó theo dõi dữ liệu mà tôi có thể không có ở hiện tại nhưng có thể có trong tương lai.

10:10

And so some features actually stemmed from that.

Và vì vậy, một số tính năng thực sự bắt nguồn từ đó.

10:12

For example, affiliate marketing.

Ví dụ, tiếp thị liên kết.

10:13

I was not going to have affiliates as part of uh

Tôi đã không có kế hoạch có các đối tác liên kết như một phần của

10:17

Funnelmazi, but then because my data structure allowed for this AI had the suggestion.

Funnelmazi, nhưng sau đó vì cấu trúc dữ liệu của tôi cho phép điều này, AI đã có gợi ý.

10:21

I was like, "Oh, that's a cool idea." And so just keep this in mind.

Tôi đã nghĩ, "Ồ, đó là một ý tưởng hay." Và vì vậy, hãy ghi nhớ điều này.

10:25

You want to prompt into the future, not in the present.

Bạn muốn nhắc đến tương lai, không phải hiện tại.

10:28

And finally, this is the gold rush for web developers.

Và cuối cùng, đây là cơn sốt vàng cho các nhà phát triển web.

10:31

And so, take advantage of this.

Và vì vậy, hãy tận dụng điều này.

10:33

And I'm not saying you should rush into something, but what I'm saying is

Và tôi không nói rằng bạn nên vội vàng lao vào, nhưng điều tôi muốn nói là

10:37

just be aware that this happens every, you know, once three once in three years where this crazy surge or this hype about a topic ends up showing up in the marketplace and then some people figure it out and then they make it big.

Chỉ cần nhận thức rằng điều này xảy ra mỗi, bạn biết đấy, ba năm một lần, nơi mà sự tăng vọt hoặc sự thổi phồng về một chủ đề xuất hiện trên thị trường và sau đó một số người hiểu ra và họ thành công lớn.

10:53

And so this is the only time in history where web developers can essentially replace themselves.

Và vì vậy, đây là lần duy nhất trong lịch sử mà các nhà phát triển web về cơ bản có thể tự thay thế chính mình.

10:58

This never used to exist before.

Điều này chưa từng tồn tại trước đây.

11:00

The biggest cap to web developers before was our time.

Giới hạn lớn nhất đối với các nhà phát triển web trước đây là thời gian của chúng ta.

11:04

The only way for us to make money before was exchanging our time.

Cách duy nhất để chúng ta kiếm tiền trước đây là trao đổi thời gian của mình.

11:08

But now time in our in some way became our leverage.

Nhưng bây giờ thời gian, theo một cách nào đó, đã trở thành đòn bẩy của chúng ta.

11:12

And the way this is possible is because of AI.

Và cách mà điều này có thể xảy ra là nhờ vào AI.

11:16

Coding with AI is going to be the most important skill in this year and the years to come.

Lập trình với AI sẽ là kỹ năng quan trọng nhất trong năm nay và những năm tới.

11:22

I added one more point that I believe is super important.

Tôi đã thêm một điểm nữa mà tôi tin là cực kỳ quan trọng.

11:26

If you can't understand code that's in your own application without reading documentation, neither can AI.

Nếu bạn không thể hiểu mã trong ứng dụng của chính mình mà không đọc tài liệu, thì AI cũng vậy.

11:31

So here's an example on the screen.

Vì vậy, đây là một ví dụ trên màn hình.

11:34

I want you to look at this and tell me without reading any of the documentation what's happening in this file.

Tôi muốn bạn nhìn vào cái này và cho tôi biết, mà không cần đọc bất kỳ tài liệu nào, điều gì đang xảy ra trong tệp này.

11:42

What is this file?

Tệp này là gì?

11:43

Just make a guess.

Chỉ cần đoán thử.

11:45

Okay.

Được rồi.

11:45

Well, without needing to read anything, I can see list, update, and delete.

Chà, không cần đọc bất cứ điều gì, tôi có thể thấy list, update và delete.

11:50

Cool.

Tuyệt.

11:50

I understand this is

Tôi hiểu đây là

11:52

some sort of way to change or manipulate data.

Một cách nào đó để thay đổi hoặc thao tác dữ liệu.

11:55

And you'll also see a pattern here.

Và bạn cũng sẽ thấy một mẫu ở đây.

11:57

You can establish common patterns in this code.

Bạn có thể thiết lập các mẫu chung trong mã này.

12:00

You see protected procedure, you see something called required permission.

Bạn thấy protected procedure, bạn thấy thứ gì đó gọi là required permission.

12:04

And you see this happening multiple times.

Và bạn thấy điều này xảy ra nhiều lần.

12:06

And so the next time I ask you to build a update list or an update API endpoint, you'll probably know exactly what to write.

Và vì vậy, lần tới khi tôi yêu cầu bạn xây dựng một điểm cuối API để cập nhật danh sách, bạn có thể sẽ biết chính xác những gì cần viết.

12:15

And

Và

12:16

that's the same experience you want to create for AI when it's reading your code or building new features into your app.

Đó là trải nghiệm tương tự bạn muốn tạo ra cho AI khi nó đọc mã của bạn hoặc xây dựng các tính năng mới vào ứng dụng của bạn.

12:21

All right, and that brings us to the end of the mindset module.

Được rồi, và điều đó đưa chúng ta đến cuối mô-đun tư duy.

12:24

The next step is getting Claude set up on your local machine.

Bước tiếp theo là thiết lập Claude trên máy tính cục bộ của bạn.

12:27

So let's go ahead and do that next.

Vì vậy, hãy tiếp tục và làm điều đó tiếp theo.

12:28

So now the next thing we need to do is to get Claude set up.

Vì vậy, bây giờ điều tiếp theo chúng ta cần làm là thiết lập Claude.

12:32

So what I'm going to do here is I'm going to

Vì vậy, những gì tôi sẽ làm ở đây là tôi sẽ

12:35

open up Claude's website so I can go to Claude's pricing page and now I can select the plan that I need.

Mở trang web của Claude để tôi có thể đến trang giá của Claude và bây giờ tôi có thể chọn gói mà tôi cần.

12:41

Now, I recommend you get the $100 per month plan.

Bây giờ, tôi khuyên bạn nên lấy gói 100 đô la mỗi tháng.

12:44

And uh I'll show you why this system will pretty much never need you to go to the $200 plan.

Và tôi sẽ cho bạn thấy tại sao hệ thống này gần như sẽ không bao giờ cần bạn phải lên gói 200 đô la.

12:49

Um I mean, at least most members have already tested this, including me, are on the $100 per month plan, okay?

Ý tôi là, ít nhất hầu hết các thành viên đã thử nghiệm điều này, bao gồm cả tôi, đều đang ở gói 100 đô la mỗi tháng, được chứ?

12:55

You're not going to

Bạn sẽ không cần

12:57

need all the 20x usage.

Tất cả mức sử dụng 20x.

12:58

So, go ahead and click on try Claude and then open up an account and then we'll move on to the next stage.

Vì vậy, hãy tiếp tục và nhấp vào dùng thử Claude và sau đó mở một tài khoản và sau đó chúng ta sẽ chuyển sang giai đoạn tiếp theo.

13:05

So, now we need to install Claude in the terminal.

Vì vậy, bây giờ chúng ta cần cài đặt Claude trong terminal.

13:08

This is how I like to use Claude.

Đây là cách tôi thích sử dụng Claude.

13:10

Um, some people use the UI itself, the desktop app, and that's that's completely up to you.

Một số người sử dụng giao diện người dùng, ứng dụng máy tính để bàn, và điều đó hoàn toàn tùy thuộc vào bạn.

13:15

I don't prefer that when I'm coding.

Tôi không thích điều đó khi tôi lập trình.

13:17

I might use that only when I'm researching

Tôi có thể chỉ sử dụng nó khi tôi nghiên cứu

13:20

or maybe I'm just brainstorming or talking to Claude.

Hoặc có lẽ tôi chỉ đang động não hoặc trò chuyện với Claude.

13:22

That's pretty much it.

Đó là tất cả.

13:24

So, go ahead and open up this link and uh you can just simply Google install Claude Code, right?

Vậy nên, hãy mở liên kết này lên và bạn chỉ cần tìm kiếm trên Google "Cài đặt Claude Code", đúng không?

13:30

Quick start.

Bắt đầu nhanh.

13:31

And you can click on the quick start guide right here.

Và bạn có thể nhấp vào hướng dẫn bắt đầu nhanh ngay tại đây.

13:34

Then scroll down here and you should find install cloud code.

Sau đó cuộn xuống đây và bạn sẽ tìm thấy phần cài đặt Claude Code.

13:37

And then down here, you're going to find the exact command you need to run.

Và ở dưới đây, bạn sẽ tìm thấy lệnh chính xác mà bạn cần chạy.

13:41

So go ahead, copy this command based on whichever uh operating system you're running and then hit enter in your terminal.

Vậy nên, hãy sao chép lệnh này dựa trên hệ điều hành bạn đang sử dụng và nhấn Enter trong terminal của bạn.

13:46

And once you're done, you go ahead, you can go ahead and verify that Claude is actually installed by running this command.

Và khi bạn hoàn tất, bạn có thể xác minh rằng Claude đã được cài đặt bằng cách chạy lệnh này.

13:52

So now we are all set, ready to go.

Vậy bây giờ chúng ta đã sẵn sàng để bắt đầu.

13:55

And just a quick heads up,

Và chỉ cần lưu ý một chút,

13:57

if you run this command and you don't see Claude, just shut down the terminal, restart the terminal, and try this once more.

Nếu bạn chạy lệnh này và không thấy Claude, hãy tắt terminal, khởi động lại terminal và thử lại lần nữa.

14:03

It should work.

Nó sẽ hoạt động.

14:04

Now the next step is to actually run this inside our project.

Bây giờ bước tiếp theo là chạy nó bên trong dự án của chúng ta.

14:08

So what you would probably want to do is create a folder outside or if you already have a folder um with your project, drag and drop that into Visual Studio Code because that's where we're

Vậy điều bạn có thể muốn làm là tạo một thư mục bên ngoài hoặc nếu bạn đã có một thư mục với dự án của mình, hãy kéo và thả nó vào Visual Studio Code vì đó là nơi chúng ta sẽ

14:19

going to run uh Claude so Claude can actually access the file.

chạy Claude để Claude có thể truy cập vào tệp tin.

14:22

So this is a project to have open.

Vậy đây là một dự án để mở.

14:24

So I'm going to open up the terminal and this is the command I'm actually going to run.

Vậy tôi sẽ mở terminal và đây là lệnh tôi sẽ chạy.

14:30

Now, um, just some word of advice, heads up, be aware that this is a destructive operation.

Bây giờ, chỉ là một lời khuyên, lưu ý rằng đây là một thao tác có tính phá hủy.

14:34

Do it at your own risk, okay?

Hãy tự chịu rủi ro, được chứ?

14:37

But so far, I trust Claude.

Nhưng cho đến nay, tôi tin tưởng Claude.

14:38

I'm doing this because I know it works.

Tôi làm điều này vì tôi biết nó hoạt động.

14:41

Um, and so I'm going to hit enter.

Và tôi sẽ nhấn Enter.

14:43

Boom.

Bùm.

14:44

Nice.

Tuyệt vời.

14:44

So now, uh, I have Claude running.

Vậy bây giờ, tôi đang chạy Claude.

14:46

And the command is essentially dangerously skip permissions.

Và lệnh về cơ bản là bỏ qua quyền một cách nguy hiểm.

14:49

And what this essentially does is it has full bypass access.

Và điều này về cơ bản có nghĩa là nó có quyền truy cập toàn bộ.

14:52

So, it's not going to ask you to hit approve or click on some weird thing like it's just going to do its thing and then you,

Vì vậy, nó sẽ không yêu cầu bạn phê duyệt hoặc nhấp vào thứ gì đó kỳ lạ, nó chỉ làm việc của nó và sau đó bạn,

15:01

you know, come back to it later on, take a look at it if you really need to.

bạn biết đấy, quay lại sau và xem xét nếu bạn thực sự cần.

15:06

So, uh, now you're running Claude inside the Visual Studio Code terminal.

Vậy, bây giờ bạn đang chạy Claude bên trong terminal Visual Studio Code.

15:09

Awesome.

Tuyệt vời.

15:10

Now, I already have a Nex.js application spun up and this is the architectural guardrail template that we're going to be looking at and just I'm just going to kind of walk you through everything, give you a tour and show you how everything is set up.

Bây giờ, tôi đã có một ứng dụng Next.js được khởi tạo và đây là mẫu kiến trúc bảo vệ mà chúng ta sẽ xem xét và tôi sẽ hướng dẫn bạn qua mọi thứ, cho bạn một chuyến tham quan và chỉ cho bạn cách mọi thứ được thiết lập.

15:20

So, this is Nex.js.

Vậy đây là Next.js.

15:21

JS.

15:22

You can go ahead and install it if you'd like or you can choose your own text stack.

Bạn có thể cài đặt nó nếu muốn hoặc bạn có thể chọn ngăn xếp công nghệ của riêng mình.

15:26

It wouldn't really

Nó sẽ không thực sự

15:27

matter, but I'm hoping you can also kind of build this uh with me as I, you know, kind of walk you through everything.

quan trọng, nhưng tôi hy vọng bạn cũng có thể xây dựng cái này cùng với tôi khi tôi hướng dẫn bạn qua mọi thứ.

15:34

So, the first most important part of your build is your claude.md file.

Vậy, phần quan trọng nhất đầu tiên của bản dựng của bạn là tệp claude.md của bạn.

15:38

Okay.

Được rồi.

15:39

So, go ahead and create a claude file.

Vậy hãy tạo một tệp Claude.

15:41

And the way I like to create this file is inside a claude folder.

Và cách tôi thích tạo tệp này là bên trong một thư mục Claude.

15:46

And notice I don't have any skills.

Và lưu ý rằng tôi không có bất kỳ kỹ năng nào.

15:48

I don't have any sub aents.

Tôi không có bất kỳ tác nhân phụ nào.

15:50

I'm not saying they're bad.

Tôi không nói chúng là xấu.

15:52

All I'm trying to say here is this is the absolute minimum you will need to build great production grade code.

Tất cả những gì tôi đang cố nói ở đây là đây là mức tối thiểu tuyệt đối bạn sẽ cần để xây dựng mã chất lượng sản xuất tuyệt vời.

15:59

That's it.

Chỉ vậy thôi.

15:59

That's all you're going to need, right?

Đó là tất cả những gì bạn cần, đúng không?

16:01

Don't overwhelm yourself with all these crazy workflows and stuff right now.

Đừng làm quá tải bản thân với tất cả những quy trình làm việc điên rồ đó ngay bây giờ.

16:05

First, figure out something that's working and then improve it as you go.

Đầu tiên, hãy tìm ra thứ gì đó hoạt động và sau đó cải thiện nó khi bạn tiến bộ.

16:08

So, you want to create a claw.md file just like this.

Vậy bạn muốn tạo một tệp claude.md giống như thế này.

16:11

And the first rule I want to point out is you're going to scroll all the way to the bottom of your cloud.

Và quy tắc đầu tiên tôi muốn chỉ ra là bạn sẽ cuộn xuống tận cùng của Claude của bạn.

16:18

MD file and you're going to

Tệp MD và bạn sẽ

16:20

add this note here.

Thêm ghi chú này vào đây.

16:22

Don't use git.

Đừng sử dụng git.

16:23

Okay.

Được rồi.

16:24

The reason is because claude sometimes will try to read session history.

Lý do là vì claude đôi khi sẽ cố đọc lịch sử phiên.

16:27

Will try to read all of your commits.

Sẽ cố đọc tất cả các commit của bạn.

16:30

And uh I've had this happen so many times to me where it decided to kind of uh undo some changes it made and it thought since it's working on the session, it knows about the session.

Và tôi đã gặp điều này rất nhiều lần khi nó quyết định hoàn tác một số thay đổi và nó nghĩ rằng vì nó đang làm việc trên phiên, nó biết về phiên đó.

16:42

it's going to undo everything and then rebuild that.

Nó sẽ hoàn tác mọi thứ và sau đó xây dựng lại.

16:44

And so I just lost all my work because it

Và vì vậy tôi mất tất cả công việc của mình vì nó

16:48

assumed that the entirety of those commits was what it's working on.

Giả định rằng toàn bộ các commit đó là những gì nó đang làm việc.

16:52

So just go ahead and add something like this in here so it doesn't uh actually, you know, try to access git without your explicit, you know, request.

Vì vậy, hãy thêm một cái gì đó như thế này vào đây để nó không cố truy cập git mà không có yêu cầu rõ ràng của bạn.

17:02

Next, everything you build from today is going to need to be on its own branch.

Tiếp theo, mọi thứ bạn xây dựng từ hôm nay sẽ cần phải nằm trên một nhánh riêng.

17:08

So open up another terminal, and you're going to always do this.

Vì vậy, hãy mở một terminal khác và bạn sẽ luôn làm điều này.

17:13

get checkout-b

Git checkout -b

17:14

and you're going to create a new branch with a new branch name.

Và bạn sẽ tạo một nhánh mới với tên nhánh mới.

17:18

I do this because sometimes I like to experiment and sometimes I just want to oneshot prompts, right?

Tôi làm điều này vì đôi khi tôi thích thử nghiệm và đôi khi tôi chỉ muốn thực hiện một lần, đúng không?

17:23

I want to oneshot a whole feature.

Tôi muốn thực hiện một lần toàn bộ tính năng.

17:26

And when I do it this way, I am confident that my main branch is not going to get corrupt.

Và khi tôi làm theo cách này, tôi tự tin rằng nhánh chính của tôi sẽ không bị hỏng.

17:32

And I can also create multiple versions of the uh of whatever I'm trying to build.

Và tôi cũng có thể tạo nhiều phiên bản của những gì tôi đang cố xây dựng.

17:37

For my

Đối với

17:38

website builder, I had I believe version five.

Trình xây dựng trang web của tôi, tôi tin là phiên bản năm.

17:40

So the codebase itself was named V5 because a website builder took five attempts.

Vì vậy, codebase được đặt tên là V5 vì trình xây dựng trang web mất năm lần thử.

17:44

So I had five different versions.

Vì vậy, tôi có năm phiên bản khác nhau.

17:46

And the only way for me to kind of figure out which one was perfect is to iterate through all of these with different branches.

Và cách duy nhất để tôi tìm ra cái nào hoàn hảo là lặp qua tất cả các nhánh khác nhau này.

17:54

So I created a branch from where I believed was a good checkpoint and then I created V5.1,

Vì vậy, tôi đã tạo một nhánh từ nơi tôi tin là một điểm kiểm tra tốt và sau đó tôi tạo V5.1,

18:00

V5.2.

18:00

Then I just kept creating branches until I was good to go, until everything looked good.

Sau đó, tôi tiếp tục tạo các nhánh cho đến khi mọi thứ ổn, cho đến khi mọi thứ trông tốt.

18:05

So make sure you create a new branch for each feature you're working on.

Vì vậy, hãy đảm bảo bạn tạo một nhánh mới cho mỗi tính năng bạn đang làm việc.

18:09

All right, so we just finished setting up Claude.

Được rồi, chúng ta vừa hoàn thành việc thiết lập Claude.

18:12

Now it's time to understand all of the layers.

Bây giờ là lúc để hiểu tất cả các lớp.

18:15

Just have a 10,000 ft overview of exactly what the architectural guardrail is.

Chỉ cần có một cái nhìn tổng quan ở mức 10.000 feet về chính xác kiến trúc bảo vệ là gì.

18:19

So in this module, we're going to look at what the architectural guardrail is.

Vì vậy, trong mô-đun này, chúng ta sẽ xem kiến trúc bảo vệ là gì.

18:23

Essentially a 10,000 foot overview so we understand how the concepts kind of work together.

Về cơ bản là một cái nhìn tổng quan ở mức 10.000 feet để chúng ta hiểu các khái niệm hoạt động cùng nhau như thế nào.

18:27

But uh this is not going to be the in-depth version.

Nhưng đây không phải là phiên bản chuyên sâu.

18:31

In the next modules, we're going to dive deeper into each and every single layer.

Trong các mô-đun tiếp theo, chúng ta sẽ đi sâu hơn vào từng lớp một.

18:35

But

Nhưng

18:36

first, in order to understand what's right, we need to understand what's wrong.

Đầu tiên, để hiểu điều gì đúng, chúng ta cần hiểu điều gì sai.

18:39

So let's look at what we've been doing wrong all this while so we can correct that.

Vì vậy, hãy xem những gì chúng ta đã làm sai trong suốt thời gian qua để chúng ta có thể sửa chữa.

18:44

So you see the old method is us web developers typically we leverage our web development skills and in our prompt we have the features obviously the whatever we're trying to build but we also have architectural

Vì vậy, bạn thấy phương pháp cũ là chúng ta, các nhà phát triển web, thường tận dụng kỹ năng phát triển web của mình và trong prompt, chúng ta có các tính năng rõ ràng là những gì chúng ta đang cố xây dựng, nhưng chúng ta cũng có hướng dẫn kiến trúc và vì vậy chúng ta cố gắng áp đặt kiến trúc.

18:54

guidance and so we try to enforce architecture.

Chúng ta cố gắng tạo mọi thứ từ đầu.

18:56

We try to create all the stuff from scratch.

Chúng ta cố gắng xây dựng phiên bản của riêng mình hoặc chúng ta cố gắng viết ra chính xác cách ứng dụng nên được xây dựng.

18:58

We try to build our own version or we try to write down exactly how the app should be built.

Và điều đó không sao.

19:04

And now that's okay.

Được, đó là những gì chúng ta nên làm với tư cách là nhà phát triển web.

19:05

Okay, that's what we're supposed to be doing as web developers.

Nhưng điều này hơi chậm.

19:08

But this is a little slow.

Nếu bạn phải suy nghĩ về từng thứ một, sẽ mất mãi.

19:10

Like if you were to think about every single thing, it's going to take you forever.

Và không chỉ vậy, bất cứ thứ gì bạn xây dựng, bất kỳ kiến trúc nào bạn đang cố gắng tìm ra, bạn cũng phải liên tục đề cập đến những thứ này, kiểm tra O, kiểm tra quyền, thành viên nhóm, tổ chức, phạm vi tổ chức, giới hạn tốc độ, kiểm tra sử dụng, bạn phải đề cập đến tất cả những thứ này.

19:16

And not just that, whatever you build, whatever architecture you're trying to figure out, you also have to constantly mention these things, O checks, permission checks, team members, org, um, you know, org scoping, um, rate limiting, usage checks, like you have to mention all of

Và vì vậy điều đó có nghĩa là bạn đang dựa vào ngữ cảnh là lý do tại sao ứng dụng của bạn sẽ được xây dựng ở cấp độ sản xuất.

19:33

these things.

Và tôi muốn cho bạn thấy một phiên bản khác của điều này hoặc một góc độ khác.

19:33

And so that means you're you're relying on context being the reason why your app is going to be built production grade.

Và điều đó có nghĩa là bạn đang dựa vào ngữ cảnh là lý do tại sao ứng dụng của bạn sẽ được xây dựng ở cấp độ sản xuất.

19:42

And I'd like to show you a different uh version of this or a different angle to this.

Và tôi muốn cho bạn thấy một phiên bản khác hoặc một góc nhìn khác về điều này.

19:49

And that might probably make a little more sense, but uh just to kind of add on top of this as well, what we would typically do in order to implement this then to as a solution because of all these problems, right?

Và điều đó có thể sẽ hợp lý hơn một chút, nhưng để bổ sung thêm cho điều này, những gì chúng ta thường làm để triển khai giải pháp này vì tất cả những vấn đề này, đúng không?

20:00

We need to think of all of this.

Chúng ta cần phải nghĩ về tất cả những điều này.

20:02

we'd instead stop thinking about it and we'll put it into a docs folder.

Thay vào đó, chúng ta sẽ ngừng suy nghĩ về nó và đặt nó vào một thư mục docs.

20:06

So we'll we'll name the architecture, we'll name whatever we

Vì vậy, chúng ta sẽ đặt tên cho kiến trúc, chúng ta sẽ đặt tên cho bất cứ thứ gì chúng ta

20:09

need here and then this docs folder is the source of truth.

Cần ở đây và sau đó thư mục docs này là nguồn sự thật.

20:12

And so AI knows exactly what to build based on the docs folder.

Và do đó AI biết chính xác những gì cần xây dựng dựa trên thư mục docs.

20:17

And so the problem here is when you're relying on something external or relying on context only to be the reason for your app to be production grade.

Và vấn đề ở đây là khi bạn dựa vào một thứ gì đó bên ngoài hoặc chỉ dựa vào ngữ cảnh để ứng dụng của bạn đạt tiêu chuẩn sản xuất.

20:26

If AI hallucinates because it's out of context window, which it will probably run out of really quickly, and I'll tell

Nếu AI bị ảo giác vì nó nằm ngoài cửa sổ ngữ cảnh, điều mà nó có thể sẽ hết rất nhanh, và tôi sẽ nói

20:33

tell you why in just a second, your app will no longer be built the way you want it to.

Cho bạn biết lý do ngay sau đây, ứng dụng của bạn sẽ không còn được xây dựng theo cách bạn muốn.

20:38

It's not going to use a system.

Nó sẽ không sử dụng một hệ thống.

20:41

It's not going to use a pattern.

Nó sẽ không sử dụng một mẫu thiết kế.

20:42

It's going to follow what its brain thinks.

Nó sẽ làm theo những gì bộ não của nó nghĩ.

20:45

And so we can't really rely on this.

Và vì vậy chúng ta không thể thực sự dựa vào điều này.

20:47

We shouldn't rely on this.

Chúng ta không nên dựa vào điều này.

20:48

And so the question then becomes, is there any way we could build apps without solely relying on context because we could just remove this whole docs folder?

Và vậy câu hỏi trở thành, có cách nào để xây dựng ứng dụng mà không chỉ dựa vào ngữ cảnh vì chúng ta có thể loại bỏ toàn bộ thư mục docs này không?

20:56

If we can remove all this stuff and have AI still give us a production grade outcome, that would be nicer.

Nếu chúng ta có thể loại bỏ tất cả những thứ này và vẫn có AI cho chúng ta kết quả đạt tiêu chuẩn sản xuất, điều đó sẽ tốt hơn.

21:02

That would be much better, right?

Điều đó sẽ tốt hơn nhiều, đúng không?

21:03

Because now you your

Bởi vì bây giờ bạn, cửa sổ ngữ cảnh của bạn

21:05

entire context window which used to look like this all the way and this whole bar filled purely based on context from your documentation will now end up like this right and that's what I want to show you in the next diagram.

Toàn bộ cửa sổ ngữ cảnh trước đây trông như thế này và toàn bộ thanh này được lấp đầy hoàn toàn dựa trên ngữ cảnh từ tài liệu của bạn sẽ bây giờ trông như thế này, và đó là điều tôi muốn cho bạn thấy trong sơ đồ tiếp theo.

21:17

So let's take a look at this.

Vậy hãy xem xét điều này.

21:19

So the first step is to stop thinking about those things which is o permissions planned limits rate limiting etc.

Vì vậy bước đầu tiên là ngừng suy nghĩ về những thứ đó, đó là quyền, giới hạn kế hoạch, giới hạn tốc độ, v.v.

21:25

And we're going to put

Và chúng ta sẽ đặt

21:27

that into a block.

Điều đó vào một khối.

21:28

Essentially the block is a single source of truth.

Về cơ bản, khối này là một nguồn sự thật duy nhất.

21:30

It is a pre-built system that just does its thing.

Nó là một hệ thống được xây dựng sẵn chỉ làm việc của nó.

21:33

And whatever feature we're trying to build, whatever we're trying to construct here, the architectural progress we make, and I'll show you what we're going to be doing there, but the architectural planning we're going to be making is only for this feature.

Và bất kể tính năng nào chúng ta đang cố gắng xây dựng, bất kể chúng ta đang cố gắng tạo ra cái gì ở đây, tiến trình kiến trúc mà chúng ta tạo ra, và tôi sẽ cho bạn thấy những gì chúng ta sẽ làm ở đó, nhưng việc lập kế hoạch kiến trúc chúng ta sẽ thực hiện chỉ dành cho tính năng này.

21:45

So that

Vì vậy điều đó

21:46

means how can we focus purely only on this feature and forget about all these things.

Có nghĩa là làm thế nào chúng ta có thể chỉ tập trung hoàn toàn vào tính năng này và quên đi tất cả những thứ này.

21:51

This way you can build an app in 2 3 4 days, 5 days.

Bằng cách này bạn có thể xây dựng một ứng dụng trong 2, 3, 4 ngày, 5 ngày.

21:55

And now the most important thing is because we can essentially leave the uh the whole burden of deciding what this stuff needs to look like every single prompt.

Và bây giờ điều quan trọng nhất là vì chúng ta về cơ bản có thể để lại toàn bộ gánh nặng quyết định những thứ này cần trông như thế nào trong mỗi lần nhắc.

22:05

We can now confidently rely on AI making the architectural plan.

Bây giờ chúng ta có thể tự tin dựa vào AI để lập kế hoạch kiến trúc.

22:09

And so we tell AI to

Và vì vậy chúng ta nói AI

22:11

do the architectural plan and we nudge it if we need it to.

Thực hiện kế hoạch kiến trúc và chúng ta điều chỉnh nó nếu cần.

22:14

And because it's so focused on only these features, it's easier for us to build.

Và bởi vì nó chỉ tập trung vào những tính năng này, việc xây dựng sẽ dễ dàng hơn cho chúng ta.

22:18

And the coolest part here, if you want something new added to this block, if you add it in here, it applies to all features that were built in the past.

Và phần tuyệt nhất ở đây, nếu bạn muốn thêm thứ gì đó mới vào khối này, nếu bạn thêm nó vào đây, nó sẽ áp dụng cho tất cả các tính năng đã được xây dựng trước đó.

22:27

So this is a much better architecture.

Vì vậy đây là một kiến trúc tốt hơn nhiều.

22:29

But here's another point I want to emphasize on.

Nhưng đây là một điểm khác tôi muốn nhấn mạnh.

22:32

Instead of relying on context, we rely on errors.

Thay vì dựa vào ngữ cảnh, chúng ta dựa vào lỗi.

22:35

So that means the errors tell AI what it needs to do.

Điều đó có nghĩa là các lỗi cho AI biết nó cần phải làm gì.

22:39

Now when I when I say errors, I'm not talking about literally only errors throwing up like undefined errors.

Bây giờ khi tôi nói lỗi, tôi không chỉ nói về các lỗi theo nghĩa đen như lỗi undefined.

22:46

Not just that.

Không chỉ vậy.

22:47

I'm talking about linting errors, compilation errors, whatever type of error you can provide to AI.

Tôi đang nói về lỗi linting, lỗi biên dịch, bất kỳ loại lỗi nào bạn có thể cung cấp cho AI.

22:53

I feel like this would be a better way to build.

Tôi cảm thấy đây sẽ là một cách xây dựng tốt hơn.

22:57

And

Và

22:58

even better, if you could provide this context while it is building, that would be cooler, right?

Thậm chí tốt hơn, nếu bạn có thể cung cấp ngữ cảnh này trong khi nó đang xây dựng, điều đó sẽ tuyệt hơn, đúng không?

23:03

because now it doesn't have to go all the way to the end, fail, and then realize it needs to loop again.

Bởi vì bây giờ nó không cần phải đi đến cuối cùng, thất bại, và sau đó nhận ra nó cần phải lặp lại.

23:11

And so as it's building, guys, as it's building, the block essentially will send this kind of echo signal to it.

Và vì vậy khi nó đang xây dựng, các bạn, khi nó đang xây dựng, khối về cơ bản sẽ gửi loại tín hiệu phản hồi này đến nó.

23:17

And what's an echo signal?

Và tín hiệu phản hồi là gì?

23:18

Just um this is the type of linting system that we're going to learn inside this uh inside this course.

Chỉ là loại hệ thống linting mà chúng ta sẽ học trong khóa học này.

23:24

But imagine it's sending this kind of an echo signal.

Nhưng hãy tưởng tượng nó đang gửi loại tín hiệu phản hồi này.

23:27

And each of these echo signals have a structure to follow.

Và mỗi tín hiệu phản hồi này đều có một cấu trúc để tuân theo.

23:30

For example, provide input,

Ví dụ, cung cấp đầu vào,

23:32

provide ID, you have to provide user name.

Cung cấp ID, bạn phải cung cấp tên người dùng.

23:34

I'm just giving examples.

Tôi chỉ đang đưa ra ví dụ thôi.

23:36

And if it's trying to build this out and while it's building it, if it gets this echo signal as context, do you see how much more efficient this could be?

Và nếu nó cố gắng xây dựng cái này và trong khi xây dựng, nếu nó nhận được tín hiệu phản hồi này như là ngữ cảnh, bạn có thấy nó có thể hiệu quả hơn nhiều không?

23:47

We could drastically reduce that context window that previously got swallowed up by this huge docs folder right here into just micro context injection.

Chúng ta có thể giảm đáng kể cửa sổ ngữ cảnh mà trước đây bị nuốt chửng bởi thư mục tài liệu khổng lồ này ngay tại đây thành chỉ là tiêm ngữ cảnh vi mô.

23:56

That means when

Điều đó có nghĩa là khi

23:57

Context is required, it's plugged in tiny little pieces.

Ngữ cảnh được yêu cầu, nó được cắm vào từng mảnh nhỏ.

24:00

And as it's reading, it will know what patterns have already been followed.

Và khi nó đọc, nó sẽ biết những mẫu nào đã được tuân theo.

24:05

And because these echo signals are going to give it patterns, are going to give it the structure, are going to give it guidance as it's building, as it's essentially generating AI code.

Và bởi vì những tín hiệu phản hồi này sẽ cung cấp cho nó các mẫu, sẽ cung cấp cho nó cấu trúc, sẽ cung cấp cho nó hướng dẫn khi nó xây dựng, khi nó về cơ bản tạo ra mã AI.

24:17

And if there was something that it absolutely missed out on because the

Và nếu có điều gì đó mà nó hoàn toàn bỏ lỡ vì

24:22

block had something in here like permissions and it did not provide a permission or whatever.

Khối có thứ gì đó ở đây như quyền hạn và nó không cung cấp quyền hạn hoặc bất cứ điều gì.

24:27

And if the block throws an error, a literal error, you can enforce that to not let the code compile.

Và nếu khối đưa ra lỗi, một lỗi theo nghĩa đen, bạn có thể ép buộc để không cho mã biên dịch.

24:34

And so we are now not relying on context to make the app production grade, but relying on some sort of a linting error, some sort of echo signal that literally tells AI you've built it

Và vì vậy bây giờ chúng ta không dựa vào ngữ cảnh để làm cho ứng dụng đạt tiêu chuẩn sản xuất, mà dựa vào một loại lỗi linting, một loại tín hiệu phản hồi mà theo nghĩa đen nói với AI rằng bạn đã xây dựng nó

24:47

wrong.

Sai.

24:47

You need to fix this.

Bạn cần sửa cái này.

24:48

In my opinion, this is more reliable and this is why I can trust AI to build an entire feature for me because I know it's going to go through the same system we've already written in the past.

Theo tôi, điều này đáng tin cậy hơn và đây là lý do tại sao tôi có thể tin tưởng AI xây dựng toàn bộ một tính năng cho tôi vì tôi biết nó sẽ trải qua cùng một hệ thống mà chúng ta đã viết trước đây.

24:58

And so, here's another diagram on the screen.

Và vì vậy, đây là một sơ đồ khác trên màn hình.

25:00

I want you to take a look at this.

Tôi muốn bạn nhìn vào cái này.

25:02

If you're overwhelmed, I promise you we're going to kind of break this down so

Nếu bạn cảm thấy choáng ngợp, tôi hứa chúng ta sẽ phân tích điều này để

25:06

everything makes more sense.

Mọi thứ trở nên rõ ràng hơn.

25:07

But let's go step by step.

Nhưng hãy đi từng bước một.

25:10

Imagine if we had a source of truth, one place for everything, right?

Hãy tưởng tượng nếu chúng ta có một nguồn sự thật, một nơi cho mọi thứ, phải không?

25:16

And this everything decides all of the features or all of the little blocks inside this.

Và mọi thứ này quyết định tất cả các tính năng hoặc tất cả các khối nhỏ bên trong nó.

25:21

That means it's sort of like a helper.

Điều đó có nghĩa là nó giống như một trợ lý.

25:24

So we have a source of truth with the architecture and all of our essentially our linting errors comes through Zod schemas.

Vì vậy, chúng ta có một nguồn sự thật với kiến trúc và tất cả các lỗi linting của chúng ta về cơ bản đến qua các lược đồ Zod.

25:32

It comes through permissions.

Nó đến qua quyền hạn.

25:34

It comes through linting, comes through TypeScript, it comes through compilation errors.

Nó đến qua linting, đến qua TypeScript, đến qua lỗi biên dịch.

25:38

It comes

Nó đến

25:39

through all of these echo signals essentially that tell AI exactly what it needs to do in order to you know complete the entire feature and because it's plugged into the block which it's called protected.typescript inside the app, it automatically goes through all these checks.

Qua tất cả các tín hiệu phản hồi này về cơ bản nói cho AI biết chính xác những gì nó cần làm để hoàn thành toàn bộ tính năng và vì nó được cắm vào khối được gọi là protected.typescript bên trong ứng dụng, nó tự động trải qua tất cả các kiểm tra này.

25:56

So much easier, right?

Dễ dàng hơn nhiều, phải không?

25:57

And then it goes through our layers, router and service layer.

Và sau đó nó đi qua các lớp của chúng ta, lớp định tuyến và lớp dịch vụ.

26:01

Một

26:02

router layer does business level logic.

Lớp định tuyến xử lý logic cấp độ kinh doanh.

26:05

And so you can always control exactly uh what the user can do with this feature.

Và vì vậy bạn luôn có thể kiểm soát chính xác những gì người dùng có thể làm với tính năng này.

26:11

For example, only five team members should be on an account.

Ví dụ, chỉ có năm thành viên trong nhóm nên có trên một tài khoản.

26:14

I'm just giving an example.

Tôi chỉ đang đưa ra một ví dụ.

26:15

I don't think this is the best example but um let's say only five members can be live on a website editing it right in real time business logic exists in here and then it accesses the server but this is only server only so that means it can never be reused on the client and so what we have done here is

Tôi không nghĩ đây là ví dụ tốt nhất nhưng ừm, giả sử chỉ có năm thành viên có thể trực tuyến trên một trang web chỉnh sửa nó trong thời gian thực, logic kinh doanh tồn tại ở đây và sau đó nó truy cập máy chủ nhưng đây chỉ là máy chủ, điều đó có nghĩa là nó không bao giờ có thể được tái sử dụng trên máy khách và vì vậy những gì chúng ta đã làm ở đây là

26:34

we're essentially throwing a literal error here we're throwing an error if it tries to access a server action outside of our pre-built block system so I just wanted to point out if you've learned If you've if you're looking at this right now, I just want to point out one specific thing.

Về cơ bản chúng ta đang ném một lỗi theo nghĩa đen ở đây, chúng ta đang ném một lỗi nếu nó cố gắng truy cập một hành động máy chủ bên ngoài hệ thống khối được xây dựng sẵn của chúng ta, vì vậy tôi chỉ muốn chỉ ra nếu bạn đã học, nếu bạn đang nhìn vào cái này ngay bây giờ, tôi chỉ muốn chỉ ra một điều cụ thể.

26:50

We're no longer relying on context.

Chúng ta không còn dựa vào ngữ cảnh nữa.

26:52

Context is the only thing that helps us provide this sort of micro

Ngữ cảnh là thứ duy nhất giúp chúng ta cung cấp loại vi mô này

26:57

context to AI.

Ngữ cảnh cho AI.

26:58

That means in tiny little chunks.

Điều đó có nghĩa là trong những phần nhỏ.

27:00

That's the only way we're going to rely on context.

Đó là cách duy nhất chúng ta sẽ dựa vào ngữ cảnh.

27:03

And the way we're going to rely on context is not through external documentation.

Và cách chúng ta sẽ dựa vào ngữ cảnh không phải thông qua tài liệu bên ngoài.

27:07

And the main way is through these echo signals and through systems and u pre-built blocks that are inside the codebase.

Và cách chính là thông qua các tín hiệu phản hồi này và thông qua các hệ thống và các khối được xây dựng sẵn bên trong mã nguồn.

27:14

Okay, so that should wrap up a 10,000 ft overview of the entire architectural guardrail or

Được rồi, vậy là đã kết thúc tổng quan ở mức độ cao về toàn bộ hệ thống bảo vệ kiến trúc hoặc

27:20

at least share some concepts as to how the whole system works and a different angle or a different perspective.

Ít nhất là chia sẻ một số khái niệm về cách toàn bộ hệ thống hoạt động và một góc nhìn hoặc quan điểm khác.

27:24

Now it's time to pretty much jump into every single layer.

Bây giờ là lúc để đi sâu vào từng lớp một.

27:27

So let's move forward.

Vậy hãy tiếp tục.

27:28

So here's a quick little experiment.

Vậy đây là một thí nghiệm nhanh.

27:29

Just participate in this with me.

Hãy tham gia cùng tôi.

27:31

I just want to show you how your brain is thinking.

Tôi chỉ muốn cho bạn thấy bộ não của bạn đang suy nghĩ như thế nào.

27:34

So, uh, let's say I told you I want you to have a productive day right now.

Vậy, ừm, giả sử tôi nói với bạn rằng tôi muốn bạn có một ngày làm việc hiệu quả ngay bây giờ.

27:38

How do you approach this?

Bạn tiếp cận điều này như thế nào?

27:40

I haven't given you any context and I just told you to have a productive day.

Tôi chưa cho bạn bất kỳ bối cảnh nào và tôi chỉ bảo bạn hãy có một ngày làm việc hiệu quả.

27:44

Just think about this for a second.

Hãy nghĩ về điều này một chút.

27:46

So, go ahead, pause this video and try to think with me and then once you're done, you can come back.

Vậy, hãy tạm dừng video này và cố gắng suy nghĩ cùng tôi, và sau khi bạn xong, bạn có thể quay lại.

27:52

Okay?

Được chứ?

27:52

So, notice how when you thought about what was a productive day,

Vậy, hãy chú ý rằng khi bạn nghĩ về một ngày làm việc hiệu quả là gì,

27:56

the first thing you had in mind was what did I do first thing in the morning?

Điều đầu tiên bạn nghĩ đến là tôi đã làm gì đầu tiên vào buổi sáng?

28:00

Then, what did I do next?

Sau đó, tôi đã làm gì tiếp theo?

28:02

What did I do later in the evening or in the afternoon?

Tôi đã làm gì vào buổi tối hoặc buổi chiều?

28:06

And so you have these sort of it's sort of like little markers in your day and these markers create patterns over time.

Và vì vậy bạn có những thứ giống như là những điểm đánh dấu nhỏ trong ngày của bạn và những điểm đánh dấu này tạo ra các mẫu theo thời gian.

28:14

So if you do the same thing for multiple days, you build a pattern.

Vì vậy, nếu bạn làm điều tương tự trong nhiều ngày, bạn sẽ xây dựng một mẫu.

28:19

Very straightforward.

Rất đơn giản.

28:19

And so you determine what a productive day is based on the patterns that you see throughout the rest of the week or the rest of the month or what you've been following so far.

Và vì vậy bạn xác định một ngày làm việc hiệu quả dựa trên các mẫu mà bạn thấy trong suốt phần còn lại của tuần hoặc phần còn lại của tháng hoặc những gì bạn đã tuân theo cho đến nay.

28:31

If you do one thing differently, let's say if you have 500 different days that you follow the same exact pattern, but one day in between, you decided to wake up and instead of taking your

Nếu bạn làm một điều khác đi, giả sử nếu bạn có 500 ngày khác nhau mà bạn tuân theo cùng một mẫu chính xác, nhưng một ngày ở giữa, bạn quyết định thức dậy và thay vì cầm điện thoại của bạn,

28:44

instead of leaving your phone, you decided to scroll on social media.

Thay vì để điện thoại xuống, bạn quyết định lướt mạng xã hội.

28:47

You've broken the pattern.

Bạn đã phá vỡ mẫu.

28:48

But that doesn't mean the pattern is bad.

Nhưng điều đó không có nghĩa là mẫu đó xấu.

28:50

It doesn't mean the pattern is forgotten.

Nó không có nghĩa là mẫu đó bị lãng quên.

28:53

It just means that this is not in line with the other 500 other days that you were on track with the same pattern.

Nó chỉ có nghĩa là điều này không phù hợp với 500 ngày khác mà bạn đã đi đúng hướng với cùng một mẫu.

29:00

And so that's exactly how AI thinks as well.

Và đó chính xác là cách AI suy nghĩ.

29:03

It follows a linear path.

Nó đi theo một con đường tuyến tính.

29:04

When you tell AI to build a feature, it follows a linear path.

Khi bạn bảo AI xây dựng một tính năng, nó đi theo một con đường tuyến tính.

29:08

What is what has already been followed in the app?

Những gì đã được tuân theo trong ứng dụng?

29:11

What did it do for authentication?

Nó đã làm gì cho xác thực?

29:13

And so this linear path is what needs to be as clear as possible.

Và vì vậy con đường tuyến tính này cần phải rõ ràng nhất có thể.

29:17

So right now, if I asked you to build a feature into your app to vibe code, let's say you're not going to, you know, do guard drill coding.

Vậy ngay bây giờ, nếu tôi yêu cầu bạn xây dựng một tính năng vào ứng dụng của bạn để lập trình vibe, giả sử bạn sẽ không, bạn biết đấy, làm lập trình kiểu bảo vệ.

29:26

I just told

Tôi chỉ nói với bạn

29:27

you to vive code a feature and you enter the prompt and hit enter.

Bạn hãy lập trình vibe một tính năng và bạn nhập lời nhắc và nhấn Enter.

29:31

Can you map out that linear flow as to what AI needs to do in order to build that feature to production?

Bạn có thể vạch ra luồng tuyến tính đó về những gì AI cần làm để xây dựng tính năng đó đến khi đưa vào sản xuất không?

29:38

If your answer is no, that clearly means there's no pattern in the app.

Nếu câu trả lời của bạn là không, điều đó rõ ràng có nghĩa là không có mẫu nào trong ứng dụng.

29:42

And so step number one is we need to establish a pattern because if we don't then what AI is going to do is it's going to have all it's going to

Và vì vậy bước đầu tiên là chúng ta cần thiết lập một mẫu bởi vì nếu chúng ta không làm vậy thì những gì AI sẽ làm là nó sẽ có tất cả, nó sẽ

29:52

look at all these different patterns that are very inconsistent and it's going to think okay I need to use one of these let me decide let me decide which is the best pattern and then it tries to become creative there and it creates its own little pattern and eventually that's just code drift right that's a whole different uh you know tech debt problem there so essentially what I want you to

Nhìn vào tất cả các mẫu khác nhau này rất không nhất quán và nó sẽ nghĩ được rồi tôi cần sử dụng một trong những cái này để tôi quyết định để tôi quyết định cái nào là mẫu tốt nhất và sau đó nó cố gắng trở nên sáng tạo ở đó và nó tạo ra mẫu nhỏ của riêng nó và cuối cùng đó chỉ là sự lệch mã, phải không, đó là một vấn đề nợ kỹ thuật hoàn toàn khác, bạn biết đấy, vậy về cơ bản những gì tôi muốn bạn

30:13

from today is everything you're coding, everything you're building needs to have a pattern in place.

Từ hôm nay, mọi thứ bạn đang viết mã, mọi thứ bạn đang xây dựng cần phải có một mẫu được thiết lập.

30:18

And I'll show you the same pattern that I'm using and uh the same pattern that's inside the architectural guardrail which makes this so easy and simple to build into.

Và tôi sẽ cho bạn thấy cùng một mẫu mà tôi đang sử dụng và ừm cùng một mẫu bên trong lan can kiến trúc, điều này làm cho việc xây dựng trở nên dễ dàng và đơn giản.

30:29

But just remember AI builds on patterns and if your codebase doesn't have correct patterns or a more systemized repetitive

Nhưng chỉ cần nhớ rằng AI xây dựng dựa trên các mẫu và nếu cơ sở mã của bạn không có các mẫu chính xác hoặc một mẫu lặp lại có hệ thống hơn

30:37

pattern being used then it's going to use something else.

Được sử dụng thì nó sẽ sử dụng thứ khác.

30:40

So now I'm going to show you a pattern inside my codebase that makes building features very linear straightforward.

Vì vậy, bây giờ tôi sẽ cho bạn thấy một mẫu bên trong cơ sở mã của tôi giúp việc xây dựng các tính năng trở nên tuyến tính và đơn giản.

30:47

So um the way this works let's go into the code actually let's take a quick look at this.

Vậy ừm, cách hoạt động của điều này, hãy đi vào mã, thực sự hãy xem nhanh cái này.

30:54

So first thing is inside the source folder I have something called TRPC.

Vậy điều đầu tiên là bên trong thư mục nguồn, tôi có một thứ gọi là TRPC.

30:58

Now I use trpc because the linting essentially the

Bây giờ tôi sử dụng trpc vì việc lint về cơ bản là

31:02

echo signal which we'll get to later on.

Tín hiệu phản hồi mà chúng ta sẽ đề cập sau.

31:04

Forget about that for a second.

Hãy quên điều đó đi một chút.

31:05

But if you look at this, I have something called as a router layer which we looked at in the start of this course, right?

Nhưng nếu bạn nhìn vào cái này, tôi có một thứ gọi là lớp định tuyến mà chúng ta đã xem xét ở đầu khóa học này, phải không?

31:14

You see each of these has a straightforward pattern, protected procedure and inside that you see there's something here called required permission and there's also other sorts of data required in here as well and it looks something like this.

Bạn thấy mỗi cái này có một mẫu đơn giản, quy trình được bảo vệ và bên trong đó bạn thấy có một thứ gì đó ở đây gọi là quyền bắt buộc và cũng có các loại dữ liệu khác được yêu cầu ở đây và nó trông giống như thế này.

31:29

We have require ro permission pageionate audit uh and some other timeout.

Chúng ta có yêu cầu quyền, kiểm toán phân trang và ừm một số thời gian chờ khác.

31:34

You don't really need to care about that for now.

Bạn không thực sự cần quan tâm đến điều đó bây giờ.

31:38

But the point is it's straightforward.

Nhưng vấn đề là nó đơn giản.

31:40

When AI is building an API endpoint, it knows it has to use this protected procedure.

Khi AI xây dựng một endpoint API, nó biết rằng nó phải sử dụng quy trình được bảo vệ này.

31:45

Why?

Tại sao?

31:46

Because you see it being used everywhere.

Bởi vì bạn thấy nó được sử dụng ở khắp mọi nơi.

31:48

You see source of truth architecture.

Bạn thấy kiến trúc nguồn sự thật.

31:50

You see something being like something is literally directing it as it's building.

Bạn thấy một cái gì đó giống như một cái gì đó đang trực tiếp chỉ đạo nó khi nó xây dựng.

31:55

And so the pattern is so recognizable.

Và vì vậy mẫu này rất dễ nhận biết.

31:57

So it knows okay I need a protected procedure and I know required permissions need to be passed

Vì vậy, nó biết rằng tôi cần một quy trình được bảo vệ và tôi biết các quyền cần thiết cần được truyền vào cho endpoint cụ thể này, và sau đó nó tự hỏi liệu đây có thực sự là cùng một mẫu ở những nơi khác không, và vâng, rõ ràng bạn thấy chúng ta có cập nhật cho cài đặt tổ chức, chúng ta có xóa cho cài đặt tổ chức, điều tương tự, và nó cũng nhìn vào đây, đó là những gì khác nó nên kiểm tra, loại vai trò nào được yêu cầu, và ngay tại đây, ném ra tín hiệu echo đó.

32:04

in for this specific endpoint and then it asks itself is this actually the same pattern in other places too and yes obviously you see we have update for organization setting we have delete for organization setting the exact same thing and it also looks at this right here which is what else should it audit what type of role is required and this right here throw throws that echo signal

Mà tôi đã nói đến.

32:30

that I was talking about.

Và vì vậy nó thực thi và nói với AI rằng bạn cần cung cấp cho chúng tôi một cái gì đó để điều này có thể biên dịch.

32:31

And so it enforces and tells AI that you need to give us something in order for this to compile.

Và vì vậy chỉ bằng cách nhìn vào điều này, bạn có thể đã hiểu toàn bộ cấu trúc của ứng dụng hoạt động như thế nào.

32:37

And so just by looking at this, you probably already understood the entire structure of how the app works.

Nếu bạn tự xây dựng tính năng này, bạn sẽ biết rằng tôi cần tạo router này ở đây, sau đó tôi cần tạo các endpoint get, update, delete, và leave, và sau đó tôi cần sử dụng một quy trình được bảo vệ.

32:43

If you were to build this feature yourself, you would know that I need to create this router here and then I need to create get, update, delete, and leave whatever endpoints and then I need to use a protected procedure.

Mặc dù bạn không biết mã, bạn có thể hiểu những gì bạn cần làm.

32:54

Even though you don't know the code, you can understand what you need to do.

Và sau đó bạn thấy các quyền.

32:59

And then you see permissions.

Tôi có thực sự cần quyền cho việc này không?

33:00

Do I really require permissions for this?

Có lẽ, hầu hết

33:02

Probably, most

có khả năng.

33:03

likely.

Và ồ chờ đã, yêu cầu quyền đang ném ra một lỗi.

33:03

And oh wait, require permission is throwing an error.

Điều đó có nghĩa là tôi 100% cần cung cấp quyền.

33:06

That means I 100% need to provide the permission.

Bạn có hiểu tôi đang nói gì ở đây không?

33:09

Do you see what I'm saying here?

Đó là cách bạn triển khai một mẫu cùng với phương pháp chỉ có lỗi không ngữ cảnh của chúng tôi.

33:12

That's how you implement a pattern along with our um with no context error only approach.

Và vì vậy điều đó đưa chúng ta đến cuối mô-đun nhận dạng mẫu.

33:17

And so that brings us to the end of the pattern recognition module.

Bây giờ, hãy chuyển sang giai đoạn tiếp theo.

33:22

Now, let's move on to the next stage.

Trong mô-đun này, chúng ta sẽ tìm hiểu về

33:25

In this module, we're going to learn about

Toàn cầu hóa, đó là chủ đề yêu thích của tôi vì điều này làm cho AI dễ hiểu hơn về cách tái sử dụng mọi thứ trong ứng dụng của bạn.

33:28

globalization, which is my favorite topic because this is what makes it easier for AI to understand how to reuse stuff in your app.

Vì vậy, chỉ là một ghi chú nhanh, tất cả các mô-đun chúng ta đã trải qua cho đến nay, chúng hoạt động như nội dung bổ sung cho bức tranh lớn.

33:35

So, uh just a quick side note, all the modules we've gone across so far, they act as supplemental content to the big picture.

Vì vậy, cuối cùng hoặc trong vài mô-đun tiếp theo hoặc có thể bạn biết đấy, về cuối khóa học này, chúng ta sẽ học cách kết nối tất cả

33:43

So in the end or uh in the next few modules or maybe you know towards the end of this course we will learn how to bridge all

những điều này, làm thế nào để chúng ta lấy các khái niệm và làm cho AI triển khai tất cả những điều này.

33:52

of this like how do we take the concepts and kind of make AI implement all of these.

Như tôi đã nói, lan can kiến trúc không phải là một khái niệm duy nhất.

33:57

Like I said the architectural guardrail is not one concept.

Nó là một loạt các khái niệm, một loạt các lớp về cơ bản được đặt cùng nhau.

34:00

It is a bunch of concepts a bunch of layers essentially put together.

Vì vậy, lớp này, khái niệm này mà chúng ta sẽ học hôm nay, sẽ giúp mã nguồn của bạn dễ đọc hơn, không chỉ cho AI mà còn cho chính bạn.

34:04

So this layer, this concept that we're going to learn today, um, is going to help your codebase be more readable, not just for AI, but also for yourself as well.

Vì vậy,

34:13

Tôi sẽ đưa ra một phép so sánh đơn giản.

34:14

I'll just give you a simple analogy.

Giả sử bạn có một cửa gara và cửa gara chỉ mở bằng điều khiển cửa gara hoặc chìa khóa.

34:15

Let's say you have a garage door and the garage door opens only with a garage door opener or a key.

Bây giờ, tôi hy vọng bạn có một nơi an toàn cho chìa khóa này vì nếu bạn mất chìa khóa, bạn không thể mở cửa nữa, phải không?

34:21

Now, I hope you have a secure place for this key because if you lose the key, you can't open the door anymore, right?

Và vì vậy những gì bạn có thể sẽ làm là tìm ra một vị trí nơi bạn có thể lưu trữ chìa khóa này.

34:29

And so what you're probably going to do is figure out a location where you can store this key.

Và vì vậy bạn có thể đặt nó trong một ngăn kéo, có thể trong bếp của bạn, có thể trong phòng khách của bạn.

34:36

And so you probably put it in a drawer, maybe in your kitchen, maybe in your uh living room.

Và lý do bạn làm điều này là để bạn có thể nhớ chính xác nó ở đâu vì bạn đã sử dụng bộ não của mình để hiểu nơi nhớ chìa khóa này được lưu trữ.

34:41

And the reason why you're doing this is so that you can remember exactly where it is because you already use your brain to understand where to remember where this key is stored.

Bạn có thể cũng sẽ lưu trữ các chìa khóa khác ở đó, phải không?

34:50

You might want you might probably also store other keys in there, right?

Có thể chìa khóa cửa nhà bạn như, "Này, bạn biết gì không?

34:54

Maybe your door key like, "Hey, you know what?

Tôi

34:56

đã có chìa khóa cửa gara của tôi ở đây và tôi nhớ nó.

34:57

already have my garage door key in here and I remember it.

Tại sao không đặt tất cả các chìa khóa khác ở đây.

34:59

Might as well put all the other keys in here.

Đó là cách bạn hiệu quả hơn, phải không?

35:02

That's how you be more efficient, right?

Không có lý do gì để có năm vị trí khác nhau.

35:04

There's no there's no point in having five different locations.

Thay vào đó, bạn sẽ chỉ có một nơi lưu trữ tất cả các chìa khóa trong phòng của bạn, trong ngôi nhà của bạn, và sau đó bạn sẽ chỉ đến nơi đó và tìm chìa khóa tiếp theo.

35:06

Instead, you would rather just have one spot that stores all keys in your room uh in your house and then you would just go to that place and then find the next key.

Và vì vậy

35:14

And so

Đó thực sự là khái niệm chính xác khi chúng ta nói về toàn cầu hóa.

35:15

that's essentially the exact same concept when we're when we're talking about globalization.

Bạn muốn tìm ra các phần khác nhau của mã hoặc ứng dụng của bạn mà bạn có thể loại bỏ và toàn cầu hóa hoặc đặt làm tiêu chuẩn.

35:19

You want to figure out different parts of your code or your application that you can remove and globalize or set as a standard.

Bạn muốn tìm ra các phần khác nhau của mã hoặc ứng dụng của bạn mà bạn có thể loại bỏ và toàn cầu hóa hoặc đặt làm tiêu chuẩn.

35:28

And that standard should power up all the other features.

Và tiêu chuẩn đó sẽ cung cấp năng lượng cho tất cả các tính năng khác.

35:31

Now, when we're talking about code, it's a slightly different part of your brain that actually helps decide

Bây giờ, khi chúng ta nói về mã, đó là một phần khác của bộ não của bạn thực sự giúp quyết định

35:38

what is reusable.

Cái gì có thể tái sử dụng.

35:38

And I'm going to try my best to help you understand here.

Và tôi sẽ cố gắng hết sức để giúp bạn hiểu ở đây.

35:41

So, you have server, you have the client.

Vì vậy, bạn có máy chủ, bạn có máy khách.

35:44

Let's give it a different shape here.

Hãy cho nó một hình dạng khác ở đây.

35:45

You have the client here.

Bạn có máy khách ở đây.

35:46

And you might have um I mean I think this is fine right on the client end you might have other components too right you'll have pages and then you might have specific components on the client side and on the server you're going to have some sort of function right let's just say it's a function like this fn I think that's what a function is so I break down my

Và bạn có thể có ừm tôi nghĩ điều này là ổn ngay ở phía máy khách bạn có thể có các thành phần khác đúng không bạn sẽ có các trang và sau đó bạn có thể có các thành phần cụ thể ở phía máy khách và trên máy chủ bạn sẽ có một số loại hàm đúng không hãy nói rằng nó là một hàm như thế này fn tôi nghĩ đó là những gì một hàm là vì vậy tôi chia nhỏ của tôi

36:06

app this way now other people have different strategies obviously I prefer this because it's so much easier to understand I have the server side code and then have I have the front-end type code and so globalization now becomes easier for me.

Ứng dụng theo cách này bây giờ những người khác có các chiến lược khác nhau rõ ràng tôi thích điều này vì nó dễ hiểu hơn nhiều tôi có mã phía máy chủ và sau đó có tôi có mã loại giao diện người dùng và do đó toàn cầu hóa bây giờ trở nên dễ dàng hơn cho tôi.

36:19

Now I'm not talking about globalizing forms and components.

Bây giờ tôi không nói về việc toàn cầu hóa các biểu mẫu và thành phần.

36:22

That's not what I'm talking about and I'll tell you exactly what I'm speaking about here

Đó không phải là những gì tôi đang nói và tôi sẽ cho bạn biết chính xác những gì tôi đang nói ở đây

36:27

because I think you probably need to have an understanding of what I'm where I'm getting at.

Bởi vì tôi nghĩ có lẽ bạn cần phải có sự hiểu biết về những gì tôi đang muốn nói.

36:32

But u imagine tiny little processes right for uh let's just let's just take feature gates.

Nhưng hãy tưởng tượng các quy trình nhỏ bé đúng không cho uh hãy chỉ lấy các cổng tính năng.

36:37

If we're talking about feature gates, this is something that you need to put in your app so that it can be used across the entire app because this concept will probably need uh need to be implemented

Nếu chúng ta đang nói về các cổng tính năng, đây là thứ bạn cần đặt trong ứng dụng của mình để nó có thể được sử dụng trên toàn bộ ứng dụng vì khái niệm này có lẽ sẽ cần được triển khai

36:49

on the function on the server level and definitely inside the front end level as well.

Trên hàm ở cấp độ máy chủ và chắc chắn bên trong cấp độ giao diện người dùng nữa.

36:53

Right?

Đúng không?

36:53

So, what if a user is trying to access a page that um they don't have let's say they ran out of credits and they or let's say they don't their plan does not allow them to see this page and so they shouldn't be allowed to see that page and all other components that connect from this that

Vì vậy, điều gì sẽ xảy ra nếu người dùng đang cố truy cập một trang mà họ không có giả sử họ đã hết tín dụng và họ hoặc giả sử họ không gói của họ không cho phép họ xem trang này và do đó họ không nên được phép xem trang đó và tất cả các thành phần khác kết nối từ cái này mà

37:10

are that are not on this component as well.

Là những cái không nằm trên thành phần này cũng vậy.

37:12

They also need to have the same logic.

Họ cũng cần phải có cùng logic.

37:15

So if you have a form that says submit or add project for example and their plan does not allow them to create more projects that functionality needs to be reused because if you don't reuse that functionality then you have to recreate it here a different version of it you have to recreate it on the client

Vì vậy, nếu bạn có một biểu mẫu nói gửi hoặc thêm dự án chẳng hạn và gói của họ không cho phép họ tạo thêm dự án thì chức năng đó cần được tái sử dụng vì nếu bạn không tái sử dụng chức năng đó thì bạn phải tạo lại nó ở đây một phiên bản khác của nó bạn phải tạo lại nó trên máy khách

37:34

side and obviously for each of these components as well right so you might have a like a real web developer would probably do something like clientside version and they would to a serverside version and then later on as you keep going AI may not be able to differentiate and so it might end up creating another client a component level version and so you see this creates code drift and so here's a

Và rõ ràng cho mỗi thành phần này nữa đúng không vì vậy bạn có thể có một nhà phát triển web thực thụ có lẽ sẽ làm điều gì đó như phiên bản phía máy khách và họ sẽ làm phiên bản phía máy chủ và sau đó khi bạn tiếp tục AI có thể không phân biệt được và do đó nó có thể tạo ra một phiên bản cấp thành phần khác và vì vậy bạn thấy điều này tạo ra sự lệch mã và vì vậy đây là một

38:03

slightly different way to think about this the client side version is nothing but just JavaScript and so if I can take this section here and put that into a reusable helper.

Cách suy nghĩ hơi khác một chút về điều này phiên bản phía máy khách không có gì khác ngoài JavaScript và vì vậy nếu tôi có thể lấy phần này ở đây và đưa nó vào một trình trợ giúp có thể tái sử dụng.

38:14

So let's say this just becomes a helper which technically is the client side version but it's just assume it's a helper.

Vì vậy, hãy nói rằng điều này chỉ trở thành một trình trợ giúp mà về mặt kỹ thuật là phiên bản phía máy khách nhưng chỉ cần giả sử nó là một trình trợ giúp.

38:22

Now the same helper which takes on the load of all of the complexity in deciding if the

Bây giờ cùng một trình trợ giúp chịu trách nhiệm cho tất cả sự phức tạp trong việc quyết định xem

38:29

user has access to uh a feature for example based on some plans right that helper can be used server side and client side you get what I'm saying and these can have these can have their own wrappers and that's fine it doesn't matter so let's say if the server side needs to make a quick check before it actually uses the helper function it can do that no worries but we what we

Người dùng có quyền truy cập vào một tính năng chẳng hạn dựa trên một số gói đúng không trình trợ giúp đó có thể được sử dụng ở phía máy chủ và phía máy khách bạn hiểu tôi đang nói gì không và những cái này có thể có các trình bao bọc riêng và điều đó không sao không quan trọng vì vậy hãy nói nếu phía máy chủ cần thực hiện kiểm tra nhanh trước khi thực sự sử dụng hàm trợ giúp nó có thể làm điều đó không vấn đề gì nhưng những gì chúng ta

38:52

essentially just did here is we sort of extracted what we could reuse in the future or reuse in different uh think about it as it's like a plugin, right?

Về cơ bản đã làm ở đây là chúng ta đã trích xuất những gì chúng ta có thể tái sử dụng trong tương lai hoặc tái sử dụng trong các ngữ cảnh khác nhau hãy nghĩ về nó như một plugin, đúng không?

39:01

You plug it into client components, you plug it into the page components.

Bạn cắm nó vào các thành phần máy khách, bạn cắm nó vào các thành phần trang.

39:04

That's essentially what we're trying to do here.

Đó về cơ bản là những gì chúng ta đang cố gắng làm ở đây.

39:07

And that's the exact same concept that we're going to look at u which is the same feature gate concept uh and show you how I built it into the architectural guardrail.

Và đó chính xác là khái niệm tương tự mà chúng ta sẽ xem xét u đó là khái niệm cổng tính năng tương tự uh và cho bạn thấy cách tôi đã xây dựng nó vào lan can kiến trúc.

39:16

So now this this really sits and you'll you'll understand what I'm talking about.

Vì vậy, bây giờ điều này thực sự nằm ở đây và bạn sẽ hiểu những gì tôi đang nói.

39:20

So in

Vì vậy, trong

39:21

my app, the same functionality, the same thing that we're thinking about right now, which is feature gates, right?

Ứng dụng của tôi, cùng một chức năng, cùng một thứ mà chúng ta đang nghĩ đến ngay bây giờ, đó là các cổng tính năng, đúng không?

39:28

What I did was essentially broke that down into um a clientside helper.

Những gì tôi đã làm về cơ bản là chia nhỏ điều đó thành một trình trợ giúp phía máy khách.

39:33

And that client side helper is a resource.

Và trình trợ giúp phía máy khách đó là một tài nguyên.

39:36

Okay, it's a resource map.

Được rồi, nó là một bản đồ tài nguyên.

39:37

And this resource map is a source of all truth across my entire application that helps me understand if a user's plan has access to a specific

Và bản đồ tài nguyên này là nguồn sự thật duy nhất trên toàn bộ ứng dụng của tôi giúp tôi hiểu liệu gói của người dùng có quyền truy cập vào một

39:48

feature.

Tính năng cụ thể.

39:48

And so let's take a quick look at that.

Và vì vậy hãy xem nhanh điều đó.

39:51

So first of all, I have some uh source of truth plans here.

Vì vậy, trước hết, tôi có một số nguồn sự thật về các gói ở đây.

39:55

And so I have something called plan keys that has free starter pro enter whatever I have.

Và vì vậy tôi có một cái gì đó gọi là khóa gói có miễn phí starter pro enter bất cứ điều gì tôi có.

40:01

And I have this extra u you know plan here called portal.

Và tôi có kế hoạch bổ sung u bạn biết đấy ở đây gọi là cổng thông tin.

40:04

So it's like a way to bypass all other internal payments.

Vì vậy, nó giống như một cách để bỏ qua tất cả các thanh toán nội bộ khác.

40:07

Um and I just created a map sort of like u a hardcoded TypeScript constructor right it creates the data set.

Um và tôi chỉ tạo một bản đồ giống như u một hàm tạo TypeScript được mã hóa cứng đúng không nó tạo ra tập dữ liệu.

40:15

It creates the structure of the data by using TypeScript which is also kind of giving you a sneak peek into one of the other modules here which is called Typescript lockin but I'll just introduce it now itself because we already came across uh this topic.

Nó tạo ra cấu trúc của dữ liệu bằng cách sử dụng TypeScript mà cũng đang cho bạn một cái nhìn thoáng qua về một trong các mô-đun khác ở đây được gọi là khóa chặt TypeScript nhưng tôi sẽ giới thiệu nó ngay bây giờ vì chúng ta đã gặp chủ đề này.

40:33

Typescript lockin essentially means that we are we are only using TypeScript as much as possible so that it throws those echo signals.

Khóa chặt TypeScript về cơ bản có nghĩa là chúng ta đang chỉ sử dụng TypeScript càng nhiều càng tốt để nó đưa ra những tín hiệu phản hồi đó.

40:41

So that's the first layer uh of the echo signal.

Vì vậy, đó là lớp đầu tiên uh của tín hiệu phản hồi.

40:45

The TypeScript essentially tells AI exactly what body to follow.

TypeScript về cơ bản cho AI biết chính xác cơ thể nào để làm theo.

40:49

And not just that, if you read this here, this is microcontext injection.

Và không chỉ vậy, nếu bạn đọc cái này ở đây, đây là tiêm vi ngữ cảnh.

40:54

It gives this context to AI if it makes an error.

Nó cung cấp ngữ cảnh này cho AI nếu nó mắc lỗi.

40:58

If it uses the

Nếu nó sử dụng

41:00

wrong plan name, what if, for example, what if later on it tries to use free like this, right?

Tên gói sai, nếu, ví dụ, nếu sau này nó cố dùng free như thế này, đúng không?

41:05

That would throw an error.

Điều đó sẽ gây ra lỗi.

41:06

You see everywhere I see errors in the in the page.

Bạn thấy ở khắp nơi tôi thấy lỗi trên trang.

41:09

And that's exactly what we're trying to simulate here.

Và đó chính xác là những gì chúng ta đang cố mô phỏng ở đây.

41:11

So, I have one page that essentially locks in all of the plans and it creates the structure for each of these plans.

Vì vậy, tôi có một trang về cơ bản khóa tất cả các gói và nó tạo cấu trúc cho từng gói này.

41:17

But take a look at this, right?

Nhưng hãy nhìn vào cái này, đúng không?

41:19

This is

Đây là

41:20

where it all kind of comes together.

Nơi tất cả kết hợp lại với nhau.

41:22

All right, so you guys ready?

Được rồi, các bạn sẵn sàng chưa?

41:24

So, this is the source of all truth called resources in my app.

Vì vậy, đây là nguồn sự thật duy nhất gọi là resources trong ứng dụng của tôi.

41:29

It essentially maps over all the plans and then creates permissions and whatnot, everything for that specific plan.

Về cơ bản nó ánh xạ qua tất cả các gói và sau đó tạo quyền và mọi thứ, mọi thứ cho gói cụ thể đó.

41:35

So, that's why I called it resources.

Vì vậy, đó là lý do tại sao tôi gọi nó là resources.

41:38

So, let's take a look at what that looks like.

Vì vậy, hãy xem nó trông như thế nào.

41:41

So inside resources these each topic here is a

Vì vậy, bên trong resources, mỗi chủ đề ở đây là một

41:45

resource.

Resource.

41:45

Okay.

Được.

41:45

So we have members, invitations, organization, roles, test stuff obviously, but uh custom branding is a resource.

Vì vậy, chúng ta có members, invitations, organization, roles, test stuff rõ ràng, nhưng uh custom branding là một resource.

41:51

For example, if you have a website builder, you'll probably have website or website pages, whatever that is, right?

Ví dụ, nếu bạn có một trình xây dựng trang web, bạn có thể sẽ có website hoặc website pages, bất cứ điều gì, đúng không?

41:57

And let's take a look at the structure itself.

Và hãy xem cấu trúc của chính nó.

42:00

First, we have the name of the resource.

Đầu tiên, chúng ta có tên của resource.

42:03

We have a description for the resource.

Chúng ta có mô tả cho resource.

42:05

And we

Và chúng ta

42:06

also have an upgrade message for the resource.

Cũng có một thông điệp nâng cấp cho resource.

42:08

So what I've done is I've created a limit on the resource and what is the limit I've defined here and these uh these naming conventions right here are locked to the same plans and not just that I also connected this to the navigation right and so um for it's kind of like settings think about it as settings for the entire app if I change

Vì vậy, những gì tôi đã làm là tôi đã tạo một giới hạn trên resource và giới hạn mà tôi đã định nghĩa ở đây và những uh những quy ước đặt tên này ngay tại đây được khóa với cùng các gói và không chỉ vậy tôi cũng kết nối cái này với điều hướng và vì vậy um nó giống như cài đặt, hãy nghĩ về nó như cài đặt cho toàn bộ ứng dụng, nếu tôi thay đổi

42:32

this right here the entire app will change so uh what I mean by that is let me give you guys a more solid example.

Cái này ngay tại đây, toàn bộ ứng dụng sẽ thay đổi, vì vậy uh ý tôi là hãy để tôi cho các bạn một ví dụ cụ thể hơn.

42:39

So my server here essentially has a couple checks it needs to do, right?

Vì vậy, máy chủ của tôi ở đây về cơ bản có một vài kiểm tra cần thực hiện, đúng không?

42:43

So let's say the user is trying to create a project.

Vì vậy, giả sử người dùng đang cố gắng tạo một dự án.

42:47

Now what I do first is I need to have the client side helper which is actually coming from the resources.

Bây giờ điều đầu tiên tôi làm là tôi cần có trình trợ giúp phía máy khách, thực sự đến từ resources.

42:54

And so what I do down here is I create these helper functions, right?

Và vì vậy những gì tôi làm ở đây là tôi tạo các hàm trợ giúp này, đúng không?

42:58

We have helper functions down here that help with u specific front-end tasks.

Chúng ta có các hàm trợ giúp ở đây giúp với các tác vụ cụ thể ở phía trước.

43:03

So the first

Vì vậy, điều đầu tiên

43:04

thing is it would check does the user have access to the specific resource.

Là nó sẽ kiểm tra xem người dùng có quyền truy cập vào resource cụ thể không.

43:09

So does the resource actually include in their plan and how do we get the plan that's another source of truth that I have that's happening somewhere else that essentially fetches the user's plan and stores it inside a cached uh just think about it as a cached variable.

Vì vậy, resource đó có thực sự nằm trong gói của họ không và làm thế nào để chúng ta có được gói, đó là một nguồn sự thật khác mà tôi có đang xảy ra ở nơi khác, về cơ bản nó lấy gói của người dùng và lưu trữ nó bên trong một biến được lưu trong bộ nhớ đệm, uh chỉ cần nghĩ về nó như một biến được lưu trong bộ nhớ đệm.

43:24

Okay, just think about it that way.

Được, chỉ cần nghĩ về nó theo cách đó.

43:26

And so we have cached this variable somewhere in the app.

Và vì vậy chúng ta đã lưu biến này trong bộ nhớ đệm ở đâu đó trong ứng dụng.

43:30

And this data is readily available both on server and on the client.

Và dữ liệu này có sẵn cả trên máy chủ và trên máy khách.

43:34

So the first check happens.

Vì vậy, kiểm tra đầu tiên xảy ra.

43:36

So let's say user is trying to create this.

Vì vậy, giả sử người dùng đang cố gắng tạo cái này.

43:38

Click this button here that says upgrade or create new product.

Nhấp vào nút này ở đây có nội dung nâng cấp hoặc tạo sản phẩm mới.

43:41

What we're doing here is first we're checking if they have the uh what resource they're trying to access.

Những gì chúng ta đang làm ở đây là trước tiên chúng ta đang kiểm tra xem họ có uh resource nào họ đang cố gắng truy cập.

43:47

And then we use the helper functions that we created in here connected to the resource object.

Và sau đó chúng ta sử dụng các hàm trợ giúp mà chúng ta đã tạo ở đây được kết nối với đối tượng resource.

43:52

Right?

Đúng không?

43:52

The same resource object that you see here.

Cùng một đối tượng resource mà bạn thấy ở đây.

43:54

And this is happening

Và điều này đang xảy ra

43:56

on the client side.

Ở phía máy khách.

43:57

And then it checks on the free tier the user is only allowed one.

Và sau đó nó kiểm tra trên gói miễn phí, người dùng chỉ được phép một.

44:01

Do they have more?

Họ có nhiều hơn không?

44:02

Do have they already created more than one or do they already have one already created?

Họ đã tạo nhiều hơn một hay họ đã tạo một cái rồi?

44:07

And we get that information from the cached usage because when we fetch their plan details, the structure of that cache is also the same as this.

Và chúng ta lấy thông tin đó từ mức sử dụng được lưu trong bộ nhớ đệm vì khi chúng ta lấy chi tiết gói của họ, cấu trúc của bộ nhớ đệm đó cũng giống như cái này.

44:15

And so that cache will have their plan and what they have consumed.

Và vì vậy bộ nhớ đệm đó sẽ có gói của họ và những gì họ đã tiêu thụ.

44:20

And that's obviously cached on the front end.

Và điều đó rõ ràng đã được lưu vào bộ nhớ đệm ở phía front-end.

44:22

So now that we have that information, we can directly compare this and then we decide whether we can show a modal saying you need to

Vậy bây giờ chúng ta có thông tin đó, chúng ta có thể so sánh trực tiếp và sau đó quyết định xem có thể hiển thị một modal nói rằng bạn cần

44:31

upgrade.

Nâng cấp.

44:31

Now here's the key.

Bây giờ đây là điểm mấu chốt.

44:32

This is a reusable function, right?

Đây là một hàm có thể tái sử dụng, phải không?

44:35

You can reuse this logic.

Bạn có thể tái sử dụng logic này.

44:36

It sounds like something that you can reuse.

Nghe có vẻ như là một thứ gì đó bạn có thể tái sử dụng.

44:39

And so what I did was I extracted all of this and this all this functionality can happen just inside uh just with the help of parameters inside a function.

Và vì vậy những gì tôi đã làm là tôi đã trích xuất tất cả những thứ này và tất cả chức năng này có thể xảy ra chỉ bên trong, chỉ với sự trợ giúp của các tham số bên trong một hàm.

44:50

So if we have a function here, that function will require this piece of information

Vì vậy nếu chúng ta có một hàm ở đây, hàm đó sẽ yêu cầu thông tin này

44:56

resource the user is trying to access and the cached data which is another piece of information that tells us what the user's plan is and how much of it they've already used.

Tài nguyên mà người dùng đang cố truy cập và dữ liệu được lưu trong bộ nhớ đệm, một phần thông tin khác cho chúng ta biết gói của người dùng là gì và họ đã sử dụng bao nhiêu.

45:07

And then if something does not meet the criteria here, we just throw an error.

Và sau đó nếu có gì đó không đáp ứng tiêu chí ở đây, chúng ta chỉ cần ném ra một lỗi.

45:12

That's it.

Chỉ vậy thôi.

45:13

And so this can be used on the server and on the client.

Và vì vậy điều này có thể được sử dụng trên máy chủ và trên máy khách.

45:16

And that's why I have the source of truth architecture being built into the app.

Và đó là lý do tại sao tôi có kiến trúc nguồn sự thật được xây dựng trong ứng dụng.

45:21

And that's why just as an example, if you see here, let me zoom in a little bit more so you guys can see inside the protected procedure, I have this thing called required permission.

Và đó là lý do tại sao chỉ là một ví dụ, nếu bạn thấy ở đây, để tôi phóng to lên một chút để các bạn có thể thấy bên trong quy trình được bảo vệ, tôi có thứ gọi là quyền bắt buộc.

45:31

And you'll see the permissions that are being dragged in

Và bạn sẽ thấy các quyền đang được kéo vào

45:34

here from something called organization role.

Ở đây từ một thứ gọi là vai trò tổ chức.

45:36

So in here, the user is trying to create a role for example, right?

Vì vậy ở đây, ví dụ, người dùng đang cố tạo một vai trò, phải không?

45:40

And so let's just click into this and see what this permissions actually points to.

Và vì vậy hãy nhấp vào đây và xem các quyền này thực sự trỏ đến cái gì.

45:45

Oh, it points to something called build permission constants.

Ồ, nó trỏ đến một thứ gọi là hằng số quyền xây dựng.

45:48

Let's click on that.

Hãy nhấp vào đó.

45:50

Takes us straight to the resource entries.

Đưa chúng ta thẳng đến các mục tài nguyên.

45:52

What's the resource entries?

Các mục tài nguyên là gì?

45:54

Exactly what we just built here.

Chính xác là những gì chúng ta vừa xây dựng ở đây.

45:56

And so on the server and on the client, it enforces the same exact structure.

Và vì vậy trên máy chủ và trên máy khách, nó thực thi cùng một cấu trúc chính xác.

46:02

And so you just have to change this in one place to affect the customer's usage.

Và vì vậy bạn chỉ cần thay đổi điều này ở một nơi để ảnh hưởng đến việc sử dụng của khách hàng.

46:08

So that's why I'm trying to point out why globalized architecture is so important.

Vì vậy đó là lý do tại sao tôi đang cố gắng chỉ ra tại sao kiến trúc toàn cầu hóa lại quan trọng đến vậy.

46:14

So now in the future when you're building something like this, I hope you keep this in mind which is uh figure out a way to have this kind of structure so that way you can reuse the server logic and client logic in one place and have a source of truth so it's easier for you to make changes and uh that way you can plug those into the component.

Vì vậy bây giờ trong tương lai khi bạn xây dựng một cái gì đó như thế này, tôi hy vọng bạn ghi nhớ điều này, đó là tìm ra một cách để có loại cấu trúc này để bạn có thể tái sử dụng logic máy chủ và logic máy khách ở một nơi và có một nguồn sự thật để dễ dàng thực hiện các thay đổi và theo cách đó bạn có thể cắm chúng vào thành phần.

46:33

So don't tightly couple the logic of this with

Vì vậy đừng ghép chặt logic của điều này với

46:36

the logic of the server or client side, right?

Logic của phía máy chủ hoặc máy khách, phải không?

46:39

Keep them independent.

Giữ chúng độc lập.

46:40

But the part that we should be most interested in is the registry layer and how it connects to AI.

Nhưng phần mà chúng ta nên quan tâm nhất là lớp đăng ký và cách nó kết nối với AI.

46:46

And because it is a source of truth in our app because AI ends up looking uh across our code, ends up just kind of searching across our code and then it finds these patterns.

Và bởi vì nó là một nguồn sự thật trong ứng dụng của chúng ta bởi vì AI cuối cùng nhìn qua mã của chúng ta, cuối cùng chỉ tìm kiếm qua mã của chúng ta và sau đó nó tìm thấy các mẫu này.

46:58

It will use the exact same thing that it sees in the other files.

Nó sẽ sử dụng chính xác những gì nó thấy trong các tệp khác.

47:02

But here's the most important part.

Nhưng đây là phần quan trọng nhất.

47:05

The goal is to restrict that requirement for AI to search and figure out what source of truth to use and then to use it because what I have done in here is I've by default I've plugged it into our protected procedure.

Mục tiêu là hạn chế yêu cầu đó để AI tìm kiếm và tìm ra nguồn sự thật nào để sử dụng và sau đó sử dụng nó bởi vì những gì tôi đã làm ở đây là theo mặc định tôi đã cắm nó vào quy trình được bảo vệ của chúng ta.

47:20

Right?

Phải không?

47:20

So AI does not have to think about this build

Vì vậy AI không phải suy nghĩ về việc xây dựng

47:24

permission system.

Hệ thống quyền.

47:24

It's already inside something else that is more commonly used across the entire app.

Nó đã ở bên trong một thứ khác được sử dụng phổ biến hơn trên toàn bộ ứng dụng.

47:31

So if there is something called protected procedure, this has all of the logic we just discussed inside it.

Vì vậy nếu có một thứ gọi là quy trình được bảo vệ, nó có tất cả logic chúng ta vừa thảo luận bên trong.

47:39

And so I know that this is used more across the app.

Và vì vậy tôi biết rằng điều này được sử dụng nhiều hơn trong ứng dụng.

47:44

And so instead of telling it to figure out what it needs to use at a global level, I enforce the global pattern in something

Và vì vậy thay vì bảo nó tìm ra những gì nó cần sử dụng ở cấp độ toàn cầu, tôi thực thi mẫu toàn cầu trong một thứ gì đó

47:56

that's being used more frequently across a codebase.

Được sử dụng thường xuyên hơn trên toàn bộ cơ sở mã.

47:58

And so it's easier for AI to figure out what means or what uh what a source of truth uh architecture is or a source of truth function to use to build the rest of your feature essentially.

Và vì vậy AI dễ dàng hơn để tìm ra ý nghĩa của cái gì hoặc cái gì là một kiến trúc nguồn sự thật hoặc một hàm nguồn sự thật để sử dụng để xây dựng phần còn lại của tính năng của bạn về cơ bản.

48:11

And one more thing I want to point out here guys I also have this permission thing in here right you can uh essentially imple I

Và một điều nữa tôi muốn chỉ ra ở đây các bạn, tôi cũng có thứ quyền này ở đây, bạn có thể về cơ bản thực hiện, tôi

48:20

mean it's the same thing I'm just expanding on uh just to show you what else I did.

Ý tôi là nó giống nhau, tôi chỉ đang mở rộng thêm để cho các bạn thấy những gì khác tôi đã làm.

48:25

So for each of these plans or for each of these resources, I also have these permission kind of stuff.

Vì vậy đối với mỗi gói này hoặc cho mỗi tài nguyên này, tôi cũng có những thứ quyền này.

48:30

And what this does is for another team member, you can use the same permission gate and apply it to their role or apply it to their uh account.

Và điều này làm gì là cho một thành viên khác trong nhóm, bạn có thể sử dụng cùng một cổng quyền và áp dụng nó cho vai trò của họ hoặc áp dụng nó cho tài khoản của họ.

48:39

And so they can also create members, read, update, and

Và vì vậy họ cũng có thể tạo thành viên, đọc, cập nhật và

48:42

delete.

Xóa.

48:42

And if I don't want these resources on uh or don't want these permissions on a specific resource, I just simply remove them.

Và nếu tôi không muốn các tài nguyên này trên uh hoặc không muốn các quyền này trên một tài nguyên cụ thể, tôi chỉ cần xóa chúng.

48:49

So for invitations, I don't want uh someone to have the ability to update an invitation.

Vì vậy, đối với lời mời, tôi không muốn uh ai đó có khả năng cập nhật lời mời.

48:54

I'm just showing you as an example of what is possible when you think at a global scale, right?

Tôi chỉ đang cho bạn thấy một ví dụ về những gì có thể làm khi bạn suy nghĩ ở quy mô toàn cầu, phải không?

49:00

Not saying this is a 100% absolute best use case of this, but I'm just sharing.

Không phải nói rằng đây là trường hợp sử dụng tốt nhất 100% tuyệt đối, nhưng tôi chỉ đang chia sẻ.

49:05

Nếu

49:06

you think about it this way, now you can remove certain permissions for features you don't want.

Bạn nghĩ về nó theo cách này, bây giờ bạn có thể xóa một số quyền nhất định cho các tính năng bạn không muốn.

49:11

You have m as much flexibility as needed, but at the same time, the source of truth kind of instruction is followed across the app.

Bạn có m càng linh hoạt càng tốt, nhưng đồng thời, loại nguồn sự thật hướng dẫn được tuân theo trên toàn ứng dụng.

49:19

And another uh another I guess example would be let's say the user has hit their limit on some sort of plan and they try to again use the plan or use that specific resource.

Và một uh một ví dụ khác tôi đoán sẽ là giả sử người dùng đã đạt đến giới hạn của họ trên một số loại gói và họ cố gắng sử dụng lại gói hoặc sử dụng tài nguyên cụ thể đó.

49:32

We can have an upgrade message a globalized upgrade message for each of those resources in here.

Chúng ta có thể có một thông báo nâng cấp, một thông báo nâng cấp toàn cầu cho mỗi tài nguyên đó ở đây.

49:36

And I'm also using the sort of string interol interpolation.

Và tôi cũng đang sử dụng loại nội suy chuỗi.

49:39

I think that's what it's called.

Tôi nghĩ đó là những gì nó được gọi.

49:41

I'm not entirely sure but uh this kind of funky text.

Tôi không hoàn toàn chắc chắn nhưng uh loại văn bản kỳ lạ này.

49:44

Okay.

Được rồi.

49:44

and it does some sort of uh it will change the text and kind of plug in the variable that it needs to pl plug in here.

Và nó thực hiện một số loại uh nó sẽ thay đổi văn bản và loại cắm vào biến mà nó cần để cắm vào đây.

49:52

So the

Vì vậy,

49:53

next plan is promoted from here, right?

Gói tiếp theo được quảng bá từ đây, phải không?

49:56

And so um you see how this same thing can be re reused across the app and the same resources are also being constructed as the navigation gate.

Và vì vậy um bạn thấy cách điều tương tự có thể được tái sử dụng trên toàn ứng dụng và các tài nguyên tương tự cũng đang được xây dựng như cổng điều hướng.

50:05

So the sidebar navigation gate.

Vì vậy, cổng điều hướng thanh bên.

50:06

So on the sidebar when the user refreshes the page.

Vì vậy, trên thanh bên khi người dùng làm mới trang.

50:09

So let me give you an example here.

Vì vậy, để tôi cho bạn một ví dụ ở đây.

50:12

If I refresh this page here, you see I see some elements here, right?

Nếu tôi làm mới trang này ở đây, bạn thấy tôi thấy một số phần tử ở đây, phải không?

50:17

These sidebar elements are also locked to the same feature gate both client side and server side.

Các phần tử thanh bên này cũng bị khóa vào cùng một cổng tính năng cả phía máy khách và phía máy chủ.

50:22

So, uh the enforcement happens everywhere.

Vì vậy, uh việc thực thi xảy ra ở mọi nơi.

50:24

So, even if AI makes a mistake, your code is still protected.

Vì vậy, ngay cả khi AI mắc lỗi, mã của bạn vẫn được bảo vệ.

50:28

I hope this is all making sense.

Tôi hy vọng tất cả điều này có ý nghĩa.

50:30

And that brings us to the end of the globalization module.

Và điều đó đưa chúng ta đến cuối mô-đun toàn cầu hóa.

50:33

And since we already completed the registry module, I guess we can check that off as

Và vì chúng ta đã hoàn thành mô-đun đăng ký, tôi đoán chúng ta có thể đánh dấu điều đó là

50:39

well.

Tốt.

50:39

The next one is Typescript lockin.

Mô-đun tiếp theo là khóa TypeScript.

50:42

So let's jump in.

Vì vậy, hãy nhảy vào.

50:43

So in this module I want to deep dive a little bit more into Typescript lockin.

Vì vậy, trong mô-đun này, tôi muốn đi sâu hơn một chút vào khóa TypeScript.

50:48

It is a piece of the echo signal that is very important when building with AI.

Đó là một phần của tín hiệu echo rất quan trọng khi xây dựng với AI.

50:52

And so let's go ahead and jump straight right in.

Và vì vậy, hãy tiếp tục và nhảy thẳng vào.

50:55

So the main reason as to why we're using TypeScript in the app, which I'm sure most web applications now are using, is not just to provide some sort of type

Vì vậy, lý do chính tại sao chúng ta sử dụng TypeScript trong ứng dụng, mà tôi chắc chắn hầu hết các ứng dụng web bây giờ đang sử dụng, không chỉ để cung cấp một số loại loại

51:05

intellisense or some sort of okay, this is what it should look like.

Intellisense hoặc một số loại được rồi, đây là những gì nó sẽ trông như thế nào.

51:09

Not just that.

Không chỉ vậy.

51:10

it is to strictly enforce the code so much that it throws an error when AI tries to bundle or tries to build stuff and uh this build is essentially just running an XJS build command and running any eslints and stuff like that.

Nó là để thực thi mã một cách nghiêm ngặt đến mức nó ném ra lỗi khi AI cố gắng đóng gói hoặc cố gắng xây dựng mọi thứ và uh bản dựng này về cơ bản chỉ là chạy lệnh xây dựng XJS và chạy bất kỳ eslints và những thứ tương tự.

51:24

So the first reason is source of truth.

Vì vậy, lý do đầu tiên là nguồn sự thật.

51:26

If you have Typescript being enforced in your app at all times, if you change something in the TypeScript structure, that will throw a linting error.

Nếu bạn có TypeScript được thực thi trong ứng dụng của bạn mọi lúc, nếu bạn thay đổi một cái gì đó trong cấu trúc TypeScript, điều đó sẽ ném ra lỗi linting.

51:34

And so you can catch not using a source of truth keyword or not using some sort of guidelines that you said early on.

Và vì vậy bạn có thể bắt không sử dụng từ khóa nguồn sự thật hoặc không sử dụng một số loại hướng dẫn mà bạn đã nói sớm.

51:42

Now, for this to actually work, you need to implement this strategy right here, which is all Typescript types should be

Bây giờ, để điều này thực sự hoạt động, bạn cần thực hiện chiến lược này ngay tại đây, đó là tất cả các loại TypeScript nên được

51:50

dynamically generated.

Tạo động.

51:50

You can't hardcode them over and over again.

Bạn không thể mã hóa cứng chúng lặp đi lặp lại.

51:52

You can't rebuild the types.

Bạn không thể xây dựng lại các loại.

51:54

I've seen this happen.

Tôi đã thấy điều này xảy ra.

51:55

Uh, an AI actually does makes this mistake.

Uh, một AI thực sự mắc lỗi này.

51:57

And the reason is because first, you probably have bad patterns in the app, you know, that you've been building so far.

Và lý do là bởi vì đầu tiên, bạn có thể có các mẫu xấu trong ứng dụng, bạn biết đấy, mà bạn đã xây dựng cho đến nay.

52:04

Um, or you just haven't instructed it to do so.

Um, hoặc bạn chỉ chưa hướng dẫn nó làm như vậy.

52:06

And so, please do.

Và vì vậy, xin hãy làm.

52:08

Okay?

Được chứ?

52:08

And I'll show you later how

Và tôi sẽ chỉ cho bạn sau cách

52:10

you can enforce these rules and instruct this to AI.

Bạn có thể áp đặt các quy tắc này và hướng dẫn AI.

52:13

But essentially, those types need to be dynamically generated.

Nhưng về cơ bản, những kiểu đó cần được tạo động.

52:15

So, here's an example.

Vì vậy, đây là một ví dụ.

52:16

We already took a look at the permissions page.

Chúng ta đã xem trang quyền hạn.

52:19

Uh, actually, we took a look at the resource page, but this is the permission constructor.

Ừ, thực ra chúng ta đã xem trang tài nguyên, nhưng đây là trình xây dựng quyền hạn.

52:24

Just look at how this is set up.

Chỉ cần nhìn cách nó được thiết lập.

52:26

I know it looks super confusing and to someone who is

Tôi biết nó trông rất khó hiểu và với người

52:30

non-technical, this can be overwhelming, but most of you guys already have some web development experience.

không chuyên về kỹ thuật, điều này có thể gây choáng ngợp, nhưng hầu hết các bạn đã có một số kinh nghiệm phát triển web.

52:34

So, you should understand this.

Vì vậy, bạn nên hiểu điều này.

52:36

Now, the key here is I did not sit and type every single thing out.

Bây giờ, điểm mấu chốt ở đây là tôi không ngồi gõ từng thứ một.

52:40

The reason why this worked and the reason why this was created was because of my guidance, my direction.

Lý do tại sao điều này hoạt động và lý do tại sao nó được tạo ra là nhờ sự hướng dẫn, định hướng của tôi.

52:46

I directed AI as to how to create those types so that we get this

Tôi đã hướng dẫn AI cách tạo ra những kiểu đó để chúng ta có được

52:51

source of truth type design so we can reuse that in the app you know more frequently and it's also it's easy for me to understand and it's easy for AI to understand as well and so just take a look at the permission constants right now if you were to understand what is the structure of the permission object in my entire app that's just a question for you would need to probably

thiết kế nguồn sự thật này để chúng ta có thể tái sử dụng trong ứng dụng thường xuyên hơn và nó cũng dễ hiểu đối với tôi và dễ hiểu đối với AI, và vì vậy hãy nhìn vào các hằng số quyền hạn ngay bây giờ nếu bạn muốn hiểu cấu trúc của đối tượng quyền hạn trong toàn bộ ứng dụng của tôi, đó chỉ là một câu hỏi cho bạn, bạn có thể sẽ cần phải

53:13

search every single piece of the code where I'm using permissions to understand right to understand what structure I'm using.

tìm kiếm từng phần mã nơi tôi sử dụng quyền hạn để hiểu đúng cấu trúc tôi đang sử dụng.

53:18

But all I have to do is hover over this and I can tell all the permissions I currently have in the app and the structure as well.

Nhưng tất cả những gì tôi cần làm là di chuột qua đây và tôi có thể biết tất cả các quyền hạn hiện có trong ứng dụng cũng như cấu trúc.

53:27

member_create is what the resource with the type of you know operation a permission and then derived permission like very straightforward and so dynamically generating this means if I change something somewhere like let's say you see this permission resource key it's already it already has a structure in place if I went to this object which is also dynamically generated from the

Member_create là tài nguyên với loại thao tác quyền hạn và sau đó là quyền hạn dẫn xuất, rất đơn giản và vì vậy việc tạo động này có nghĩa là nếu tôi thay đổi một cái gì đó ở đâu đó, ví dụ như bạn thấy khóa tài nguyên quyền hạn này, nó đã có cấu trúc sẵn, nếu tôi đến đối tượng này cũng được tạo động từ

53:53

resource key which also comes from the key of type of resource sources which is just using standard JavaScript stuff that extracts all of this.

khóa tài nguyên cũng đến từ khóa của loại nguồn tài nguyên, chỉ sử dụng các thứ JavaScript tiêu chuẩn để trích xuất tất cả những thứ này.

54:01

If I add something in here, if I say uh people right that throws an error and so this is how u typescript plays such an important role.

Nếu tôi thêm một cái gì đó vào đây, nếu tôi nói người, điều đó sẽ gây ra lỗi và đây là cách TypeScript đóng một vai trò quan trọng.

54:10

It is not just okay I need to understand the type for this so I can provide code correctly when I'm c

Nó không chỉ là tôi cần hiểu kiểu cho điều này để tôi có thể cung cấp mã chính xác khi tôi đang viết mã

54:18

you know that's not the whole point here.

Bạn biết đấy, đó không phải là toàn bộ vấn đề ở đây.

54:20

The point is to make it so that the app will fail even if AI tries to put that piece of code in here.

Vấn đề là làm cho ứng dụng thất bại ngay cả khi AI cố gắng đưa đoạn mã đó vào đây.

54:27

But the only way this works, like I said, is if you dynamically generate everything from day one.

Nhưng cách duy nhất để điều này hoạt động, như tôi đã nói, là bạn phải tạo động mọi thứ ngay từ đầu.

54:33

And so that also brings me to the next point.

Và điều đó cũng đưa tôi đến điểm tiếp theo.

54:36

If you're dynamically generating something, that dynamically generated type needs to be strictly

Nếu bạn đang tạo động một cái gì đó, kiểu được tạo động đó cần phải được định kiểu chặt chẽ

54:40

typed.

54:40

That means you can't you can't halfass it.

Điều đó có nghĩa là bạn không thể làm qua loa.

54:43

Okay?

Được chứ?

54:43

You got to be as rock solid as possible.

Bạn phải vững chắc nhất có thể.

54:46

You have to make it so that type cannot be violated in any way.

Bạn phải làm cho kiểu đó không thể bị vi phạm dưới bất kỳ hình thức nào.

54:51

You can't use a K in um all of this these permissions keys or something like unknown or any you can't you can't bypass those permissions.

Bạn không thể sử dụng unknown hoặc any trong tất cả các khóa quyền hạn này hoặc một cái gì đó tương tự, bạn không thể bỏ qua các quyền hạn đó.

55:00

They need to be rock solid across the entire app.

Chúng cần phải vững chắc trên toàn bộ ứng dụng.

55:03

So you cannot use an unknown or any type

Vì vậy, bạn không thể sử dụng kiểu unknown hoặc any

55:07

inside the and when I say any type, I hope you guys know what I'm talking about.

Bên trong và khi tôi nói kiểu any, tôi hy vọng các bạn biết tôi đang nói gì.

55:10

Oop, the next one got revealed.

Ối, cái tiếp theo bị lộ ra.

55:12

Never mind.

Không sao.

55:12

You can't use an any type essentially, right?

Về cơ bản, bạn không thể sử dụng kiểu any, đúng không?

55:15

You have to use rockolid types that already exist in the app.

Bạn phải sử dụng các kiểu vững chắc đã tồn tại trong ứng dụng.

55:18

And that brings me to my next point which is red green prompting which we will learn later on.

Và điều đó đưa tôi đến điểm tiếp theo là kỹ thuật nhắc đỏ xanh mà chúng ta sẽ học sau.

55:24

But I just want to show you something here.

Nhưng tôi chỉ muốn cho bạn thấy một điều ở đây.

55:27

You want to use types that already exist in the app.

Bạn muốn sử dụng các kiểu đã tồn tại trong ứng dụng.

55:30

Okay.

Được chứ.

55:30

And the reason why I mentioned this here is the thing I wanted to uh show you is when you're telling AI this.

Và lý do tôi đề cập đến điều này ở đây là điều tôi muốn cho bạn thấy là khi bạn nói với AI điều này.

55:38

Imagine I told AI types already exist in the app.

Hãy tưởng tượng tôi nói với AI rằng các kiểu đã tồn tại trong ứng dụng.

55:41

Use those types first.

Hãy sử dụng các kiểu đó trước.

55:42

What is it assuming here?

Nó đang giả định điều gì ở đây?

55:44

What is it assuming that exists?

Nó giả định rằng cái gì tồn tại?

55:46

Well, it exists.

Chà, nó tồn tại.

55:46

it thinks it thinks that the type that was supposed to be built already exists in the app and so it's going to try to hunt for that first that sort of bait and switch that we did that we tricked AI into believing that um something has already been created and so most of the time something probably already has been created I'm just not aware of it I

Nó nghĩ rằng kiểu được cho là đã được xây dựng đã tồn tại trong ứng dụng và vì vậy nó sẽ cố gắng tìm kiếm điều đó trước, kiểu mồi nhử và hoán đổi mà chúng ta đã làm, chúng ta đã lừa AI tin rằng một cái gì đó đã được tạo ra và vì vậy hầu hết thời gian có lẽ một cái gì đó đã được tạo ra, tôi chỉ không nhận thức được nó.

56:07

forgot about it but by saying this it ends up finding that type and it will connect that type and use it right and most importantly um when I say use those first.

Quên mất nhưng khi nói điều này thì nó sẽ tìm thấy loại đó và kết nối loại đó và sử dụng nó đúng không, và quan trọng nhất là khi tôi nói sử dụng những cái đó trước.

56:16

Uh I'm actually being a little vague here because I can't write the whole thing here.

Ừ, tôi đang hơi mơ hồ ở đây vì tôi không thể viết toàn bộ ở đây.

56:20

We'll learn about this in the next uh in the next few modules.

Chúng ta sẽ học về điều này trong vài mô-đun tiếp theo.

56:24

But essentially what I do is I use Prisma as a source of truth type first.

Nhưng về cơ bản, những gì tôi làm là sử dụng Prisma như một nguồn sự thật, ưu tiên loại.

56:28

I use this type because it directly connects to my Prisma schema.

Tôi sử dụng loại này vì nó kết nối trực tiếp với schema Prisma của tôi.

56:31

And if you don't know what that is, it's the database schema.

Và nếu bạn không biết đó là gì, thì đó là schema cơ sở dữ liệu.

56:35

So if I have a user type, I will not create a user object, another user type object, and then start defining all the ids, the user's name.

Vì vậy, nếu tôi có một loại người dùng, tôi sẽ không tạo một đối tượng người dùng, một đối tượng loại người dùng khác, rồi bắt đầu định nghĩa tất cả các id, tên người dùng.

56:45

This is not what I would do.

Đó không phải là điều tôi sẽ làm.

56:47

What I would do instead is I would use the type that is generated from Prisma and I would connect that type to this and expand on top of it if needed.

Thay vào đó, tôi sẽ sử dụng loại được tạo ra từ Prisma và kết nối loại đó với cái này và mở rộng thêm nếu cần.

56:57

Even then I would not use this.

Ngay cả khi đó tôi cũng sẽ không sử dụng cái này.

56:59

And so my TypeScript uh instruction or I don't think you need to instruct this but you could just tell AI to always use the source of truth uh types that already

Và vì vậy, chỉ dẫn TypeScript của tôi, hoặc tôi không nghĩ bạn cần phải chỉ dẫn điều này, nhưng bạn có thể chỉ cần nói với AI luôn sử dụng các loại nguồn sự thật đã tồn tại trong ứng dụng.

57:09

exist in the app.

Tồn tại trong ứng dụng.

57:10

And Prisma is the source of truth types that exist in the app.

Và Prisma là các loại nguồn sự thật tồn tại trong ứng dụng.

57:14

You should never create other types unless they are required for something globalized and are not already part of the Prisma schema.

Bạn không bao giờ nên tạo các loại khác trừ khi chúng cần thiết cho một cái gì đó toàn cầu hóa và không phải là một phần của schema Prisma.

57:20

So I hope that is making sense.

Vì vậy, tôi hy vọng điều đó có ý nghĩa.

57:23

And so here's a quick challenge for you.

Và vì vậy, đây là một thử thách nhanh cho bạn.

57:25

The challenge is essentially I'm going to try my best to give you a little hint, maybe small few hints, but

Thử thách về cơ bản là tôi sẽ cố gắng hết sức để đưa cho bạn một gợi ý nhỏ, có thể là vài gợi ý nhỏ, nhưng

57:32

I'm not going to give you the full answer.

Tôi sẽ không đưa cho bạn câu trả lời đầy đủ.

57:35

So when we build server actions, right, I think we use the term use server on all pages, right?

Vì vậy, khi chúng ta xây dựng các server actions, phải không, tôi nghĩ chúng ta sử dụng thuật ngữ "use server" trên tất cả các trang, phải không?

57:41

And so just to see if you really understood this concept.

Và vì vậy, chỉ để xem bạn có thực sự hiểu khái niệm này không.

57:45

Now this will take a little bit of research.

Bây giờ điều này sẽ mất một chút nghiên cứu.

57:48

It's not a straightforward answer.

Nó không phải là một câu trả lời trực tiếp.

57:49

It's going to take you a little bit of finding a looking around.

Nó sẽ khiến bạn mất một chút thời gian để tìm kiếm và nhìn xung quanh.

57:54

But let's say not user use server.

Nhưng giả sử không phải là "use server" của người dùng.

57:56

This line

Dòng này

57:57

typically is supposed to be mentioned in every page where you have server actions.

Thông thường được cho là phải được đề cập trong mỗi trang nơi bạn có các server actions.

58:03

And so I want you to create some sort of TypeScript or some sort of architectural guardrail that ensures that this line exists on these pages.

Và vì vậy, tôi muốn bạn tạo ra một loại TypeScript hoặc một loại rào cản kiến trúc nào đó để đảm bảo rằng dòng này tồn tại trên các trang này.

58:12

So pause this video and try to guess or try to do some research to see how you could create your own architectural guardrail that enforces this concept.

Vì vậy, hãy tạm dừng video này và thử đoán hoặc thử nghiên cứu để xem bạn có thể tạo ra rào cản kiến trúc của riêng mình để thực thi khái niệm này không.

58:22

Okay?

Được chứ?

58:22

It's not the same thing as what we just explained, but it's very, very close.

Nó không giống với những gì chúng ta vừa giải thích, nhưng nó rất, rất gần.

58:28

And so go ahead, pause this video and give it a shot, and then we'll see you on the other side.

Và vì vậy, hãy tiếp tục, tạm dừng video này và thử làm, sau đó chúng ta sẽ gặp lại ở phía bên kia.

58:34

All right, welcome back.

Được rồi, chào mừng trở lại.

58:36

Hopefully, you got the right answer.

Hy vọng bạn đã có câu trả lời đúng.

58:37

If not, no worries.

Nếu không, đừng lo lắng.

58:39

Okay, I'm going to show you exactly what you need to do.

Được rồi, tôi sẽ chỉ cho bạn chính xác những gì bạn cần làm.

58:43

So, some of you might have thought, I'm going to enforce this inside the claw.md.

Vì vậy, một số bạn có thể đã nghĩ, tôi sẽ thực thi điều này bên trong tệp claw.md.

58:47

Very straightforward.

Rất đơn giản.

58:48

Tell the claw MD file to always have us server uh on top of

Nói với tệp claw MD luôn có "use server" ở trên cùng của

58:53

the file.

Tệp.

58:53

And this will probably work.

Và điều này có thể sẽ hoạt động.

58:55

However, I've noticed as my code drifted slowly, this AI just forgot about this.

Tuy nhiên, tôi đã nhận thấy khi mã của tôi dần dần lệch lạc, AI này chỉ quên mất điều này.

59:02

Why?

Tại sao?

59:02

because the pattern in the app the pattern in the app says something else.

Bởi vì mẫu trong ứng dụng, mẫu trong ứng dụng nói điều gì đó khác.

59:07

So I had a couple um a couple service pages that were kind of outdated and they did not have this line on top of the file, right?

Vì vậy, tôi có một vài trang dịch vụ hơi lỗi thời và chúng không có dòng này ở trên cùng của tệp, phải không?

59:16

And so what ended up happening is AI followed that the same pattern and it built multiple files, multiple services and I went like for 20 30% of the app thinking it was actually enforcing that rule because I put it specifically inside the claw.md file.

Và vì vậy, điều đã xảy ra là AI đã làm theo cùng một mẫu đó và nó đã xây dựng nhiều tệp, nhiều dịch vụ và tôi đã đi khoảng 20-30% ứng dụng nghĩ rằng nó thực sự đang thực thi quy tắc đó vì tôi đã đặt nó cụ thể bên trong tệp claw.md.

59:31

And so it's supposed to use it, right?

Và vì vậy, nó được cho là sẽ sử dụng nó, phải không?

59:33

But it did not.

Nhưng nó đã không.

59:34

And the reason is because the patterns were incorrect.

Và lý do là vì các mẫu không chính xác.

59:36

So no amount of context you give AI will actually work to enforce a rule.

Vì vậy, không có lượng ngữ cảnh nào bạn cung cấp cho AI sẽ thực sự hoạt động để thực thi một quy tắc.

59:41

And so later on I figure out the solution.

Và vì vậy, sau đó tôi đã tìm ra giải pháp.

59:44

And that's when you know I came AC I literally introduced these concepts that make more sense to me and which is not to rely on con context only and to try to rely more on error logs and linting.

Và đó là khi bạn biết tôi đến AC, tôi thực sự đã giới thiệu những khái niệm này có ý nghĩa hơn với tôi và đó là không chỉ dựa vào ngữ cảnh mà còn cố gắng dựa nhiều hơn vào nhật ký lỗi và linting.

59:56

And so here's how I would approach this problem.

Và đây là cách tôi sẽ tiếp cận vấn đề này.

59:59

So I have an eslint config file and this config file will allow me to throw eslint errors when something fails or you know when something is not following a pattern.

Vì vậy, tôi có một tệp cấu hình eslint và tệp cấu hình này sẽ cho phép tôi đưa ra lỗi eslint khi có gì đó thất bại hoặc bạn biết đấy, khi có gì đó không tuân theo một mẫu.

1:00:10

And so the easiest way to enforce this was to create an extended object uh here that points to my service files and talk about this first line.

Và cách dễ nhất để thực thi điều này là tạo một đối tượng mở rộng ở đây trỏ đến các tệp dịch vụ của tôi và nói về dòng đầu tiên này.

1:00:19

So the first child is kind

Vì vậy, đứa con đầu tiên là loại

1:00:22

of like I think this is sort of like CSS selectors and so the first child should be server only and this is a different key term uh different keyword which we'll get to later.

Giống như tôi nghĩ đây là loại bộ chọn CSS và đứa con đầu tiên nên là server only và đây là một thuật ngữ khác, một từ khóa khác mà chúng ta sẽ đề cập sau.

1:00:31

I didn't want to bring that up because it's different.

Tôi không muốn đề cập đến điều đó vì nó khác.

1:00:34

Uh, and it does I have a dedicated module for that as well.

Ừ, và tôi có một mô-đun chuyên dụng cho điều đó.

1:00:38

But you see how now AI will look at this and if it accidentally forgets to add the server only command or server only line at the top of the file when the ESLint um, you know, when the ESLint runs, it's going to throw an error, but that error will get plugged into AI and so we'll know exactly what to do.

Nhưng bạn thấy bây giờ AI sẽ xem xét điều này và nếu nó vô tình quên thêm lệnh server only hoặc dòng server only ở đầu tệp khi ESLint chạy, nó sẽ đưa ra lỗi, nhưng lỗi đó sẽ được đưa vào AI và vì vậy chúng ta sẽ biết chính xác phải làm gì.

1:00:57

Now the coolest part

Bây giờ phần tuyệt vời nhất

1:00:59

is while it's building it will also find these errors and uh because the pattern is also enforced and we are also using micro context injection so it'll get access to all this stuff and so now it looks at this and says okay I need to have this on top of the file and will it will add it on top of the file so there's a 100% guarantee that I will okay it's very difficult to say 100% but

Là trong khi xây dựng, nó cũng sẽ tìm thấy những lỗi này và vì mẫu cũng được thực thi và chúng ta cũng đang sử dụng micro context injection, nó sẽ có quyền truy cập vào tất cả những thứ này và vì vậy bây giờ nó nhìn vào điều này và nói được rồi tôi cần phải có cái này ở đầu tệp và nó sẽ thêm nó vào đầu tệp, vì vậy có sự đảm bảo 100% rằng tôi sẽ, được rồi, rất khó để nói 100% nhưng

1:01:21

I can confidently say that I will have server only on top of every single service file.

Tôi có thể tự tin nói rằng tôi sẽ có server only trên đầu mỗi tệp dịch vụ.

1:01:27

I hope this is uh making sense as well.

Tôi hy vọng điều này cũng có ý nghĩa.

1:01:30

So that concludes our TypeScript lockin module.

Vậy là kết thúc mô-đun TypeScript lockin của chúng ta.

1:01:32

Let's move on to the next stage now.

Bây giờ chúng ta hãy chuyển sang giai đoạn tiếp theo.

1:01:35

So in this module, we're going to learn about normalizing identity.

Vì vậy, trong mô-đun này, chúng ta sẽ tìm hiểu về việc chuẩn hóa danh tính.

1:01:39

So in the real world, you're probably going to use some sort of third party library to power up

Vì vậy, trong thế giới thực, bạn có thể sẽ sử dụng một số loại thư viện bên thứ ba để cung cấp sức mạnh cho

1:01:46

uh some features in your app.

Ừ, một số tính năng trong ứng dụng của bạn.

1:01:47

Some may use uh third party libraries for authentication, for form builders, for whatever it is, right?

Một số có thể sử dụng thư viện bên thứ ba để xác thực, để xây dựng biểu mẫu, hoặc bất cứ điều gì, phải không?

1:01:53

And so uh the idea is here f I mean is essentially this.

Và vì vậy, ý tưởng ở đây về cơ bản là thế này.

1:01:57

First of all I recommend you use third party libraries.

Trước hết, tôi khuyên bạn nên sử dụng thư viện bên thứ ba.

1:02:00

Don't try to build things from scratch right because the more data AI has access to the more consistent it can be with the outcome.

Đừng cố gắng xây dựng mọi thứ từ đầu, phải không, vì AI càng có nhiều dữ liệu thì kết quả càng nhất quán.

1:02:09

And so for example, if you try to build something from scratch, there's no documentation or external links that you that AI can use to refer to what is the best coding practices uh using those you know the custom design custom stuff you've built.

Và vì vậy, ví dụ, nếu bạn cố gắng xây dựng một cái gì đó từ đầu, không có tài liệu hoặc liên kết bên ngoài mà AI có thể sử dụng để tham khảo các phương pháp mã hóa tốt nhất bằng cách sử dụng những thứ tùy chỉnh bạn đã xây dựng.

1:02:24

And so my recommendation is to go with something that's third party because one if it's widely used there's so much data like that's why I

Và vì vậy, khuyến nghị của tôi là sử dụng một cái gì đó của bên thứ ba vì một là nếu nó được sử dụng rộng rãi thì có rất nhiều dữ liệu, đó là lý do tại sao tôi

1:02:33

love Nex.js that's why I love using clerk for authentication.

Yêu Nex.js, đó là lý do tại sao tôi thích sử dụng clerk để xác thực.

1:02:36

I like using thirdparty libraries.

Tôi thích sử dụng thư viện bên thứ ba.

1:02:37

I don't like building some sort of um authentication from scratch or building a website builder type design from scratch.

Tôi không thích xây dựng một số loại xác thực từ đầu hoặc xây dựng một thiết kế kiểu trình xây dựng trang web từ đầu.

1:02:44

Now I have done that in the past and uh it just takes a lot of time and you know you have to document really well in your codebase but um the reason why

Bây giờ tôi đã làm điều đó trong quá khứ và nó chỉ mất rất nhiều thời gian và bạn biết đấy, bạn phải ghi lại tài liệu thật tốt trong cơ sở mã của mình, nhưng lý do tại sao

1:02:55

I'm pointing this out is if you are a beginner then definitely use third party libraries.

Tôi chỉ ra điều này là nếu bạn là người mới bắt đầu thì chắc chắn hãy sử dụng thư viện bên thứ ba.

1:03:00

So now there's another problem that could happen, not all the time, but this problem could happen where the third party libraries you use might need to be swapped out in the future or um you sort of feel like if the third party library was used in your app, it might be restricted to a feature

Vì vậy, bây giờ có một vấn đề khác có thể xảy ra, không phải lúc nào cũng vậy, nhưng vấn đề này có thể xảy ra khi các thư viện bên thứ ba bạn sử dụng có thể cần được thay thế trong tương lai hoặc bạn có cảm giác rằng nếu thư viện bên thứ ba được sử dụng trong ứng dụng của bạn, nó có thể bị giới hạn ở một tính năng

1:03:18

that you need.

Mà bạn cần.

1:03:18

You need something that that third party tool can't give you, but you still want to use those tools.

Bạn cần một cái gì đó mà công cụ bên thứ ba đó không thể cung cấp cho bạn, nhưng bạn vẫn muốn sử dụng những công cụ đó.

1:03:23

And so um in my architectural guardrail in the same boiler plate that I have I actually have two different setups.

Và vì vậy, trong guardrail kiến trúc của tôi trong cùng một boilerplate mà tôi có, tôi thực sự có hai thiết lập khác nhau.

1:03:29

I have better o right which I think is uh they have it's a paid uh plus I think paid plus open source.

Tôi có better oath, mà tôi nghĩ là họ có nó là trả phí cộng với tôi nghĩ là trả phí cộng với mã nguồn mở.

1:03:36

So they have two different alternatives if you don't really need the paid plan but this is how better oath works and then you have clerk um and both of these have two

Vì vậy, họ có hai lựa chọn thay thế khác nhau nếu bạn không thực sự cần gói trả phí nhưng đây là cách better oath hoạt động và sau đó bạn có clerk và cả hai đều có hai

1:03:46

different u sort of offerings right better focuses on maximum flexibility uh and making it open source but you don't get any sort of uh any of the things you get on the you know on clerk.

Loại dịch vụ khác nhau, phải không, better tập trung vào sự linh hoạt tối đa và làm cho nó mã nguồn mở nhưng bạn không nhận được bất kỳ thứ gì bạn nhận được trên clerk.

1:04:00

So, Clerk focuses on speed and uh more on things like giving you audits, right?

Vì vậy, Clerk tập trung vào tốc độ và nhiều hơn vào những thứ như cung cấp cho bạn kiểm toán, phải không?

1:04:06

Session management, like all the all the stuff that you can do in a dashboard that you don't get with some

Quản lý phiên, như tất cả những thứ bạn có thể làm trong bảng điều khiển mà bạn không có được với một số

1:04:14

open source tools.

Công cụ mã nguồn mở.

1:04:14

And so, you just need to make the, you know, you need to compromise on one or one or the other in order to get um you know, exactly what you want.

Và vì vậy, bạn chỉ cần thỏa hiệp về cái này hoặc cái kia để có được chính xác những gì bạn muốn.

1:04:24

But here's a better alternative.

Nhưng đây là một lựa chọn thay thế tốt hơn.

1:04:26

If you could build some sort of an adapter layer, right?

Nếu bạn có thể xây dựng một số loại lớp adapter, phải không?

1:04:29

It's an adapter layer that essentially connects to all of these and uh that's why um I'm calling this normalizing identity.

Đó là một lớp adapter về cơ bản kết nối với tất cả những thứ này và đó là lý do tại sao tôi gọi đây là chuẩn hóa danh tính.

1:04:35

Now

Bây giờ

1:04:36

this will not always work.

Điều này sẽ không phải lúc nào cũng hoạt động.

1:04:37

I love using clerk for speed and because all the components are already built in and I can control sessions from the dashboard and so I started with clerk but then there are some restrictions obviously you know on based on the tool you choose to use and with clerk uh one of the things I wanted was role-based authentication because um in funnelmod.ai for example, you have

Tôi thích sử dụng clerk vì tốc độ và vì tất cả các thành phần đã được tích hợp sẵn và tôi có thể kiểm soát phiên từ bảng điều khiển và vì vậy tôi bắt đầu với clerk nhưng sau đó có một số hạn chế rõ ràng dựa trên công cụ bạn chọn và với clerk, một trong những điều tôi muốn là xác thực dựa trên vai trò vì trong funnelmod.ai chẳng hạn, bạn có

1:05:02

the ability to add members uh team members, right?

Khả năng thêm thành viên, thành viên nhóm, phải không?

1:05:04

So you can go and add team members in here, but clerk only limits that to 10 roles in total.

Vì vậy, bạn có thể thêm thành viên nhóm ở đây, nhưng clerk chỉ giới hạn điều đó ở 10 vai trò tổng cộng.

1:05:11

So each team member can have a role, but essentially if you create more than 10 roles in the entire application, you're done.

Vì vậy, mỗi thành viên nhóm có thể có một vai trò, nhưng về cơ bản nếu bạn tạo hơn 10 vai trò trong toàn bộ ứng dụng, bạn xong.

1:05:18

You can't you need to upgrade to even higher tiers, right?

Bạn không thể, bạn cần nâng cấp lên các gói cao hơn, phải không?

1:05:22

Which is fine with me.

Điều đó với tôi cũng được.

1:05:23

like that makes total

Kiểu như điều đó hoàn toàn

1:05:25

sense but um like I just want a little more flexibility there because my app relies on roles because I have something called customized roles and so I need to create some sort of common layer that gives me a combination of clerk gives me a combination of better off or um some sort of you don't even need better here right like it's not like okay I need to install this library and need to install

hợp lý, nhưng tôi chỉ muốn có thêm một chút linh hoạt ở đó vì ứng dụng của tôi phụ thuộc vào vai trò, vì tôi có thứ gọi là vai trò tùy chỉnh, và vì vậy tôi cần tạo ra một lớp chung nào đó kết hợp giữa Clerk và Better Auth hoặc một số thứ tương tự, bạn thậm chí không cần Better Auth ở đây, đúng không? Không phải là tôi cần cài đặt thư viện này và cần cài đặt

1:05:48

this that's not what I'm talking about what I'm talking about is common things that you can extract from This again goes back to our globalization strategy and sort of normalizing this right and we normalize this through um an adapter so we can get access to those new extension features.

cái kia, đó không phải điều tôi đang nói. Điều tôi đang nói là những thứ chung mà bạn có thể trích xuất từ điều này, điều này lại quay lại chiến lược toàn cầu hóa của chúng ta và chuẩn hóa điều này, và chúng ta chuẩn hóa nó thông qua một bộ điều hợp để có thể truy cập vào các tính năng mở rộng mới đó.

1:06:06

So that's essentially what I did here and I'm going to show you what that looks like.

Vì vậy, về cơ bản đó là những gì tôi đã làm ở đây và tôi sẽ cho bạn thấy nó trông như thế nào.

1:06:12

So essentially what I did here guys is I have this adapter membership and this adapter membership has a role property on this and this gives us the ability to extend on top of clerk.

Về cơ bản, những gì tôi đã làm ở đây là tôi có bộ điều hợp thành viên này và bộ điều hợp thành viên này có thuộc tính vai trò trên đó, và điều này cho chúng ta khả năng mở rộng trên nền tảng Clerk.

1:06:23

That means all clerk does is it handles the authentication itself and the members on the account but then I have this sort of role property in here and some other helpers in place that actually give it

Điều đó có nghĩa là tất cả những gì Clerk làm là xử lý xác thực và các thành viên trên tài khoản, nhưng sau đó tôi có thuộc tính vai trò này ở đây và một số trình trợ giúp khác thực sự cung cấp

1:06:36

the permissions for that role.

các quyền cho vai trò đó.

1:06:37

So if the user had a custom role essentially, I'm not storing that on clerk's end.

Vì vậy, nếu người dùng có vai trò tùy chỉnh, về cơ bản, tôi không lưu trữ điều đó trên phía Clerk.

1:06:42

What I've done instead is created this middle layer which I call the adapter layer and on that I create a plug-in type system.

Thay vào đó, những gì tôi đã làm là tạo ra lớp trung gian này mà tôi gọi là lớp bộ điều hợp và trên đó tôi tạo ra một hệ thống kiểu plugin.

1:06:49

So whether I choose to use some other authentication or whatever type authentication provider it doesn't really matter because that rolebased system which is very easy to handle is done um you know with very little bit of code um is done in here in this adapter layer.

Vì vậy, cho dù tôi chọn sử dụng một số xác thực khác hoặc bất kỳ loại nhà cung cấp xác thực nào, điều đó không thực sự quan trọng vì hệ thống dựa trên vai trò đó, rất dễ xử lý, được thực hiện với rất ít mã, được thực hiện ở đây trong lớp bộ điều hợp này.

1:07:03

So now I can connect anything I want.

Vì vậy, bây giờ tôi có thể kết nối bất cứ thứ gì tôi muốn.

1:07:05

So, um, I love the fact that Clerk is fast.

Vì vậy, tôi thích thực tế là Clerk nhanh.

1:07:08

Clerk is, uh, you know,

Clerk, bạn biết đấy,

1:07:10

easier to build with because it already has the components built out.

dễ xây dựng hơn vì nó đã có sẵn các thành phần.

1:07:12

So, that's why I started with Clerk and then I built this adapter layer because later on in the future if I want to change my provider, you know, I'm not locked in.

Vì vậy, đó là lý do tại sao tôi bắt đầu với Clerk và sau đó tôi xây dựng lớp bộ điều hợp này vì sau này trong tương lai nếu tôi muốn thay đổi nhà cung cấp của mình, bạn biết đấy, tôi không bị khóa.

1:07:21

So, this is something that you can implement as well.

Vì vậy, đây là điều bạn cũng có thể triển khai.

1:07:23

And I guess this kind of combines our globalization module that we learned and also shows you how to kind of expand on some features that you're using from thirdparty libraries.

Và tôi đoán điều này kết hợp mô-đun toàn cầu hóa mà chúng ta đã học và cũng cho bạn thấy cách mở rộng một số tính năng mà bạn đang sử dụng từ các thư viện bên thứ ba.

1:07:33

I'll give you another example.

Tôi sẽ cho bạn một ví dụ khác.

1:07:34

So another tool that I have directly inside phantomaz.ai is a uh kind of it's a editor, right?

Một công cụ khác mà tôi có trực tiếp bên trong phantomaz.ai là một loại trình soạn thảo, đúng không?

1:07:40

It's a text editor just so we can kind of see it as I'm building.

Đó là một trình soạn thảo văn bản để chúng ta có thể xem khi tôi đang xây dựng.

1:07:45

This is a text editor.

Đây là một trình soạn thảo văn bản.

1:07:46

Now, you will see this looks very similar to notion, right?

Bây giờ, bạn sẽ thấy cái này trông rất giống Notion, đúng không?

1:07:50

It this is exactly what Notion does.

Đây chính xác là những gì Notion làm.

1:07:52

They have this kind of block style editor.

Họ có loại trình soạn thảo kiểu khối này.

1:07:54

I like this design.

Tôi thích thiết kế này.

1:07:56

So, I'm not going to build this from scratch because I know how long it's going to take for me to actually build all of these blocks, the components.

Vì vậy, tôi sẽ không xây dựng cái này từ đầu vì tôi biết sẽ mất bao lâu để tôi thực sự xây dựng tất cả các khối này, các thành phần.

1:08:02

Like, I'll probably take forever, man.

Kiểu như, tôi có lẽ sẽ mất mãi mãi.

1:08:04

like this feature will take me a very long time to build from scratch and I also have to consider AI functionality.

Tính năng này sẽ khiến tôi mất rất nhiều thời gian để xây dựng từ đầu và tôi cũng phải xem xét chức năng AI.

1:08:11

What if AI has to build into this uh text editor and so what I did was I leveraged Lexle.

Điều gì xảy ra nếu AI phải được tích hợp vào trình soạn thảo văn bản này, và vì vậy những gì tôi đã làm là tận dụng Lexical.

1:08:17

So if you don't know what Lexicle is, Lexicle is another editor that works and the reason why I went with Lexle is first of all it is open source which is really good.

Vì vậy, nếu bạn không biết Lexical là gì, Lexical là một trình soạn thảo khác hoạt động và lý do tại sao tôi chọn Lexical là trước hết nó là mã nguồn mở, điều đó thực sự tốt.

1:08:28

Um, but not just that, it has this kind of um plug-in type design, right?

Nhưng không chỉ vậy, nó có loại thiết kế plugin này, đúng không?

1:08:33

And because it has a plug-in type design, I can

Và bởi vì nó có thiết kế plugin, tôi có thể

1:08:37

essentially build my own extensions or my own adapter, right?

về cơ bản xây dựng các tiện ích mở rộng của riêng tôi hoặc bộ điều hợp của riêng tôi, đúng không?

1:08:40

My own adapter layer and I can connect that into the lexical editor.

Lớp bộ điều hợp của riêng tôi và tôi có thể kết nối nó vào trình soạn thảo Lexical.

1:08:45

And another reason why I love lexical here is because it renders serverside.

Và một lý do khác tại sao tôi thích Lexical ở đây là vì nó kết xuất phía máy chủ.

1:08:50

So the same element that I was talking about uh this editor is rendered everywhere in my app.

Vì vậy, cùng một phần tử mà tôi đã nói đến, trình soạn thảo này được kết xuất ở mọi nơi trong ứng dụng của tôi.

1:08:57

It's inside tickets.

Nó nằm trong các phiếu yêu cầu.

1:08:58

It's inside uh my website builder for rich text editor.

Nó nằm trong trình xây dựng trang web của tôi cho trình soạn thảo văn bản phong phú.

1:09:02

It's inside invoices section for it's inside contracts.

Nó nằm trong phần hóa đơn, nó nằm trong hợp đồng.

1:09:04

It's the same thing.

Nó là cùng một thứ.

1:09:06

So for example, you see I've expanded on this.

Vì vậy, ví dụ, bạn thấy tôi đã mở rộng điều này.

1:09:08

So I've built my own plugins.

Vì vậy, tôi đã xây dựng các plugin của riêng mình.

1:09:10

So I can expand on the baseline, right?

Vì vậy, tôi có thể mở rộng trên nền tảng cơ bản, đúng không?

1:09:12

So it's given me more features here.

Vì vậy, nó đã cho tôi nhiều tính năng hơn ở đây.

1:09:14

So I have a signature element.

Vì vậy, tôi có một phần tử chữ ký.

1:09:16

I have an input element as well.

Tôi cũng có một phần tử đầu vào.

1:09:17

Uh where is that?

Ở đâu rồi nhỉ?

1:09:19

Let's see.

Để tôi xem.

1:09:21

There you go.

Đây rồi.

1:09:22

Input field.

Trường nhập liệu.

1:09:22

So I can give it some properties here.

Vì vậy tôi có thể đặt một số thuộc tính ở đây.

1:09:25

And I also have dynamic variables.

Và tôi cũng có các biến động.

1:09:27

This is a very complex feature if you try to build it from scratch.

Đây là một tính năng rất phức tạp nếu bạn cố gắng xây dựng nó từ đầu.

1:09:31

And yes, this feature was built from scratch.

Và vâng, tính năng này được xây dựng từ đầu.

1:09:34

But the point is it's easier to implement across the entire app because I have built I've essentially consumed the plug-in type architecture and built on top of my of

Nhưng vấn đề là nó dễ triển khai trên toàn bộ ứng dụng hơn vì tôi đã xây dựng về cơ bản tôi đã tiêu thụ kiến trúc plugin và xây dựng trên nền tảng của tôi của

1:09:44

the third party library.

Thư viện bên thứ ba.

1:09:45

So I have this sort of thing here where I can connect a dynamic variable.

Vì vậy tôi có thứ này ở đây nơi tôi có thể kết nối một biến động.

1:09:48

So if I want to bring in first name, you see I can bring in a first name and uh connect a lead or a recipient onto this.

Vì vậy nếu tôi muốn đưa tên, bạn thấy tôi có thể đưa tên và kết nối một khách hàng tiềm năng hoặc người nhận vào đây.

1:09:55

This is a test recipient I've built and that's why it plugs in their name.

Đây là người nhận thử nghiệm tôi đã tạo và đó là lý do tại sao nó điền tên của họ.

1:09:59

So if I do something like email, you see it's plugging in their email.

Vì vậy nếu tôi làm điều gì đó như email, bạn thấy nó đang điền email của họ.

1:10:03

So u you

Vì vậy bạn

1:10:04

essentially should consider using thirdparty tools to start from and then try to build on top of what they have through some kind of adapter layer.

Về cơ bản nên xem xét sử dụng các công cụ bên thứ ba để bắt đầu và sau đó cố gắng xây dựng trên những gì họ có thông qua một lớp adapter.

1:10:13

So in my app you see I have a shared adapter in here and this is the shared permission thing.

Vì vậy trong ứng dụng của tôi, bạn thấy tôi có một adapter dùng chung ở đây và đây là thứ quyền dùng chung.

1:10:20

This is that adapter itself and then I have different authentication providers.

Đây là adapter đó và sau đó tôi có các nhà cung cấp xác thực khác nhau.

1:10:24

This branch is using clerk only.

Nhánh này chỉ sử dụng clerk.

1:10:26

Um and I have other

Ừm và tôi có khác

1:10:28

other providers like better o and some other third party libraries and I just have to create the adapter layer or the connection layers for them and just mirror that into the shared resource.

Các nhà cung cấp khác như better o và một số thư viện bên thứ ba khác và tôi chỉ cần tạo lớp adapter hoặc lớp kết nối cho họ và chỉ phản ánh điều đó vào tài nguyên dùng chung.

1:10:38

So that brings us to the end of the normalization identity module.

Vì vậy điều đó đưa chúng ta đến cuối mô-đun nhận dạng chuẩn hóa.

1:10:41

Let's move on now.

Bây giờ chúng ta hãy chuyển sang.

1:10:43

So in this module I want to discuss what the server only concept means.

Vì vậy trong mô-đun này tôi muốn thảo luận về ý nghĩa của khái niệm chỉ máy chủ.

1:10:47

Now we already went across this

Bây giờ chúng ta đã đi qua điều này

1:10:49

in the previous modules and so you understand how to implement an architectural guardrail to sort of control the userver server only and uh building more stuff on top of this but I just want to show you why I did this inside my application inside the architectural guardrail.

Trong các mô-đun trước và vì vậy bạn hiểu cách triển khai một rào cản kiến trúc để kiểm soát máy chủ chỉ và xây dựng thêm những thứ trên nền tảng này nhưng tôi chỉ muốn cho bạn thấy tại sao tôi làm điều này bên trong ứng dụng của tôi bên trong rào cản kiến trúc.

1:11:04

So this essentially connects to security, right?

Vì vậy điều này về cơ bản kết nối với bảo mật, phải không?

1:11:07

Everything in your app has to be as secure as possible.

Mọi thứ trong ứng dụng của bạn phải an toàn nhất có thể.

1:11:09

And when you're building with AI, AI can pretty much do whatever it wants.

Và khi bạn xây dựng với AI, AI có thể làm bất cứ điều gì nó muốn.

1:11:13

And so that's why I connect all of this to a pattern, a pattern that has been used before.

Và đó là lý do tại sao tôi kết nối tất cả những điều này với một mẫu, một mẫu đã được sử dụng trước đây.

1:11:18

So it doesn't have to think.

Vì vậy nó không phải suy nghĩ.

1:11:19

It just has to start implementing that pattern.

Nó chỉ cần bắt đầu triển khai mẫu đó.

1:11:21

And so one of the most common, I guess, security threats that I see in most AI

Và vì vậy một trong những mối đe dọa bảo mật phổ biến nhất mà tôi thấy trong hầu hết các ứng dụng AI

1:11:26

developed applications is what it does is it creates this API endpoint, right?

Được phát triển là những gì nó làm là tạo ra điểm cuối API này, phải không?

1:11:31

It has an API endpoint to essentially make any changes in the app and then what it would do is inside all of these it would create the authentication checker uh like permissions feature gates etc.

Nó có một điểm cuối API để về cơ bản thực hiện bất kỳ thay đổi nào trong ứng dụng và sau đó những gì nó sẽ làm là bên trong tất cả những thứ này nó sẽ tạo ra trình kiểm tra xác thực như cổng tính năng quyền, v.v.

1:11:43

Now we actually connect that into something called the block which we'll look at later.

Bây giờ chúng ta thực sự kết nối điều đó với một thứ gọi là khối, chúng ta sẽ xem xét sau.

1:11:48

But right now what I want to focus your attention on is inside this API layer essentially for

Nhưng ngay bây giờ những gì tôi muốn tập trung sự chú ý của bạn vào là bên trong lớp API này về cơ bản cho

1:11:54

someone to call this API endpoint they can just call the address.

Ai đó gọi điểm cuối API này họ chỉ có thể gọi địa chỉ.

1:11:58

And so uh what some people do is they create a server action which is very normal in Nex.js applications, right?

Và vì vậy những gì một số người làm là họ tạo ra một hành động máy chủ, điều này rất bình thường trong các ứng dụng Nex.js, phải không?

1:12:05

You create a server action that is a function and it does a very specific thing which is it's just a function that can call the server.

Bạn tạo một hành động máy chủ là một hàm và nó làm một việc rất cụ thể đó là nó chỉ là một hàm có thể gọi máy chủ.

1:12:14

That's it.

Đó là nó.

1:12:15

Very straightforward.

Rất đơn giản.

1:12:15

But what people don't

Nhưng những gì mọi người không

1:12:17

understand is that server actions can also be called on the client.

Hiểu là các hành động máy chủ cũng có thể được gọi trên máy khách.

1:12:21

So if you have a form and the form essentially has a submit button, if your server action connects to this, right, you can essentially fire this from the client itself.

Vì vậy nếu bạn có một biểu mẫu và biểu mẫu về cơ bản có một nút gửi, nếu hành động máy chủ của bạn kết nối với điều này, phải không, bạn về cơ bản có thể kích hoạt điều này từ chính máy khách.

1:12:31

You don't have to run this on the on the server.

Bạn không phải chạy điều này trên máy chủ.

1:12:35

That means server actions.

Điều đó có nghĩa là các hành động máy chủ.

1:12:36

I know it's the word is really misleading.

Tôi biết từ này thực sự gây hiểu lầm.

1:12:39

What this actually means is

Điều này thực sự có nghĩa là

1:12:41

it just does server stuff in here, but this function can be run on the client.

Nó chỉ làm các công việc máy chủ ở đây, nhưng hàm này có thể được chạy trên máy khách.

1:12:45

So what that means is this function, the server action you created is actually bundled.

Vì vậy điều đó có nghĩa là hàm này, hành động máy chủ bạn tạo thực sự được đóng gói.

1:12:50

It's bundled on the client and it's sent to the client.

Nó được đóng gói trên máy khách và được gửi đến máy khách.

1:12:53

So the client can now it technically speaking a hacker just has to figure out the bundle ID.

Vì vậy máy khách bây giờ về mặt kỹ thuật mà nói một hacker chỉ cần tìm ra ID gói.

1:12:59

I think this is how you would do it.

Tôi nghĩ đây là cách bạn sẽ làm.

1:13:02

Um, I did do an experiment

Ừm, tôi đã làm một thí nghiệm

1:13:04

a while ago to see how to find this, but you would probably need an ID of some sort and you could literally call the exact server function.

Một lúc trước để xem cách tìm cái này, nhưng bạn có thể sẽ cần một loại ID nào đó và bạn có thể gọi trực tiếp hàm máy chủ.

1:13:11

So, if none of this is done in the server action and you're protecting, you're relying on the API endpoints technically to do all this stuff, then the hacker can just bypass all permissions and call the server function directly, the server actions

Vì vậy, nếu không có gì trong số này được thực hiện trong server action và bạn đang bảo vệ, bạn đang dựa vào các endpoint API về mặt kỹ thuật để làm tất cả những việc này, thì hacker có thể bỏ qua tất cả các quyền và gọi trực tiếp hàm máy chủ, các server actions

1:13:23

function.

Hàm.

1:13:23

And so, what's one way, one the smallest step of action that we can implement to completely eliminate this problem?

Và vậy, một cách, một bước hành động nhỏ nhất mà chúng ta có thể triển khai để loại bỏ hoàn toàn vấn đề này là gì?

1:13:29

Well, the first one we can do is to prevent this from being bundled on the client so that users or the hacker or whoever can't actually call this function directly on the client.

Chà, điều đầu tiên chúng ta có thể làm là ngăn chặn việc này được đóng gói trên máy khách để người dùng hoặc hacker hoặc bất kỳ ai không thể gọi trực tiếp hàm này trên máy khách.

1:13:40

And the way to do that is by changing all server actions to server only functions.

Và cách để làm điều đó là thay đổi tất cả các server actions thành các hàm chỉ chạy trên máy chủ.

1:13:45

And

Và

1:13:46

the way we do that is by importing this statement at the top of each service file.

Cách chúng ta làm điều đó là bằng cách nhập câu lệnh này ở đầu mỗi tệp dịch vụ.

1:13:51

So if I show you what a service looks like, you'll see it has import server only on top.

Vì vậy, nếu tôi cho bạn thấy một dịch vụ trông như thế nào, bạn sẽ thấy nó có import server only ở trên cùng.

1:13:58

And this server only right here is what prevents this code from being bundled with the client and nobody can call this endpoint essentially.

Và server only ngay đây là thứ ngăn chặn mã này được đóng gói với máy khách và không ai có thể gọi endpoint này về cơ bản.

1:14:06

Um I mean this can only run on the server that's what it means.

Ừm, ý tôi là cái này chỉ có thể chạy trên máy chủ, đó là ý nghĩa của nó.

1:14:10

Vì vậy

1:14:11

this kind of eliminates that problem and now by building this pattern we one instruct AI we first instruct AI that it has to use this in all services and we've also done the same thing on the ESLint config if you remember and so now it is strictly enforced uh for all these service these services to only be called on the server and this makes this application so much more protected so

Điều này phần nào loại bỏ vấn đề đó và bây giờ bằng cách xây dựng mẫu này, chúng ta một là hướng dẫn AI, trước tiên chúng ta hướng dẫn AI rằng nó phải sử dụng cái này trong tất cả các dịch vụ và chúng ta cũng đã làm điều tương tự với cấu hình ESLint nếu bạn nhớ, và vì vậy bây giờ nó được thực thi nghiêm ngặt cho tất cả các dịch vụ này chỉ được gọi trên máy chủ và điều này làm cho ứng dụng này được bảo vệ nhiều hơn, vì vậy

1:14:37

much more secure and so that's why the architectural guardrail has this in place by default.

An toàn hơn nhiều và đó là lý do tại sao kiến trúc bảo vệ có cái này theo mặc định.

1:14:42

So all services u all services are protected.

Vì vậy, tất cả các dịch vụ đều được bảo vệ.

1:14:44

That means you can't call this function just like that.

Điều đó có nghĩa là bạn không thể gọi hàm này một cách dễ dàng như vậy.

1:14:48

Right?

Đúng không?

1:14:48

It runs only on the server.

Nó chỉ chạy trên máy chủ.

1:14:50

So that wraps up the server only module.

Vì vậy, điều đó kết thúc mô-đun chỉ dành cho máy chủ.

1:14:53

Now is the fun stuff which is the block.

Bây giờ là phần thú vị, đó là khối.

1:14:56

So let's move on.

Vì vậy, hãy tiếp tục.

1:14:57

So in this module we're going to focus on the heart of the entire architectural guardrail.

Vì vậy, trong mô-đun này, chúng ta sẽ tập trung vào trái tim của toàn bộ kiến trúc bảo vệ.

1:15:02

That means the whole pattern recognition concept.

Điều đó có nghĩa là toàn bộ khái niệm nhận dạng mẫu.

1:15:04

All of the things we have learned so far kind of pieced together because this is the bare bones.

Tất cả những điều chúng ta đã học cho đến nay được ghép lại với nhau vì đây là phần cốt lõi.

1:15:10

This is the skeletal structure for pattern recognition across our product across our app.

Đây là cấu trúc xương sống cho việc nhận dạng mẫu trên toàn bộ sản phẩm của chúng ta, trên toàn bộ ứng dụng của chúng ta.

1:15:15

So let's jump straight right

Vì vậy, hãy đi thẳng vào

1:15:17

in.

Trong.

1:15:17

So this essentially combines the concept of globalization obviously and it also combines maximum security.

Vì vậy, điều này về cơ bản kết hợp khái niệm toàn cầu hóa một cách rõ ràng và nó cũng kết hợp bảo mật tối đa.

1:15:23

Okay, so it's super secure as much as possible.

Được rồi, vì vậy nó siêu an toàn nhất có thể.

1:15:27

It also combines TypeScript as much as possible as well.

Nó cũng kết hợp TypeScript càng nhiều càng tốt.

1:15:31

And uh you will see exactly why.

Và bạn sẽ thấy chính xác lý do tại sao.

1:15:34

and it also has some sort of normalized entry point and pretty much all of the things we've just discussed um you know so far.

Và nó cũng có một số loại điểm vào được chuẩn hóa và khá nhiều tất cả những thứ chúng ta vừa thảo luận cho đến nay.

1:15:44

So in my

Vì vậy, trong tâm trí tôi

1:15:46

mind when I was building the architectural guardrail I like I said I was constantly facing this issue right I saw these things kind of happen and so I thought okay if we are implementing some sort of globalized pattern globalized pattern for our um you know our feature gate system then we can probably do something for the API layer for the entire app itself for the entire back

Khi tôi đang xây dựng kiến trúc bảo vệ, như tôi đã nói, tôi liên tục gặp phải vấn đề này, tôi thấy những điều này xảy ra và vì vậy tôi nghĩ, được rồi, nếu chúng ta đang triển khai một số loại mẫu toàn cầu hóa cho hệ thống cổng tính năng của chúng ta, thì chúng ta có thể làm điều gì đó cho lớp API của toàn bộ ứng dụng, cho toàn bộ phần phụ trợ, và vì vậy đây là những gì tôi đã chia nhỏ toàn bộ hình ảnh này trong tâm trí mình thành và vì vậy đây là một số điều tôi đã nghĩ đến khi tôi muốn xây dựng Mochi và kiến trúc bảo vệ được bắt nguồn từ đó.

1:16:10

end and so this is what I broke down this whole image in my mind into and so here are some things I had in mind when I wanted to build uh Mochi and the architectural guardrail was derived from that.

Vì vậy, điều đầu tiên là ứng dụng cần phải cực kỳ nhanh, như tôi muốn nó có một số loại cách tiếp cận lạc quan, đúng không, điều đó có nghĩa là người dùng nên cảm thấy như mọi thứ chỉ là

1:16:25

So the first thing is the app needs to be blazing fast like I wanted it to have some sort of optimistic uh approach right that means the user should feel like everything is just

Nhanh một cách kỳ lạ, ngay cả khi chuyển đổi giữa các trang, bây giờ lần hiển thị đầu tiên hầu như luôn phụ thuộc vào tốc độ mạng của bạn, vì vậy tôi không thể kiểm soát điều đó, nhưng ý tôi là cực kỳ nhanh là cách tiếp cận lạc quan, có thể là một số loại bộ nhớ đệm máy chủ, có thể là bộ nhớ đệm phía máy khách.

1:16:38

weirdly too fast even switching between pages now the first render will is always pretty much depends on uh your your speed of your network so that I can't really control that but for what I mean by blazing fast is optimistic approach maybe some kind of server cache right maybe client side cache as well.

Chúng ta đã nói về điều này, đúng không?

1:16:58

We spoke about this, right?

Vì vậy, có một số loại bộ nhớ đệm phía máy khách, điều này cũng quan trọng.

1:16:59

So having some sort of client side cache this is also important.

Và nếu tôi đang triển khai lạc quan, tôi cần một số loại vô hiệu hóa tại chỗ.

1:17:03

And if I'm implementing optimistic, I need uh some kind of invalidation in place.

Vì vậy, đây là một số khái niệm mà tôi muốn sử dụng trong ứng dụng để tạo ra giao diện người dùng này, loại trải nghiệm người dùng này.

1:17:07

So these are some concepts that I want to use in the app in order to create this user interface uh this sort of user experience.

Sau đó, điều tiếp theo tôi cần là hỗ trợ TypeScript đầy đủ.

1:17:15

Then the next thing I need is full TypeScript support.

Vì vậy, hỗ trợ TypeScript này

1:17:18

So this TypeScript support

Nên dễ dàng nhất có thể để triển khai.

1:17:20

should be as uh you know uh as easy as possible to also implement.

Điều đó có nghĩa là chỉ bằng cách xây dựng, tôi cần TypeScript.

1:17:25

That means by just building I need TypeScript.

Tôi không muốn xây dựng TypeScript để tạo ra chiến lược khóa chặt TypeScript.

1:17:27

I don't want to build TypeScript in order to create the TypeScript lock in uh strategy.

Đúng không?

1:17:33

Right?

Vì vậy, đó là điều tôi đã nghĩ đến.

1:17:33

So that was something I had in mind as well.

Và đó là điều tôi đã nghĩ đến.

1:17:37

And the most important thing is we need that block type design.

Và điều quan trọng nhất là chúng ta cần thiết kế loại khối đó.

1:17:41

So what does this mean?

Vậy điều này có nghĩa là gì?

1:17:43

So essentially the block is imagine you're

Về cơ bản, khối là hãy tưởng tượng bạn đang

1:17:46

building the this is the client.

Xây dựng cái này là khách hàng.

1:17:47

So this is the front end.

Đây là phần giao diện người dùng.

1:17:49

You're building this feature.

Bạn đang xây dựng tính năng này.

1:17:50

So this is what the user interacts with, right?

Đây là thứ người dùng tương tác, đúng không?

1:17:53

all data, any and all data, whether it comes from the client, whether it comes from, let's actually change this name.

Tất cả dữ liệu, bất kỳ và tất cả dữ liệu, dù đến từ khách hàng, dù đến từ, hãy đổi tên cái này.

1:17:59

I'm going to call this traffic because it just makes more sense.

Tôi sẽ gọi nó là lưu lượng truy cập vì nó hợp lý hơn.

1:18:03

All kinds of traffic, whether it comes through a user

Tất cả các loại lưu lượng truy cập, dù đến từ người dùng

1:18:06

interaction, whether it comes through someone just hacking the endpoint and directly calling it or whether it is just AI building stuff.

tương tác, dù đến từ ai đó hack endpoint và gọi trực tiếp, hay chỉ là AI xây dựng thứ gì đó.

1:18:13

So even if it is just AI vibe coding and using these um you know using the API endpoint or uh yeah so essentially whatever is happening here all sorts of tra traffic that needs to go to my backend that needs to use my backend in some way has

Vì vậy, ngay cả khi chỉ là AI vibe coding và sử dụng những cái này, bạn biết đấy, sử dụng API endpoint hoặc, ừ, về cơ bản bất cứ điều gì đang xảy ra ở đây, tất cả các loại lưu lượng truy cập cần đến backend của tôi, cần sử dụng backend của tôi theo một cách nào đó, đều phải

1:18:32

to go through a block right here.

đi qua một khối ngay tại đây.

1:18:34

It has to go through this block because I have a bunch of things I want to do before it actually hits the server, right?

Nó phải đi qua khối này vì tôi có một loạt thứ tôi muốn làm trước khi nó thực sự đến máy chủ, đúng không?

1:18:41

And I want to also have the ability to reuse some of these on the client as well.

Và tôi cũng muốn có khả năng tái sử dụng một số trong số này ở phía khách hàng.

1:18:46

So I can create that optimistic super fast experience.

Vì vậy tôi có thể tạo ra trải nghiệm siêu nhanh lạc quan đó.

1:18:49

And so this block needs to have what all?

Và vì vậy khối này cần có những gì?

1:18:51

Well, it needs to have some sort of session management, right?

Chà, nó cần có một số loại quản lý phiên, đúng không?

1:18:55

It probably needs to have the plan caching.

Nó có lẽ cần có bộ nhớ đệm kế hoạch.

1:18:57

So to check if the user has access to whatever they're trying to access.

Để kiểm tra xem người dùng có quyền truy cập vào những gì họ đang cố truy cập hay không.

1:19:01

It needs to use our resources that we created, right?

Nó cần sử dụng các tài nguyên chúng ta đã tạo, đúng không?

1:19:05

The source of truth thing that we created uh and I showed you a while ago.

Thứ nguồn sự thật mà chúng ta đã tạo và tôi đã cho bạn xem một lúc trước.

1:19:10

And uh it also has to have audit logs.

Và nó cũng phải có nhật ký kiểm toán.

1:19:12

It has to have some kind of permission checks, right?

Nó phải có một số loại kiểm tra quyền, đúng không?

1:19:16

It has to have rate limiting.

Nó phải có giới hạn tốc độ.

1:19:18

This just makes so much more sense cuz if I can if I can wire all of this up into this all of this stuff, sorry, the other way.

Điều này hợp lý hơn nhiều vì nếu tôi có thể kết nối tất cả những thứ này vào khối này, tất cả những thứ này, xin lỗi, theo cách khác.

1:19:27

If I can wire all of this stuff into this this block that I was talking about.

Nếu tôi có thể kết nối tất cả những thứ này vào khối mà tôi đã nói đến.

1:19:33

Now whatever AI builds if it can just use a pattern and the way I create the pattern is by creating another uh easily referenceable kind of word.

Bây giờ bất cứ điều gì AI xây dựng, nếu nó có thể chỉ sử dụng một mẫu và cách tôi tạo mẫu là bằng cách tạo ra một từ dễ tham chiếu khác.

1:19:42

So I call

Vì vậy tôi gọi

1:19:44

this protected uh protected route.

Đây là tuyến được bảo vệ.

1:19:45

Let's just call this protected route.

Hãy gọi đây là tuyến được bảo vệ.

1:19:47

If I could call this protected route and all AI has to remember is protected route because it's been used so frequently right and we created a pattern out of this then my life would be so much easier.

Nếu tôi có thể gọi đây là tuyến được bảo vệ và tất cả những gì AI cần nhớ là tuyến được bảo vệ vì nó được sử dụng rất thường xuyên và chúng ta đã tạo ra một mẫu từ điều này, thì cuộc sống của tôi sẽ dễ dàng hơn nhiều.

1:19:59

whatever AI writes will end up going through here.

Bất cứ điều gì AI viết sẽ đi qua đây.

1:20:02

Not just that, it also makes it easier for me to audit the

Không chỉ vậy, nó cũng giúp tôi dễ dàng kiểm tra

1:20:06

code that AI wrote because all I have to see on my left sidebar is the git commit history or the git changes and I should see a some sort of a resource if it if it's needed to be added or whatever.

mã mà AI đã viết vì tất cả những gì tôi cần thấy trên thanh bên trái là lịch sử commit git hoặc các thay đổi git và tôi sẽ thấy một số loại tài nguyên nếu nó cần được thêm vào hoặc bất cứ điều gì.

1:20:20

I should see the API endpoint and I can click on that and immediately see if it used the protected route and I'm all set.

Tôi sẽ thấy API endpoint và tôi có thể nhấp vào đó và ngay lập tức thấy nó có sử dụng tuyến được bảo vệ không và tôi xong.

1:20:28

I'm happy now.

Bây giờ tôi hạnh phúc.

1:20:29

All I have to do now is act like a QA and test the

Tất cả những gì tôi phải làm bây giờ là đóng vai QA và kiểm tra

1:20:34

entire feature.

toàn bộ tính năng.

1:20:34

Like literally click on the buttons and try to test outlier situations and see if the app is working because the code itself is built to production.

Theo nghĩa đen, nhấp vào các nút và cố gắng kiểm tra các tình huống ngoại lệ và xem ứng dụng có hoạt động không vì mã được xây dựng để sản xuất.

1:20:43

Like it's built securely.

Giống như nó được xây dựng an toàn.

1:20:45

Now, when I say to production, I'm not saying that it's going to be 100% bug-free.

Bây giờ, khi tôi nói để sản xuất, tôi không nói rằng nó sẽ không có lỗi 100%.

1:20:50

The thing is bugs are solvable.

Vấn đề là lỗi có thể giải quyết được.

1:20:52

You can solve these bugs, but what you can't solve is a breach that happens here.

Bạn có thể giải quyết những lỗi này, nhưng thứ bạn không thể giải quyết là một vụ vi phạm xảy ra ở đây.

1:20:58

What you can't solve is someone's data like let's say crosscontamination where you have an org, right?

Thứ bạn không thể giải quyết là dữ liệu của ai đó, chẳng hạn như lây nhiễm chéo khi bạn có một tổ chức, đúng không?

1:21:04

You have three orgs here and they're storing customer data, right?

Bạn có ba tổ chức ở đây và họ đang lưu trữ dữ liệu khách hàng, đúng không?

1:21:08

But because you made a mistake on some layer here and you did not use or scoping and what that essentially means is all data being fetched has to be scoped to this org.

Nhưng vì bạn đã mắc lỗi ở một lớp nào đó ở đây và bạn không sử dụng phạm vi tổ chức, và về cơ bản điều đó có nghĩa là tất cả dữ liệu được tìm nạp phải được giới hạn trong tổ chức này.

1:21:19

So it needs an org ID, right?

Vì vậy nó cần một ID tổ chức, đúng không?

1:21:22

And essentially if this mistake took place now you're in big trouble because now you have pretty much you I mean you've breached u all security measures in your app and now

Và về cơ bản nếu lỗi này xảy ra, bây giờ bạn gặp rắc rối lớn vì bây giờ bạn đã vi phạm tất cả các biện pháp bảo mật trong ứng dụng của mình và bây giờ

1:21:33

you've leaked customer data and so let's say if this person accesses this person's data and this like that's when the mess up actually happens and so it's not bugs that cause issues it's actually these things that cause real issues in in production grade apps.

Bạn đã làm rò rỉ dữ liệu khách hàng và vì vậy giả sử nếu người này truy cập dữ liệu của người này và điều đó xảy ra, đó là lúc mớ hỗn độn thực sự xảy ra và vì vậy không phải lỗi gây ra vấn đề mà chính những thứ này gây ra vấn đề thực sự trong các ứng dụng cấp sản xuất.

1:21:47

So bugs 100% solvable and customers are very understanding with like hey this is annoying please fix it and if you fix it

Vì vậy, lỗi 100% có thể giải quyết và khách hàng rất dễ hiểu, kiểu như này phiền quá hãy sửa nó và nếu bạn sửa nó

1:21:54

they're happy right so um so that's why I wanted to point out that we need this kind of block layer in between if we can build all of the most important annoying things into the block and give it a pointer to something that has already been built in the in the app as a pattern AI just remembers that and all it has to do is just build that's it and then the TypeScript echo signals

Họ sẽ vui, phải không, vì vậy đó là lý do tại sao tôi muốn chỉ ra rằng chúng ta cần loại lớp chặn này ở giữa nếu chúng ta có thể xây dựng tất cả những điều quan trọng và phiền phức nhất vào khối và cung cấp cho nó một con trỏ đến thứ gì đó đã được xây dựng trong ứng dụng như một mẫu AI chỉ cần nhớ điều đó và tất cả những gì nó cần làm là xây dựng, vậy thôi, và sau đó tín hiệu TypeScript echo

1:22:17

essentially tell it while it's using the protected route exactly what is needed to fully build out protected path.

Về cơ bản nói với nó trong khi sử dụng tuyến đường được bảo vệ chính xác những gì cần thiết để xây dựng đầy đủ đường dẫn được bảo vệ.

1:22:22

So we'll take a look at that as well.

Vì vậy, chúng ta sẽ xem xét điều đó nữa.

1:22:25

But some other concepts are that well it should plug into our existing you know what existing stuff that we're building in the app and then database isolation.

Nhưng một số khái niệm khác là nó nên kết nối với những gì chúng ta đang xây dựng trong ứng dụng và sau đó là cô lập cơ sở dữ liệu.

1:22:34

So what I see people do a lot is um if they're trying to use something like superbase right what they would do is they would just use superbase in the root of the application that means they would use superbase's um IDE in order to connect to the database so I think there is like a way you can create an instance with superbase right something like this I don't know I'm just giving

Vì vậy, điều tôi thấy mọi người làm rất nhiều là nếu họ đang cố sử dụng thứ gì đó như superbase, những gì họ sẽ làm là họ sẽ chỉ sử dụng superbase ở gốc của ứng dụng, điều đó có nghĩa là họ sẽ sử dụng IDE của superbase để kết nối với cơ sở dữ liệu, vì vậy tôi nghĩ có một cách bạn có thể tạo một phiên bản với superbase, đại loại như thế này, tôi không biết, tôi chỉ đưa ra

1:22:58

an example and then inside the app they would start using superbase to do superbase get data for example right now what if I want to change my database what if the database is slow what if I'm just not happy with my experience and so you see you've c you've kind of screwed yourself over and this is why I was talking about normalizing identity right normalizing identity could would have solved this

Một ví dụ và sau đó bên trong ứng dụng họ sẽ bắt đầu sử dụng superbase để lấy dữ liệu chẳng hạn, bây giờ nếu tôi muốn thay đổi cơ sở dữ liệu của mình thì sao, nếu cơ sở dữ liệu chậm thì sao, nếu tôi không hài lòng với trải nghiệm của mình thì sao, và vì vậy bạn thấy đấy, bạn đã tự làm khó mình, và đây là lý do tại sao tôi nói về việc chuẩn hóa danh tính, chuẩn hóa danh tính có thể đã giải quyết được vấn đề này

1:23:23

problem and an example is um in mochi when um I was when I was using a database I did not want to use changing it uh became hell because I did not build this in place.

Và một ví dụ là trong mochi khi tôi đang sử dụng cơ sở dữ liệu, tôi không muốn thay đổi nó, nó trở thành địa ngục vì tôi đã không xây dựng điều này ngay từ đầu.

1:23:35

I did not put this in place.

Tôi đã không đặt điều này vào vị trí.

1:23:37

I didn't put the entire uh database isolation module in place.

Tôi đã không đặt toàn bộ mô-đun cô lập cơ sở dữ liệu vào vị trí.

1:23:41

And so now I had to refactor all the code.

Và vì vậy bây giờ tôi phải refactor tất cả mã.

1:23:45

But I was lucky because it happened early on uh when I was when I started building.

Nhưng tôi đã may mắn vì điều đó xảy ra sớm khi tôi bắt đầu xây dựng.

1:23:49

So it was easier for me to just strip it out.

Vì vậy, việc loại bỏ nó dễ dàng hơn đối với tôi.

1:23:52

But um if you have ha if you had this from day one, if you ever face these issues, it's so much easier to kind of strip out.

Nhưng nếu bạn có điều này từ ngày đầu tiên, nếu bạn từng gặp những vấn đề này, việc loại bỏ sẽ dễ dàng hơn nhiều.

1:23:59

and it just cost you one line of code or not even one line of code maybe no code at all and I'll show you what I did.

Và nó chỉ tốn của bạn một dòng mã hoặc thậm chí không phải một dòng mã, có thể không cần mã nào cả và tôi sẽ cho bạn thấy những gì tôi đã làm.

1:24:06

So the

Vì vậy,

1:24:07

first thing is to kind of bridge all of these pieces together for data database isolation.

Điều đầu tiên là kết nối tất cả những mảnh này lại với nhau để cô lập cơ sở dữ liệu.

1:24:13

The first solution is Prisma.

Giải pháp đầu tiên là Prisma.

1:24:16

And I can't recommend Prisma enough.

Và tôi không thể giới thiệu Prisma đủ.

1:24:18

Like Prisma is sort of the thing that makes this easier this problem easier.

Giống như Prisma là thứ làm cho vấn đề này dễ dàng hơn.

1:24:23

Okay?

Được chứ?

1:24:24

Because everything exists on Prisma.

Bởi vì mọi thứ tồn tại trên Prisma.

1:24:26

And so by using Prisma, I can now use Superbase.

Và vì vậy bằng cách sử dụng Prisma, bây giờ tôi có thể sử dụng Superbase.

1:24:30

I can now use uh Neon, right?

Bây giờ tôi có thể sử dụng Neon, phải không?

1:24:32

I can use pretty much most Postgress databases that I'd like.

Tôi có thể sử dụng hầu hết các cơ sở dữ liệu Postgres mà tôi muốn.

1:24:35

Um I prefer using Neon and that's what uh that's what Mochi's actually hosted on as well.

Tôi thích sử dụng Neon và đó là những gì Mochi thực sự được lưu trữ trên đó.

1:24:41

I mean that's what Mochi's using for the database.

Ý tôi là đó là những gì Mochi đang sử dụng cho cơ sở dữ liệu.

1:24:44

Uh Superbase is all right.

Superbase cũng ổn.

1:24:46

I've had I mean it's okay.

Tôi đã có, ý tôi là nó ổn.

1:24:48

I've had some incidents with Superbase in the past but uh regardless doesn't really matter.

Tôi đã có một số sự cố với Superbase trong quá khứ nhưng dù sao đi nữa, điều đó không thực sự quan trọng.

1:24:52

The point is I can change now.

Vấn đề là bây giờ tôi có thể thay đổi.

1:24:55

I can change my database provider.

Tôi có thể thay đổi nhà cung cấp cơ sở dữ liệu của mình.

1:24:57

And so normalizing identity is important.

Và vì vậy chuẩn hóa danh tính là quan trọng.

1:24:59

So that's the first thing right.

Vì vậy, đó là điều đầu tiên, phải không.

1:25:01

The second thing is in my codebase what look where does my app access the database where which file accesses the database this is called a service I call this a service because it just makes sense to me okay so it's sort of like a service in the app and the service is the only thing that should connect to

Điều thứ hai là trong codebase của tôi, hãy xem ứng dụng của tôi truy cập cơ sở dữ liệu ở đâu, tệp nào truy cập cơ sở dữ liệu, đây được gọi là dịch vụ, tôi gọi đây là dịch vụ vì nó có ý nghĩa với tôi, được chứ, vì vậy nó giống như một dịch vụ trong ứng dụng và dịch vụ là thứ duy nhất nên kết nối với

1:25:23

the database so what did we learn so far service here connects to Prisma we call a function on the service layer and that service layer has Prisma inside it that actually calls a database that's it okay so some sort of database isolation here is required and so you see how all of these concepts that I just introduced building by building it from scratch would take forever so that's why I'm

Cơ sở dữ liệu, vì vậy những gì chúng ta đã học cho đến nay, dịch vụ ở đây kết nối với Prisma, chúng ta gọi một hàm trên lớp dịch vụ và lớp dịch vụ đó có Prisma bên trong, thực sự gọi một cơ sở dữ liệu, vậy thôi, được chứ, vì vậy một số loại cô lập cơ sở dữ liệu là cần thiết ở đây và vì vậy bạn thấy tất cả những khái niệm này mà tôi vừa giới thiệu, xây dựng từ đầu sẽ mất mãi mãi, vì vậy đó là lý do tại sao tôi

1:25:54

using TRPC trc is the secret sauce here that actually makes all of this possible and um let's go ahead and look at how I have split all of this up so it just makes more sense to me.

Sử dụng TRPC, trpc là nước sốt bí mật ở đây thực sự làm cho tất cả điều này có thể và hãy xem cách tôi đã chia tất cả điều này ra để nó có ý nghĩa hơn với tôi.

1:26:09

So this block here that we just discussed, right?

Vì vậy, khối này mà chúng ta vừa thảo luận, phải không?

1:26:13

This block is a TRPC procedure.

Khối này là một thủ tục TRPC.

1:26:16

A TRPC procedure sort of acts like a middleware.

Một thủ tục TRPC hoạt động giống như một middleware.

1:26:18

Now they do have something called middleware itself.

Bây giờ họ có thứ gọi là middleware.

1:26:21

And uh if I'm not wrong, I think we're using that under the hood, but the procedure is all you need to understand.

Và nếu tôi không nhầm, tôi nghĩ chúng ta đang sử dụng nó bên dưới, nhưng thủ tục là tất cả những gì bạn cần hiểu.

1:26:28

So we have a procedure.

Vì vậy, chúng ta có một thủ tục.

1:26:29

We have the other stuff that's required here which is the thing to call the database itself which we just learned is a service layer.

Chúng ta có những thứ khác cần thiết ở đây, đó là thứ để gọi cơ sở dữ liệu, mà chúng ta vừa học là lớp dịch vụ.

1:26:37

Vì vậy,

1:26:38

let's bring that in.

Hãy mang nó vào.

1:26:39

And then finally we need the router layer.

Và cuối cùng chúng ta cần lớp router.

1:26:43

Right?

Phải không?

1:26:43

So the router gets hit first.

Vì vậy, router được truy cập đầu tiên.

1:26:46

The procedure is the block in between and the service is the one that contacts the database and with it happens with the help of Prisma.

Thủ tục là khối ở giữa và dịch vụ là thứ liên hệ với cơ sở dữ liệu và điều đó xảy ra với sự trợ giúp của Prisma.

1:26:57

Okay.

Được rồi.

1:26:57

So this is a linear path.

Vậy đây là một đường đi tuyến tính.

1:27:00

So anything you try to build try to map out a linear path.

Vì vậy, bất cứ điều gì bạn cố gắng xây dựng, hãy cố gắng vạch ra một đường đi tuyến tính.

1:27:03

If you can see that pattern then AI is most likely going to follow the same pattern as well.

Nếu bạn có thể thấy mô hình đó thì AI rất có thể sẽ tuân theo cùng một mô hình.

1:27:09

So let's look at code now because this is the most important part.

Vậy bây giờ hãy xem mã vì đây là phần quan trọng nhất.

1:27:13

What does that actually look like?

Điều đó thực sự trông như thế nào?

1:27:15

So let's take a look at this.

Vậy hãy xem cái này.

1:27:17

So in the architectural guardrail I have the TRPC folder right inside here.

Trong guardrail kiến trúc, tôi có thư mục TRPC ngay bên trong đây.

1:27:21

We're just essentially

Chúng ta chỉ đơn giản là

1:27:22

creating or initializing TRPC.

Tạo hoặc khởi tạo TRPC.

1:27:23

This doesn't really matter.

Điều này không thực sự quan trọng.

1:27:24

It's just doing some boring stuff to create a server uh type caller as well.

Nó chỉ làm một số việc nhàm chán để tạo một máy chủ và trình gọi loại.

1:27:29

But regardless, here's the next thing.

Nhưng dù sao đi nữa, đây là điều tiếp theo.

1:27:31

So we have this thing called routers here.

Vậy chúng ta có thứ gọi là router ở đây.

1:27:34

This is the first layer like I mentioned.

Đây là lớp đầu tiên như tôi đã đề cập.

1:27:37

And so the router here has this import layer that connects all of the routers.

Và router ở đây có lớp nhập này kết nối tất cả các router.

1:27:42

very straightforward, easier to understand.

Rất đơn giản, dễ hiểu.

1:27:44

It's sort of like a plug-in architecture, remember?

Nó giống như một kiến trúc plug-in, nhớ không?

1:27:46

So, it's sort of like plugging in cables, plug-in architecture.

Vì vậy, nó giống như cắm cáp, kiến trúc plug-in.

1:27:49

And the same thing has been followed even for the same strategy here is followed even in the lexical editor as well.

Và điều tương tự cũng được tuân theo ngay cả trong trình soạn thảo lexical.

1:27:55

But you see now I have all the routers.

Nhưng bạn thấy đấy, bây giờ tôi có tất cả các router.

1:27:58

So, what do the routers look like?

Vậy, các router trông như thế nào?

1:28:00

Let's jump into them.

Hãy nhảy vào chúng.

1:28:01

So, I think the member router would be good to

Tôi nghĩ router thành viên sẽ tốt để

1:28:04

kind of look across cuz it's easier to understand.

Xem qua vì nó dễ hiểu hơn.

1:28:07

All it does is it creates a TRPC router.

Tất cả những gì nó làm là tạo một router TRPC.

1:28:10

Straightforward.

Đơn giản.

1:28:10

And then inside this gRPC router we have list all the different methods essentially.

Và sau đó bên trong router gRPC này, chúng ta có danh sách tất cả các phương thức khác nhau.

1:28:15

So I have update I have delete this process.

Vì vậy, tôi có cập nhật, tôi có xóa quy trình này.

1:28:19

Remember I told you I wanted TypeScript to be created automatically.

Nhớ tôi đã nói tôi muốn TypeScript được tạo tự động.

1:28:22

I don't want to build TypeScript right that automatically comes from this.

Tôi không muốn xây dựng TypeScript, nó tự động đến từ cái này.

1:28:26

So if I hover over member router I know exactly what is required and exactly what's available uh on the server itself.

Vì vậy, nếu tôi di chuột qua router thành viên, tôi biết chính xác những gì được yêu cầu và những gì có sẵn trên máy chủ.

1:28:33

So you see I have the CTX object right?

Bạn thấy tôi có đối tượng CTX phải không?

1:28:36

So all this stuff is kind of baked into this uh with the help of TRPC by

Vì vậy, tất cả những thứ này được tích hợp sẵn với sự trợ giúp của TRPC theo

1:28:42

default.

Mặc định.

1:28:42

So if you look at this now every single API endpoint list update delete regardless is using that protected procedure.

Vì vậy, nếu bạn nhìn vào bây giờ, mọi điểm cuối API, danh sách, cập nhật, xóa, bất kể là gì, đều sử dụng quy trình được bảo vệ đó.

1:28:49

Simple.

Đơn giản.

1:28:49

So I know that when AI is trying to build any features into my app as long as I see protected procedure in front of this I am confident that to some degree this is protected.

Vì vậy, tôi biết rằng khi AI cố gắng xây dựng bất kỳ tính năng nào vào ứng dụng của tôi, miễn là tôi thấy quy trình được bảo vệ ở phía trước, tôi tự tin rằng ở một mức độ nào đó, nó được bảo vệ.

1:29:01

Right?

Đúng không?

1:29:01

And let's take a look at what that looks like also.

Và chúng ta hãy xem điều đó trông như thế nào.

1:29:05

And this

Và cái này

1:29:06

is a little more complex, guys.

Phức tạp hơn một chút, các bạn.

1:29:07

Just bear with me.

Hãy kiên nhẫn với tôi.

1:29:09

Let's just quickly walk through this.

Chúng ta hãy nhanh chóng xem qua cái này.

1:29:10

Super simple.

Rất đơn giản.

1:29:11

I'm not even going to explain anything.

Tôi thậm chí sẽ không giải thích bất cứ điều gì.

1:29:13

When you look at this, you're going to know exactly what's happening in here.

Khi bạn nhìn vào cái này, bạn sẽ biết chính xác những gì đang xảy ra ở đây.

1:29:17

Okay, ready?

Được rồi, sẵn sàng chưa?

1:29:18

So, the first thing is I've chained another O procedure.

Vì vậy, điều đầu tiên là tôi đã nối thêm một quy trình O khác.

1:29:22

That O procedure gives me some options here, which is those cached things that we spoke about.

Quy trình O đó cung cấp cho tôi một số tùy chọn ở đây, đó là những thứ được lưu trong bộ nhớ cache mà chúng ta đã nói đến.

1:29:30

If you remember, I told you that we're going to have some kind of server type cache.

Nếu bạn còn nhớ, tôi đã nói với bạn rằng chúng ta sẽ có một loại bộ nhớ đệm phía máy chủ.

1:29:34

That is the ctx object that you see.

Đó là đối tượng ctx mà bạn thấy.

1:29:36

And if you hover over it, you can see what data is stored in there.

Và nếu bạn di chuột qua nó, bạn có thể thấy dữ liệu nào được lưu trữ trong đó.

1:29:41

You have uh get organization, get active organization, the user permissions, that kind of stuff.

Bạn có uh get organization, get active organization, quyền của người dùng, những thứ đại loại vậy.

1:29:45

There's actually more in here, but I think that is stored on something else.

Thực ra còn nhiều thứ nữa trong này, nhưng tôi nghĩ những thứ đó được lưu trữ ở nơi khác.

1:29:48

I'm using this procedure

Tôi đang sử dụng procedure này

1:29:50

in here just to expand on top of it.

Ở đây chỉ để mở rộng thêm trên nó.

1:29:53

And just look at this point one.

Và chỉ cần nhìn vào điểm này.

1:29:56

What's happening here?

Chuyện gì đang xảy ra ở đây?

1:29:58

Just look at it without understanding the code.

Chỉ cần nhìn vào nó mà không cần hiểu code.

1:30:01

Just read those comments.

Chỉ cần đọc những bình luận đó.

1:30:03

Request setup.

Thiết lập yêu cầu.

1:30:04

This captures the start right and that essentially setups the sets up the CTX object.

Điều này ghi lại thời điểm bắt đầu và về cơ bản nó thiết lập đối tượng CTX.

1:30:10

What is org scoping?

Org scoping là gì?

1:30:12

Onboarding gate, membership check, role gate, permission gate, path resolution.

Cổng onboarding, kiểm tra tư cách thành viên, cổng vai trò, cổng quyền, phân giải đường dẫn.

1:30:16

That means what

Điều đó có nghĩa là

1:30:18

exact resource are they trying to access?

Tài nguyên chính xác mà họ đang cố truy cập là gì?

1:30:21

Then what's next?

Sau đó tiếp theo là gì?

1:30:22

Per resource rate limiting, plan limit gates, feature flag gate, pageionation, context enrichment, usage counter.

Giới hạn tốc độ trên mỗi tài nguyên, cổng giới hạn gói, cổng cờ tính năng, phân trang, làm phong phú ngữ cảnh, bộ đếm sử dụng.

1:30:28

This is a usage uh thing that just increments and decrements all of the customer's usage.

Đây là một thứ uh về việc sử dụng, chỉ tăng và giảm tất cả việc sử dụng của khách hàng.

1:30:35

So even the what whatever the user has consumed that operation happens in here without you needing to think

Vì vậy, ngay cả những gì người dùng đã tiêu thụ, hoạt động đó xảy ra ở đây mà bạn không cần phải nghĩ

1:30:44

about it and if you had to prompt this imagine all of these things while you were prompting you would have to tell AI to implement these features.

Về nó và nếu bạn phải nhắc điều này, hãy tưởng tượng tất cả những điều này trong khi bạn đang nhắc, bạn sẽ phải nói với AI để triển khai các tính năng này.

1:30:51

So every time you prompt something like I want to build a project listing page don't forget you have to implement the audit logs you have to imple that's also there too I think we also have exception handlers like any errors and what do you

Vì vậy, mỗi khi bạn nhắc điều gì đó như tôi muốn xây dựng một trang danh sách dự án, đừng quên bạn phải triển khai nhật ký kiểm toán, bạn phải triển khai điều đó cũng có ở đó, tôi nghĩ chúng ta cũng có trình xử lý ngoại lệ như bất kỳ lỗi nào và bạn phải làm gì

1:31:04

have to do with that uh we have success and we also have the log request so save this uh as an audit log as well so you would have to tell it to implement each of these things individually and if you had them in different locations you would either have to remember those things at least and tell AI to implement those and AI has to remember those in order to do that.

Với điều đó uh chúng ta có thành công và chúng ta cũng có yêu cầu ghi nhật ký, vì vậy hãy lưu cái này uh như một nhật ký kiểm toán, vì vậy bạn sẽ phải nói với nó để triển khai từng thứ này một cách riêng lẻ và nếu bạn có chúng ở các vị trí khác nhau, bạn sẽ phải nhớ những thứ đó ít nhất và nói với AI để triển khai chúng và AI phải nhớ những điều đó để làm điều đó.

1:31:24

So this is why I have

Vì vậy, đây là lý do tại sao tôi có

1:31:26

almost no context to understand this like AI does not need a document folder to understand this concept.

Gần như không có ngữ cảnh để hiểu điều này như AI không cần một thư mục tài liệu để hiểu khái niệm này.

1:31:32

I just simply it just has to simply plugin protected procedure and forget about the rest because Typescript will throw errors telling it to follow the architectural guardrail or telling it to pass in those op those options required such as permission gate or whatever

Tôi chỉ đơn giản là nó chỉ cần cắm vào procedure được bảo vệ và quên phần còn lại vì TypeScript sẽ đưa ra lỗi để hướng dẫn nó tuân theo lan can kiến trúc hoặc hướng dẫn nó truyền vào các tùy chọn bắt buộc như cổng quyền hoặc bất cứ điều gì

1:31:48

resource they're trying to uh trying to access.

Tài nguyên mà họ đang cố truy cập.

1:31:50

Okay.

Được rồi.

1:31:51

So now that we understood the procedure which is kind of the heart of everything and why all of this does not need so much context let's just go one step behind to understand what does the router layer even do then so the router layer is essentially the business logic this is where AI will perform operations uh for example like how many

Vì vậy, bây giờ chúng ta đã hiểu procedure, thứ là trái tim của mọi thứ và tại sao tất cả điều này không cần quá nhiều ngữ cảnh, hãy lùi lại một bước để hiểu lớp router thậm chí làm gì. Vì vậy, lớp router về cơ bản là logic kinh doanh, đây là nơi AI sẽ thực hiện các hoạt động, ví dụ như có bao nhiêu

1:32:13

pages can be uh rendered at once or who can um maybe who is probably not the best uh example here let's say we're trying to build a website builder and on the website builder there can only be three members working on that page in real time and if there's more than three we need to obviously reject throw an error.

Trang có thể được hiển thị cùng một lúc hoặc ai có thể, có lẽ ai không phải là ví dụ tốt nhất ở đây, giả sử chúng ta đang cố xây dựng một trình xây dựng trang web và trên trình xây dựng trang web đó chỉ có thể có ba thành viên làm việc trên trang đó trong thời gian thực và nếu có nhiều hơn ba, chúng ta cần phải từ chối và đưa ra lỗi.

1:32:32

So now that is business logic that is logic that you want to control

Vì vậy, bây giờ đó là logic kinh doanh, đó là logic mà bạn muốn kiểm soát

1:32:37

uh which feels a little too specific to the site.

Uh, điều này có vẻ hơi quá cụ thể đối với trang web.

1:32:39

So you put that in here, right?

Vì vậy, bạn đặt nó ở đây, phải không?

1:32:41

You can also put that on the on the front end to kind of speed up the process.

Bạn cũng có thể đặt nó ở phía front-end để tăng tốc quá trình.

1:32:47

But u this happens on the server as well.

Nhưng u, điều này cũng xảy ra trên máy chủ.

1:32:49

And u now just as a quick experiment, if you remember the uh globalization strategy, since those two things are required on server and on client, you can create a helper and make

Và u, bây giờ như một thử nghiệm nhanh, nếu bạn nhớ chiến lược toàn cầu hóa, vì hai thứ đó là bắt buộc trên máy chủ và trên máy khách, bạn có thể tạo một helper và làm cho

1:32:59

that reusable.

Nó có thể tái sử dụng.

1:32:59

And now the same logic can be reused on the server and on the client, right?

Và bây giờ logic tương tự có thể được tái sử dụng trên máy chủ và trên máy khách, phải không?

1:33:04

And if you have a cache layer in between, if you need this, you can use that as well.

Và nếu bạn có một lớp bộ nhớ đệm ở giữa, nếu bạn cần điều này, bạn cũng có thể sử dụng nó.

1:33:09

But uh regardless you see how now the business logic happens in here.

Nhưng uh, bất kể thế nào, bạn thấy logic kinh doanh bây giờ xảy ra ở đây.

1:33:13

So um let's say on the same example we were uh approaching before which is how many people can access the site and collaborate

Vì vậy, um, giả sử trong cùng một ví dụ mà chúng ta đã tiếp cận trước đó, đó là có bao nhiêu người có thể truy cập trang web và cộng tác

1:33:20

together.

Cùng nhau.

1:33:20

It would do the filter there.

Nó sẽ thực hiện bộ lọc ở đó.

1:33:22

It would check how many people are connected to the site and then based on that it would then make the necessary operation.

Nó sẽ kiểm tra có bao nhiêu người được kết nối với trang web và sau đó dựa trên điều đó, nó sẽ thực hiện hoạt động cần thiết.

1:33:29

So now uh in here we're essentially listing all of the members.

Vì vậy, bây giờ uh, ở đây chúng ta về cơ bản đang liệt kê tất cả các thành viên.

1:33:34

Right?

Phải không?

1:33:34

So let's move to where we actually get the data.

Vì vậy, hãy chuyển đến nơi chúng ta thực sự lấy dữ liệu.

1:33:37

All right.

Được rồi.

1:33:37

So I thought it would be better for me to show you a better example.

Vì vậy, tôi nghĩ sẽ tốt hơn nếu tôi cho bạn xem một ví dụ tốt hơn.

1:33:41

And this is uh this is Mochi's codebase itself.

Và đây là, đây là codebase của Mochi.

1:33:43

So I want to show you how I'm doing it in here for automations for example because this has uh a much better use case.

Vì vậy, tôi muốn cho bạn thấy cách tôi làm điều đó ở đây cho automations chẳng hạn, bởi vì cái này có trường hợp sử dụng tốt hơn nhiều.

1:33:50

The other one's just a boiler plate.

Cái kia chỉ là một boilerplate.

1:33:52

Uh but this one has some really rock solid

Ừ, nhưng cái này có một số nền tảng thực sự vững chắc

1:33:55

foundation in here.

ở trong đây.

1:33:56

So let's just take a quick look at this.

Vậy hãy xem nhanh cái này.

1:33:58

So this is the endpoint.

Đây là endpoint.

1:34:00

Essentially, it's the list router.

Về cơ bản, nó là list router.

1:34:02

And all we're doing is listing automations.

Và tất cả những gì chúng ta làm là liệt kê các automations.

1:34:04

Okay.

Được rồi.

1:34:04

And you see this uses a different naming convention.

Và bạn thấy cái này sử dụng một quy ước đặt tên khác.

1:34:07

I've used organization procedure in here because there's some other protected stuff that I wanted that does not need the organization ID to be plugged in by

Tôi đã sử dụng organization procedure ở đây vì có một số thứ được bảo vệ khác mà tôi muốn, không cần organization ID phải được cắm vào bởi

1:34:16

default.

mặc định.

1:34:16

So here I'm using a different naming convention.

Vì vậy ở đây tôi đang sử dụng một quy ước đặt tên khác.

1:34:18

It doesn't matter.

Không sao cả.

1:34:19

It's still exactly the same as a protected procedure.

Nó vẫn giống hệt như một protected procedure.

1:34:21

But take a look at this.

Nhưng hãy nhìn vào cái này.

1:34:23

I have the input here set to a schema.

Tôi đã đặt input ở đây thành một schema.

1:34:26

And so what data needs to be passed in here goes through a zod schema.

Và vì vậy dữ liệu cần được truyền vào đây sẽ đi qua một zod schema.

1:34:31

And so at all times this will be accurate whether it is um if even if you know AI is using this on a different page and trying to consume this resource it's going to be the exact same thing.

Và vì vậy, mọi lúc điều này sẽ chính xác cho dù nó có phải là, nếu bạn biết AI đang sử dụng cái này trên một trang khác và cố gắng tiêu thụ tài nguyên này, nó sẽ là điều tương tự.

1:34:44

So let's scroll down here and you see right here we're essentially using that as the input.

Vậy hãy cuộn xuống đây và bạn thấy ngay tại đây chúng ta về cơ bản đang sử dụng cái đó làm input.

1:34:49

So if the wrong data is passed in here or we forgot about something or something is optional then th those echo signals will tell AI this is TypeScript essentially and here we're returning a query.

Vì vậy, nếu dữ liệu sai được truyền vào đây hoặc chúng ta quên điều gì đó hoặc điều gì đó là tùy chọn, thì những tín hiệu echo đó sẽ nói với AI đây là TypeScript về cơ bản và ở đây chúng ta đang trả về một query.

1:35:02

So if I have other business operate other business logic that would happen on top of this

Vì vậy, nếu tôi có logic kinh doanh khác hoạt động trên nền tảng này

1:35:08

and then I would list the automations right here which requires a database but if you see if you click on it goes into another page which is a service and this service has um you know import server only up top.

Và sau đó tôi sẽ liệt kê các automations ngay tại đây, cái này yêu cầu một cơ sở dữ liệu, nhưng nếu bạn thấy nếu bạn nhấp vào nó, nó sẽ đi đến một trang khác, đó là một service và service này có, bạn biết đấy, import server only ở trên cùng.

1:35:22

So this service only runs on the server but in here all I'm doing is accessing the database and this organization ID comes from the input right here right so you see how this is

Vì vậy, service này chỉ chạy trên máy chủ, nhưng ở đây tất cả những gì tôi làm là truy cập cơ sở dữ liệu và organization ID này đến từ input ngay tại đây, phải không, vì vậy bạn thấy cách cái này

1:35:35

working essentially we have separated the business logic from the database logic that creates that database isolation now I want to share another concept that kind of makes this uh makes this a little more rock solid right so you see how some of the API endpoints require org ID and in the architectural guardrail or in Mochi at least sometimes this can be plugged in and that's fine

hoạt động, về cơ bản chúng ta đã tách logic kinh doanh khỏi logic cơ sở dữ liệu, tạo ra sự cô lập cơ sở dữ liệu đó. Bây giờ tôi muốn chia sẻ một khái niệm khác làm cho cái này vững chắc hơn một chút, phải không, vì vậy bạn thấy cách một số API endpoint yêu cầu org ID và trong guardrail kiến trúc hoặc ít nhất là trong Mochi, đôi khi cái này có thể được cắm vào và điều đó không sao

1:36:03

you can uh pass this in manually but now in my app I had a feature called Mochi AI now my question to you is how would Mochi AI essentially give this um this context to the LLM in order to make that call so let's say I'm on a website right now and I want to get all the components listed on this website that is inside my organization.

Bạn có thể truyền cái này theo cách thủ công, nhưng bây giờ trong ứng dụng của tôi, tôi có một tính năng gọi là Mochi AI. Bây giờ câu hỏi của tôi cho bạn là làm thế nào Mochi AI về cơ bản có thể cung cấp ngữ cảnh này cho LLM để thực hiện cuộc gọi đó. Vì vậy, giả sử tôi đang ở trên một trang web ngay bây giờ và tôi muốn lấy tất cả các components được liệt kê trên trang web này nằm trong tổ chức của tôi.

1:36:27

How would Mochi AI know about the org ID?

Làm thế nào Mochi AI biết về org ID?

1:36:30

Does it have to guess?

Nó có phải đoán không?

1:36:32

Does it have to think?

Nó có phải suy nghĩ không?

1:36:33

Does it have to fetch the org ID?

Nó có phải lấy org ID không?

1:36:35

How does this work?

Cái này hoạt động như thế nào?

1:36:36

Pause this video and just try to guess.

Tạm dừng video này và chỉ cần thử đoán.

1:36:39

Uh, and if you don't get the right answer, I'll show you exactly what to do.

Ừ, và nếu bạn không có câu trả lời đúng, tôi sẽ chỉ cho bạn chính xác phải làm gì.

1:36:43

All right, welcome back.

Được rồi, chào mừng trở lại.

1:36:44

So, hopefully you got the right answer.

Vì vậy, hy vọng bạn đã có câu trả lời đúng.

1:36:46

If not, no worries.

Nếu không, đừng lo lắng.

1:36:47

This is exactly what you need to do.

Đây chính xác là những gì bạn cần làm.

1:36:49

So the key is like I said to never let AI become creative and to do any thinking work.

Vì vậy, chìa khóa là như tôi đã nói, không bao giờ để AI trở nên sáng tạo và làm bất kỳ công việc suy nghĩ nào.

1:36:54

Make it so that either it uses a pattern or something has already been built that it just has

Làm cho nó sao cho hoặc nó sử dụng một mẫu hoặc một cái gì đó đã được xây dựng sẵn mà nó chỉ cần

1:37:00

to use.

sử dụng.

1:37:00

Right?

Phải không?

1:37:00

So you just tell it use this and forget about everything else.

Vì vậy, bạn chỉ cần nói với nó sử dụng cái này và quên mọi thứ khác.

1:37:04

That's what you that's the pattern you want to create.

Đó là những gì bạn, đó là mẫu bạn muốn tạo.

1:37:07

So to make Mochi AI work, this is a security breach because if you told it to predict the org ID, what it would have to do is fetch the current website ID and then it has to go fetch the org ID from there and so call your endpoints.

Vì vậy, để làm cho Mochi AI hoạt động, đây là một lỗ hổng bảo mật bởi vì nếu bạn bảo nó dự đoán org ID, những gì nó phải làm là lấy website ID hiện tại và sau đó nó phải đi lấy org ID từ đó và sau đó gọi các endpoint của bạn.

1:37:22

Then it's like, oh, I got the org ID, this is the org ID.

Sau đó, nó sẽ như, ồ, tôi có org ID, đây là org ID.

1:37:26

What if I was just accessing a somebody

Điều gì sẽ xảy ra nếu tôi chỉ đang truy cập trang web của một người

1:37:29

else's website?

khác?

1:37:29

And so you've tricked AI into thinking you are on a different website and a different org.

Và vì vậy bạn đã lừa AI nghĩ rằng bạn đang ở trên một trang web khác và một tổ chức khác.

1:37:35

And so this creates crossorgg contamination.

Và vì vậy điều này tạo ra sự lây nhiễm chéo tổ chức.

1:37:37

So what do you do here?

Vậy bạn làm gì ở đây?

1:37:39

This org ID should never be plugged in or never be uh essentially give AI should never think about this org ID.

Org ID này không bao giờ nên được nhúng vào hoặc về cơ bản là không nên cho AI biết về org ID này.

1:37:46

Okay, this should be dynamically injected into the call itself and that's why I have this ctx object and the ctx

Được rồi, cái này nên được chèn động vào chính cuộc gọi và đó là lý do tại sao tôi có đối tượng ctx này và ctx

1:37:54

object essentially carries a session of the user who is currently logged in and currently actively working on something.

Đối tượng về cơ bản mang theo phiên của người dùng hiện đang đăng nhập và hiện đang tích cực làm việc trên một cái gì đó.

1:38:00

And so with the help of this AI can hallucinate as much as it wants to try to build a component into a website whatever it does because I've injected this onto the back not injected into the prompt it's injected into the API endpoint.

Và vì vậy, với sự trợ giúp của AI này, nó có thể tưởng tượng bao nhiêu tùy thích để cố gắng xây dựng một thành phần vào một trang web bất kể nó làm gì vì tôi đã chèn cái này vào phía sau, không chèn vào prompt mà chèn vào endpoint API.

1:38:14

So even if the prompt has

Vì vậy, ngay cả khi prompt có

1:38:16

fetch from org ID XYZ it's going to fetch from the correct org ID because it's injected into the API request itself.

Fetch từ org ID XYZ thì nó sẽ fetch từ org ID chính xác vì nó được chèn vào chính yêu cầu API.

1:38:23

I hope this is making sense.

Tôi hy vọng điều này có ý nghĩa.

1:38:25

And so the same strategy is also followed in all of the API endpoints.

Và chiến lược tương tự cũng được áp dụng trong tất cả các endpoint API.

1:38:30

And the reason is because of this very concept.

Và lý do là vì chính khái niệm này.

1:38:32

Okay?

Được chứ?

1:38:33

Because in the future if you want to add some sort of AI agentic uh operations like for example right here Mochi AI is super capable to doing things like creating a full marketing campaign from building a form building uh some sort of qualification on the form questions for the form attaching them to custom data creating it on the

Bởi vì trong tương lai nếu bạn muốn thêm một số hoạt động AI agentic, ví dụ như ngay tại đây Mochi AI rất có khả năng làm những việc như tạo một chiến dịch tiếp thị hoàn chỉnh từ việc xây dựng một biểu mẫu, xây dựng một số loại định tính trên các câu hỏi của biểu mẫu, gắn chúng vào dữ liệu tùy chỉnh, tạo nó trên

1:38:52

site making them I mean making a nice site website and then attaching the form onto the site and then creating automations in place to send emails whatever that is it can chain all of these and the reason why it's able to do this is because we're org scoping by injecting it into the API endpoint dynamically and we're not using AI to kind of predict that in the prompt.

Trang web, làm cho chúng, ý tôi là làm một trang web đẹp và sau đó gắn biểu mẫu vào trang web và sau đó tạo tự động hóa để gửi email bất kể đó là gì, nó có thể kết nối tất cả những thứ này và lý do tại sao nó có thể làm điều này là vì chúng ta đang phạm vi tổ chức bằng cách chèn nó vào endpoint API một cách động và chúng ta không sử dụng AI để dự đoán điều đó trong prompt.

1:39:12

Tôi

1:39:13

hope this is making sense.

Hy vọng điều này có ý nghĩa.

1:39:14

So that's why those API endpoints have that ctx object that gives us that information.

Vì vậy, đó là lý do tại sao các endpoint API đó có đối tượng ctx cung cấp cho chúng ta thông tin đó.

1:39:19

So that gets plugged directly into the Prisma schema uh or the Prisma calls.

Vì vậy, điều đó được cắm trực tiếp vào schema Prisma hoặc các lệnh gọi Prisma.

1:39:23

All right.

Được rồi.

1:39:24

So that was a beast of a module but is the most important module in this entire course.

Vì vậy, đó là một mô-đun khổng lồ nhưng là mô-đun quan trọng nhất trong toàn bộ khóa học này.

1:39:29

And so, so far, if you found some value in what you're listening to, what you're watching, do

Và vì vậy, cho đến nay, nếu bạn thấy một số giá trị trong những gì bạn đang nghe, những gì bạn đang xem, hãy

1:39:35

consider subscribing so that way the next video shows up on your feed so you can learn even more stuff about this.

Cân nhắc đăng ký để video tiếp theo xuất hiện trên nguồn cấp dữ liệu của bạn để bạn có thể học thêm nhiều thứ về điều này.

1:39:40

I mean, this is what we do.

Ý tôi là, đây là những gì chúng tôi làm.

1:39:42

This is literally uh what I'm doing every single day, which is putting all of my attention towards building better apps only using AI.

Đây thực sự là những gì tôi làm mỗi ngày, đó là dành toàn bộ sự chú ý của mình để xây dựng các ứng dụng tốt hơn chỉ bằng AI.

1:39:47

And so, if you are looking to learn these skills, then this is the best opportunity.

Và vì vậy, nếu bạn đang tìm cách học những kỹ năng này, thì đây là cơ hội tốt nhất.

1:39:51

So, do

Vì vậy, hãy

1:39:52

subscribe.

Đăng ký.

1:39:52

Uh I think it also supports us as well obviously and gives me a reason to you know post more free stuff just like this.

Ừm tôi nghĩ nó cũng hỗ trợ chúng tôi rõ ràng và cho tôi lý do để bạn biết đăng nhiều nội dung miễn phí như thế này.

1:39:59

So we already went across the enforcement that you should make across the entire codebase inside the block which is uh part 11.

Vì vậy, chúng ta đã đi qua việc thực thi mà bạn nên thực hiện trên toàn bộ codebase bên trong khối, đó là phần 11.

1:40:06

But I just want to show you this uh a little bit more so this can kind of stick with you and you know exactly what I'm

Nhưng tôi chỉ muốn cho bạn thấy điều này thêm một chút để điều này có thể ghi nhớ với bạn và bạn biết chính xác những gì tôi đang

1:40:14

talking about because this kind of pieces all of the things visually.

Nói về vì điều này kết nối tất cả mọi thứ một cách trực quan.

1:40:19

Right.

Đúng.

1:40:19

So let's just go into this real quick and we're going to go into the protected procedure.

Vì vậy, hãy đi vào đây thật nhanh và chúng ta sẽ đi vào quy trình được bảo vệ.

1:40:24

And right here I wanted to show you point number nine.

Và ngay tại đây tôi muốn cho bạn thấy điểm số chín.

1:40:28

This plan limit gate is autoderived from resources.

Cổng giới hạn kế hoạch này được tự động suy ra từ tài nguyên.

1:40:31

So if you remember we built this awesome source of truth type architecture, right?

Vì vậy, nếu bạn nhớ chúng ta đã xây dựng kiến trúc nguồn sự thật tuyệt vời này, phải không?

1:40:37

We built a source of truth keyword called resources and those resources have a bunch of it has a data structure that can be dstructured in any way.

Chúng ta đã xây dựng một từ khóa nguồn sự thật gọi là tài nguyên và những tài nguyên đó có một loạt, nó có một cấu trúc dữ liệu có thể được cấu trúc theo bất kỳ cách nào.

1:40:48

So you can extract specific plans and uh the you know feature gates the limits etc and you can forbid access

Vì vậy, bạn có thể trích xuất các kế hoạch cụ thể và các cổng tính năng, giới hạn, v.v. và bạn có thể cấm truy cập

1:40:57

based on those plans.

Dựa trên các kế hoạch đó.

1:40:58

So you see how creating that source of truth that one single object has helped us so much.

Vì vậy, bạn thấy việc tạo ra nguồn sự thật đó, một đối tượng duy nhất đó đã giúp chúng ta rất nhiều.

1:41:03

We can check the limit of the resource.

Chúng ta có thể kiểm tra giới hạn của tài nguyên.

1:41:05

We can also check the feature gate and we can throw errors in from one place.

Chúng ta cũng có thể kiểm tra cổng tính năng và chúng ta có thể ném lỗi từ một nơi.

1:41:10

I didn't have to reconstruct this.

Tôi không cần phải xây dựng lại điều này.

1:41:12

So if I want to add a new feature in place, I go to the same source of truth word this which is resources and I add in this new

Vì vậy, nếu tôi muốn thêm một tính năng mới vào đúng chỗ, tôi đi đến cùng một từ khóa nguồn sự thật này là tài nguyên và tôi thêm tài nguyên mới này

1:41:21

resource in there and then I set up whatever I need and it's like basic English, right?

Vào đó và sau đó tôi thiết lập bất cứ điều gì tôi cần và nó giống như tiếng Anh cơ bản, phải không?

1:41:25

I just have to type out how much it has per plan and then what are the permissions on it and that's that's pretty much it.

Tôi chỉ cần gõ ra nó có bao nhiêu mỗi kế hoạch và sau đó các quyền trên nó là gì và đó là khá nhiều.

1:41:32

And that also has TypeScript.

Và điều đó cũng có TypeScript.

1:41:34

So if I forget about something, it throws an error.

Vì vậy, nếu tôi quên điều gì đó, nó sẽ ném ra lỗi.

1:41:36

Now I don't physically do this.

Bây giờ tôi không thực sự làm điều này.

1:41:38

All I'm saying is I could if I wanted to, but now when

Tất cả những gì tôi đang nói là tôi có thể nếu tôi muốn, nhưng bây giờ khi

1:41:42

AI is trying to build the next resource, it doesn't have to think.

AI đang cố gắng xây dựng tài nguyên tiếp theo, nó không cần phải suy nghĩ.

1:41:46

I can spin up a brand new session and it will automatically know about the context.

Tôi có thể tạo một phiên mới và nó sẽ tự động biết về ngữ cảnh.

1:41:51

So that's all I wanted to point out in here.

Vậy đó là tất cả những gì tôi muốn chỉ ra ở đây.

1:41:54

We're essentially connecting our TypeScript that was dynamically generated, the source of truth resources, which is the plans that we created that has all the permissions,

Chúng ta về cơ bản đang kết nối TypeScript được tạo động của mình, các tài nguyên nguồn sự thật, đó là các kế hoạch chúng ta đã tạo có tất cả các quyền,

1:42:03

the limits, the feature gates, uh, and all sorts of stuff built into that.

Các giới hạn, các cổng tính năng, và tất cả những thứ được tích hợp vào đó.

1:42:07

And then we're dstructuring it in the way we prefer for each of these.

Và sau đó chúng ta đang cấu trúc lại nó theo cách chúng ta ưa thích cho mỗi cái này.

1:42:12

So for each of these steps here so we can uh use them essentially throw errors if um something has been violated.

Vì vậy, cho mỗi bước ở đây, chúng ta có thể sử dụng chúng về cơ bản để ném lỗi nếu có gì đó bị vi phạm.

1:42:19

So that's pretty much it.

Vậy đó là khá đủ.

1:42:21

So in most production apps rate limiting is one of the most important thing.

Trong hầu hết các ứng dụng sản xuất, giới hạn tốc độ là một trong những điều quan trọng nhất.

1:42:25

Now uh we also went across this

Bây giờ, chúng ta cũng đã đi qua điều này

1:42:28

because it's inside the block.

Bởi vì nó nằm trong khối.

1:42:29

But I have this as a module here because there are a ton of people asking me how do I do rate limiting or how do you control this with AI across the entire app.

Nhưng tôi có cái này như một mô-đun ở đây vì có rất nhiều người hỏi tôi làm thế nào để giới hạn tốc độ hoặc làm thế nào để kiểm soát điều này với AI trên toàn bộ ứng dụng.

1:42:38

So let's just take a quick look and see what that looks like.

Vậy hãy xem nhanh xem nó trông như thế nào.

1:42:41

So if you were to build this by yourself, I hope by now you can kind of map where you would go inside the codebase to add this feature

Nếu bạn tự xây dựng cái này, tôi hy vọng bây giờ bạn có thể hình dung bạn sẽ đi đâu trong mã nguồn để thêm tính năng này

1:42:49

in.

Vào.

1:42:49

But rate limiting has to be done at the block level.

Nhưng giới hạn tốc độ phải được thực hiện ở cấp độ khối.

1:42:53

However, different services might need a higher or lower rate limit.

Tuy nhiên, các dịch vụ khác nhau có thể cần giới hạn tốc độ cao hơn hoặc thấp hơn.

1:42:57

And so you have to have the customization layer on top of a base.

Và vì vậy bạn phải có lớp tùy chỉnh trên một nền tảng cơ bản.

1:43:03

And so I just want to show you what I have done.

Và vì vậy tôi chỉ muốn cho bạn thấy những gì tôi đã làm.

1:43:07

What I created here is another procedure called a base procedure.

Những gì tôi đã tạo ở đây là một thủ tục khác gọi là thủ tục cơ bản.

1:43:11

The word itself probably tells you what it does.

Bản thân từ đó có thể cho bạn biết nó làm gì.

1:43:14

And in here it uses another middleware.

Và trong đó nó sử dụng một middleware khác.

1:43:16

And this middleware has the rate limit checker that's happening um right here.

Và middleware này có trình kiểm tra giới hạn tốc độ đang diễn ra ngay tại đây.

1:43:21

And this middleware is what is connected into the protected procedure as well.

Và middleware này là cái được kết nối vào thủ tục được bảo vệ.

1:43:26

So I don't

Vì vậy tôi không

1:43:27

want you to think that everything has to be built only inside the protected procedure.

Muốn bạn nghĩ rằng mọi thứ phải được xây dựng chỉ bên trong thủ tục được bảo vệ.

1:43:32

You have to understand the concept that I explained above which is extracting and creating globalization uh and using globalization when possible.

Bạn phải hiểu khái niệm tôi đã giải thích ở trên, đó là trích xuất và tạo toàn cầu hóa và sử dụng toàn cầu hóa khi có thể.

1:43:41

And so here I just extracted u the rate limiting aspect and I put it into its own base procedure.

Và vì vậy ở đây tôi chỉ trích xuất khía cạnh giới hạn tốc độ và đặt nó vào thủ tục cơ bản riêng của nó.

1:43:48

Why?

Tại sao?

1:43:48

Because people might access my website a million times.

Bởi vì mọi người có thể truy cập trang web của tôi một triệu lần.

1:43:52

That is also some sort of a DDoS attack.

Đó cũng là một loại tấn công DDoS.

1:43:55

That is also something that requires rate limits, not just protected stuff.

Đó cũng là điều đòi hỏi giới hạn tốc độ, không chỉ những thứ được bảo vệ.

1:43:59

In fact, most um rate limiting, you know, issues take place on public open resources.

Thực tế, hầu hết các vấn đề giới hạn tốc độ xảy ra trên các tài nguyên công khai mở.

1:44:05

So, um that's why I have this right here.

Vì vậy, đó là lý do tại sao tôi có cái này ngay tại đây.

1:44:09

And what I'm using, guys, is or this is upstate limit essentially.

Và những gì tôi đang sử dụng, các bạn, là giới hạn tốc độ này về cơ bản.

1:44:14

And all it's doing is it takes in what is required, what limit I want, and it just passes it in here.

Và tất cả những gì nó làm là nhận vào những gì được yêu cầu, giới hạn tôi muốn, và nó chỉ truyền nó vào đây.

1:44:20

That's pretty much it.

Đó là khá đủ.

1:44:21

And in order to do that, you also need, I believe, the client IP.

Và để làm điều đó, bạn cũng cần, tôi tin, IP của khách hàng.

1:44:24

So, you have to get the client IP and then plug that in there.

Vì vậy, bạn phải lấy IP của khách hàng và sau đó cắm nó vào đó.

1:44:28

And uh, you know, when you're developing, maybe I would say put an exception here cuz you'll constantly hit your limits.

Và khi bạn đang phát triển, có lẽ tôi sẽ nói đặt một ngoại lệ ở đây vì bạn sẽ liên tục chạm vào giới hạn của mình.

1:44:34

With TRPC,

Với TRPC,

1:44:35

there's one problem.

Có một vấn đề.

1:44:35

Uh, with TRPC on your local machine, when the bundle or the client bundle kind of renders, sometimes it spins up 100 times because uh, I don't know, TRPC is just set up that way um, when you are using hot reload.

Với TRPC trên máy cục bộ của bạn, khi bundle hoặc bundle phía khách hàng kết xuất, đôi khi nó khởi động 100 lần vì, tôi không biết, TRPC được thiết lập như vậy khi bạn sử dụng hot reload.

1:44:48

But on production, in production, you don't see that issue.

Nhưng trên sản xuất, bạn không thấy vấn đề đó.

1:44:52

But um yeah, so that's how I would set up rate limiting in the app.

Nhưng vâng, đó là cách tôi sẽ thiết lập giới hạn tốc độ trong ứng dụng.

1:44:56

And the reason why I'm showing you this is you can chain other base other procedures as well, but try your best to only have as limited resources as possible.

Và lý do tôi cho bạn thấy điều này là bạn có thể nối các thủ tục cơ bản khác, nhưng hãy cố gắng hết sức để chỉ có càng ít tài nguyên càng tốt.

1:45:05

That means one base procedure that does a bunch of stuff and then one public procedure maybe and then one protected procedure and then chain them together.

Điều đó có nghĩa là một thủ tục cơ bản làm một loạt các thứ và sau đó có thể là một thủ tục công khai và sau đó là một thủ tục được bảo vệ và sau đó nối chúng lại với nhau.

1:45:13

And since we're um we're already at this, might as well kind of show you what the audit logs also looks like.

Và vì chúng ta đã ở đây, có lẽ nên cho bạn xem nhật ký kiểm toán trông như thế nào.

1:45:20

It's pretty much the exact same concept, guys.

Nó khá giống hệt khái niệm, các bạn.

1:45:22

So, we're just done with the rate limiting uh concept.

Vì vậy, chúng ta vừa hoàn thành khái niệm giới hạn tốc độ.

1:45:25

So, for audit logs, it's essentially the same.

Vì vậy, đối với nhật ký kiểm toán, về cơ bản nó giống nhau.

1:45:27

We know the resource the user is trying to access.

Chúng ta biết tài nguyên mà người dùng đang cố truy cập.

1:45:30

We know the customer, we know the member who's trying to access that specific resource.

Chúng ta biết khách hàng, chúng ta biết thành viên đang cố truy cập tài nguyên cụ thể đó.

1:45:35

And we can leverage this and inject it or hardcode it essentially build this uh block in its own block inside the protected procedure directly.

Và chúng ta có thể tận dụng điều này và chèn nó hoặc viết cứng nó, về cơ bản xây dựng khối này như một khối riêng bên trong thủ tục được bảo vệ trực tiếp.

1:45:45

So uh whatever action the user does by default is already traced.

Vì vậy, bất kể hành động nào người dùng thực hiện theo mặc định đều được theo dõi.

1:45:49

AI does not have to create an audit log kind of uh you know um line of code that specifically for each and every single router.

AI không cần phải tạo một dòng mã nhật ký kiểm toán cụ thể cho từng và mọi bộ định tuyến.

1:45:58

And the client mirror essentially talks about the whole concept of pattern recognition.

Và bản sao máy khách về cơ bản nói về toàn bộ khái niệm nhận dạng mẫu.

1:46:03

Imagine you did every single thing.

Hãy tưởng tượng bạn đã làm mọi thứ.

1:46:05

You implemented every single concept we learned today in your codebase or in the

Bạn đã triển khai mọi khái niệm chúng ta học hôm nay trong mã nguồn của bạn hoặc trong

1:46:10

next project you're looking to build.

dự án tiếp theo bạn định xây dựng.

1:46:12

That essentially creates a client mirror.

Điều đó về cơ bản tạo ra một bản sao máy khách.

1:46:14

That means your app essentially mirrors patterns and AI will follow those patterns as much as possible.

Điều đó có nghĩa là ứng dụng của bạn về cơ bản phản chiếu các mẫu và AI sẽ tuân theo các mẫu đó càng nhiều càng tốt.

1:46:21

And so by using that concept in combination with globalization and pattern recognition, if you remember there was a module where I explained how we can have a server and a client type functionality derived into a globalized function.

Và bằng cách sử dụng khái niệm đó kết hợp với toàn cầu hóa và nhận dạng mẫu, nếu bạn nhớ có một mô-đun nơi tôi giải thích cách chúng ta có thể có chức năng loại máy chủ và máy khách được dẫn xuất thành một hàm toàn cầu hóa.

1:46:37

Vì vậy

1:46:38

that way we create the sort of uh reusable interface, right?

Bằng cách đó, chúng ta tạo ra loại giao diện tái sử dụng, phải không?

1:46:41

Some sort of reusable code.

Một số loại mã tái sử dụng.

1:46:43

That's the client mirror.

Đó là bản sao máy khách.

1:46:45

Okay?

Được chứ?

1:46:45

So those patterns end up being reused over and over again which enforces pattern even more.

Vì vậy, những mẫu đó cuối cùng được tái sử dụng lặp đi lặp lại, điều này củng cố mẫu thậm chí nhiều hơn.

1:46:50

And then AI will use the same thing uh wherever it needs on the server or on the client.

Và sau đó AI sẽ sử dụng cùng một thứ ở bất cứ đâu nó cần trên máy chủ hoặc máy khách.

1:46:55

So with that being said, we can check off all these uh modules here.

Vì vậy, với điều đó đã được nói, chúng ta có thể đánh dấu tất cả các mô-đun này ở đây.

1:47:00

Three modules.

Ba mô-đun.

1:47:00

Awesome.

Tuyệt vời.

1:47:00

We're making some progress.

Chúng ta đang tiến bộ.

1:47:02

Great job so far.

Làm tốt lắm cho đến nay.

1:47:03

If you're still watching this video, hats off to

Nếu bạn vẫn đang xem video này, xin chúc mừng

1:47:06

you.

bạn.

1:47:06

You're going to have uh a killer over time building some crazy cool applications.

Bạn sẽ có một lợi thế lớn theo thời gian khi xây dựng các ứng dụng cực kỳ thú vị.

1:47:11

In this module, we're going to look at a gap in the architectural guardrail.

Trong mô-đun này, chúng ta sẽ xem xét một khoảng trống trong lan can kiến trúc.

1:47:15

So in our application because we're using the block layer this right here the protected procedure as the source of all truth that means that all our security implementations go through this block layer so if any parts of your

Vì vậy, trong ứng dụng của chúng ta, bởi vì chúng ta sử dụng lớp khối này ngay tại đây, thủ tục được bảo vệ, như là nguồn sự thật duy nhất, điều đó có nghĩa là tất cả các triển khai bảo mật của chúng ta đi qua lớp khối này, vì vậy nếu bất kỳ phần nào của

1:47:29

application does not consume the block layer it just violated every single security practice we put in place and so that is terrible that's horrible right we don't want that and so I'm going to show you um what could potentially cause this and how we can solve this problem as well so in my app.

ứng dụng của bạn không tiêu thụ lớp khối, nó vừa vi phạm mọi thực hành bảo mật chúng ta đặt ra, và điều đó thật tệ, thật kinh khủng, phải không, chúng ta không muốn điều đó, và vì vậy tôi sẽ chỉ cho bạn điều gì có thể gây ra điều này và cách chúng ta có thể giải quyết vấn đề này trong ứng dụng của tôi.

1:47:46

I'm rendering these cards here which are all of the plans u that the you know for this uh

Tôi đang hiển thị các thẻ này ở đây, đó là tất cả các gói cho phần mềm này.

1:47:52

software.

Phần mềm.

1:47:52

Now I'm using clerk here because clerk building is just so much easier to set up and it gives you the components built out.

Bây giờ tôi đang sử dụng clerk ở đây vì việc xây dựng với clerk dễ thiết lập hơn nhiều và nó cung cấp cho bạn các thành phần được xây dựng sẵn.

1:47:58

So these components were is or coming from clerk and the reason why I'm pointing this out is since it comes from a third party provider that is not going to go through our TRPC procedure.

Vì vậy, các thành phần này đến từ clerk và lý do tôi chỉ ra điều này là vì nó đến từ một nhà cung cấp bên thứ ba, điều đó sẽ không đi qua thủ tục TRPC của chúng ta.

1:48:08

So the protected procedure is not being consumed in here.

Vì vậy, thủ tục được bảo vệ không được tiêu thụ ở đây.

1:48:11

So I want you to pause this video and just try to guess, okay?

Vì vậy, tôi muốn bạn tạm dừng video này và chỉ cố gắng đoán, được chứ?

1:48:15

Try to work this with me.

Hãy thử làm việc này với tôi.

1:48:17

How would you implement a fix for this so that all the clerk stuff also kind of goes through that block layer.

Bạn sẽ triển khai một bản sửa lỗi cho điều này như thế nào để tất cả những thứ của clerk cũng đi qua lớp khối đó.

1:48:25

Pause this video and just try to guess.

Tạm dừng video này và chỉ cố gắng đoán.

1:48:27

Okay, welcome back.

Được rồi, chào mừng trở lại.

1:48:28

So since these cleric building components are being rendered using the cler component itself, it's not going to go through the

Vì vậy, vì các thành phần xây dựng clerk này đang được hiển thị bằng chính thành phần clerk, nó sẽ không đi qua

1:48:36

architectural guardrail.

lan can kiến trúc.

1:48:36

So it's not going to go through our protected block, the protected procedure.

Vì vậy, nó sẽ không đi qua khối được bảo vệ của chúng ta, thủ tục được bảo vệ.

1:48:41

So what this means is, for example, if some of the team members in here don't have access to the billings page.

Vì vậy, điều này có nghĩa là, ví dụ, nếu một số thành viên trong nhóm ở đây không có quyền truy cập vào trang thanh toán.

1:48:48

So if I give someone a specific type of permission and they don't have access to the billings page, first of all, our software, our app already uses the

Vì vậy, nếu tôi cấp cho ai đó một loại quyền cụ thể và họ không có quyền truy cập vào trang thanh toán, trước hết, phần mềm của chúng ta, ứng dụng của chúng ta đã sử dụng

1:48:58

resources source of truth to essentially determine if they should see this in the sidebar.

nguồn sự thật tài nguyên để về cơ bản xác định xem họ có nên thấy điều này trong thanh bên hay không.

1:49:02

Great.

Tuyệt vời.

1:49:02

the service layer and uh essentially the router layer protects everything else from there.

Lớp dịch vụ và về cơ bản lớp bộ định tuyến bảo vệ mọi thứ khác từ đó.

1:49:06

So the same thing happens on the server as well.

Vì vậy, điều tương tự cũng xảy ra trên máy chủ.

1:49:09

So if anyone tries to access the billings page and any API request is made in there, that error will essentially throw because they don't have the permission

Vì vậy, nếu bất kỳ ai cố gắng truy cập trang thanh toán và bất kỳ yêu cầu API nào được thực hiện ở đó, lỗi đó về cơ bản sẽ được ném ra vì họ không có quyền

1:49:18

to access that page and it will kick them back uh to whatever dashboard or whatever page you want.

Để truy cập trang đó và nó sẽ đưa họ trở lại uh vào bảng điều khiển hoặc bất kỳ trang nào bạn muốn.

1:49:24

But because it's not going through the TRPC procedure, anyone can just copy the link of the billings page and paste it and then directly access this because there's no other API calls happening on this page.

Nhưng vì nó không đi qua quy trình TRPC, bất kỳ ai cũng có thể sao chép liên kết của trang thanh toán và dán vào rồi truy cập trực tiếp vì không có lời gọi API nào khác trên trang này.

1:49:37

So nothing is going through the TRPC procedure.

Vì vậy, không có gì đi qua quy trình TRPC.

1:49:40

So the solution is not to create another router or some sort of a another procedure so you can pass in these components through that procedure.

Vì vậy, giải pháp không phải là tạo một router khác hoặc một loại quy trình khác để bạn có thể truyền các thành phần này qua quy trình đó.

1:49:50

Instead, the simplest fix is just to have it on the layout.

Thay vào đó, cách sửa đơn giản nhất là đặt nó trên layout.

1:49:53

So on the layout.tsx, essentially you can have a checker in there, some sort of a check that does all of the uh the lookup.

Vì vậy, trên layout.tsx, về cơ bản bạn có thể có một bộ kiểm tra trong đó, một loại kiểm tra thực hiện tất cả việc tra cứu.

1:50:01

Um, and I can see if I can show you some code as well.

Ừm, và tôi có thể xem liệu tôi có thể cho bạn xem một số mã không.

1:50:06

So one way I've implemented this is on the layout page.

Vì vậy, một cách tôi đã triển khai điều này là trên trang layout.

1:50:09

I'm not saying this is the best way.

Tôi không nói đây là cách tốt nhất.

1:50:12

I'm sure you can improve this.

Tôi chắc chắn bạn có thể cải thiện điều này.

1:50:14

But what I did in here is I used the same source of truth that we created earlier which uh goes through the require permissions if you remember the resources right I use the same thing and I'm essentially using uh some sort of a header to understand uh to just get

Nhưng những gì tôi đã làm ở đây là tôi sử dụng cùng một nguồn sự thật mà chúng ta đã tạo trước đó, cái mà đi qua require permissions nếu bạn nhớ các resources phải không, tôi sử dụng cùng một thứ và về cơ bản tôi sử dụng một loại header để hiểu uh để chỉ lấy

1:50:32

permissions and stuff or the path name sorry that's what we're using it for here and based on the nav items.

Quyền và những thứ khác hoặc tên đường dẫn, xin lỗi, đó là những gì chúng ta đang sử dụng nó ở đây và dựa trên các mục điều hướng.

1:50:38

So on the resources object I have the nav items and so I can use that and kind of combine that with their permissions itself and understand if the user has access to this page or not.

Vì vậy, trên đối tượng resources, tôi có các mục điều hướng và vì vậy tôi có thể sử dụng nó và kết hợp nó với chính quyền của họ và hiểu liệu người dùng có quyền truy cập trang này hay không.

1:50:49

Now, um you can run as many checks as you need, right?

Bây giờ, bạn có thể chạy bao nhiêu kiểm tra tùy thích, phải không?

1:50:53

You can run as many checks as you

Bạn có thể chạy bao nhiêu kiểm tra tùy thích

1:50:56

need in here, but I thought this is uh decent enough because if someone's trying to access the dashboard page already on the server, we're doing checks to see if they are logged in, if they have uh you know, all these things are happening.

Cần thiết ở đây, nhưng tôi nghĩ điều này khá ổn vì nếu ai đó đang cố truy cập trang tổng quan trên máy chủ, chúng ta đang thực hiện kiểm tra để xem họ đã đăng nhập chưa, nếu họ có, bạn biết đấy, tất cả những điều này đang diễn ra.

1:51:10

But it's just that those resources that don't go through the TRPC procedure need to throw an error.

Nhưng chỉ là những tài nguyên không đi qua quy trình TRPC cần phải đưa ra lỗi.

1:51:15

So, uh maybe it would make sense to put this at

Vì vậy, có lẽ sẽ hợp lý khi đặt cái này ở

1:51:19

the adapter layer.

Lớp adapter.

1:51:19

you could probably put it there too.

Bạn có thể đặt nó ở đó cũng được.

1:51:21

Um, but I just put it at the layout location.

Ừm, nhưng tôi chỉ đặt nó ở vị trí layout.

1:51:23

I put it on the layout page itself.

Tôi đặt nó trên chính trang layout.

1:51:25

So that way if I have other sort of third party tools that don't go through an adapter, I don't have to care about it.

Bằng cách đó, nếu tôi có các công cụ của bên thứ ba khác không đi qua adapter, tôi không cần phải quan tâm đến nó.

1:51:31

But I'm sure there are better ways to do this.

Nhưng tôi chắc chắn có những cách tốt hơn để làm điều này.

1:51:34

But I just wanted to point this out.

Nhưng tôi chỉ muốn chỉ ra điều này.

1:51:36

So you can implement something like this in your application as well.

Vì vậy, bạn cũng có thể triển khai một cái gì đó như thế này trong ứng dụng của mình.

1:51:40

All right, let's go ahead and strike this out too.

Được rồi, chúng ta hãy tiếp tục và gạch bỏ cái này nữa.

1:51:43

We're done with that module.

Chúng ta đã hoàn thành với mô-đun đó.

1:51:44

And the next one is I think the most one of the most important modules in this entire course.

Và cái tiếp theo là tôi nghĩ một trong những mô-đun quan trọng nhất trong toàn bộ khóa học này.

1:51:50

So I'll see you in that one.

Vì vậy, tôi sẽ gặp bạn trong mô-đun đó.

1:51:52

So in this module we're going to learn about inline injection which is a strategy I created that helps with microcontext injection.

Vì vậy, trong mô-đun này, chúng ta sẽ tìm hiểu về inline injection, một chiến lược tôi đã tạo ra giúp tiêm microcontext.

1:51:59

Delivering tiny pieces of context to AI at the time it needs it instead of dumping huge

Cung cấp những phần ngữ cảnh nhỏ cho AI vào thời điểm nó cần thay vì đổ vào những tệp và thư mục tài liệu lớn

1:52:05

documentation files and folders to help it understand before it starts implementing.

Để giúp nó hiểu trước khi bắt đầu triển khai.

1:52:09

So let's jump straight right into this.

Vì vậy, hãy đi thẳng vào vấn đề này.

1:52:12

So the whole point of the architectural guardrail is to enforce source of truth architecture.

Vì vậy, toàn bộ ý nghĩa của guardrail kiến trúc là thực thi kiến trúc nguồn sự thật.

1:52:18

When you know where something can or will be in your app, it's easier for you to route the entire app.

Khi bạn biết một cái gì đó có thể hoặc sẽ ở đâu trong ứng dụng của mình, bạn sẽ dễ dàng định tuyến toàn bộ ứng dụng hơn.

1:52:25

But if there is part A and part B and these two are supposed to connect in some way at the context level, how can AI know this at the time it's reading that piece of code?

Nhưng nếu có phần A và phần B và hai phần này được cho là kết nối với nhau ở mức ngữ cảnh, làm sao AI có thể biết điều này tại thời điểm nó đọc đoạn mã đó?

1:52:39

Well, we could technically create a doc folder and we could have files in here that directly feed context

Chà, về mặt kỹ thuật, chúng ta có thể tạo một thư mục doc và có các tệp trong đó trực tiếp cung cấp ngữ cảnh

1:52:46

to it.

Cho nó.

1:52:46

So, how does the architecture work or how does invalidation, right?

Vì vậy, kiến trúc hoạt động như thế nào hoặc invalidation hoạt động như thế nào, phải không?

1:52:52

How does invalidation work for example?

Ví dụ, invalidation hoạt động như thế nào?

1:52:54

We could feed this through external documentation, but this means all of the context of this file needs to be injected into the context window.

Chúng ta có thể cung cấp điều này thông qua tài liệu bên ngoài, nhưng điều này có nghĩa là tất cả ngữ cảnh của tệp này cần được tiêm vào cửa sổ ngữ cảnh.

1:53:03

Instead, all I do is on top of every block of code, I follow an inline comment.

Thay vào đó, tất cả những gì tôi làm là trên đầu mỗi khối mã, tôi thêm một bình luận nội tuyến.

1:53:09

That's it.

Chỉ vậy thôi.

1:53:10

That's all you need to do.

Đó là tất cả những gì bạn cần làm.

1:53:12

So, this small little change makes such a big difference in your context consumption.

Vì vậy, thay đổi nhỏ này tạo ra sự khác biệt lớn trong việc tiêu thụ ngữ cảnh của bạn.

1:53:18

Now, I'm not saying that if you use a $5 plan, you're going to get the same token consumption limit of a of a $200 plan.

Bây giờ, tôi không nói rằng nếu bạn sử dụng gói 5 đô la, bạn sẽ có cùng giới hạn tiêu thụ token như gói 200 đô la.

1:53:28

That's not what I'm trying to say here.

Đó không phải là điều tôi đang cố nói ở đây.

1:53:31

All I'm saying is

Tất cả những gì tôi đang nói là

1:53:33

you can drastically probably cut all of your cont most of your context window just by this small little tweak in here.

Bạn có thể cắt giảm đáng kể hầu hết cửa sổ ngữ cảnh của mình chỉ bằng một thay đổi nhỏ này.

1:53:41

Because now what AI does instead is initially you will give it a path.

Bởi vì bây giờ những gì AI làm thay vào đó là ban đầu bạn sẽ cung cấp cho nó một đường dẫn.

1:53:44

And I'll show you what this looks like in the next module because that's equally as important.

Và tôi sẽ cho bạn thấy điều này trông như thế nào trong mô-đun tiếp theo vì điều đó cũng quan trọng không kém.

1:53:49

But when it starts you're going to give it a path to follow.

Nhưng khi nó bắt đầu, bạn sẽ cung cấp cho nó một đường dẫn để đi theo.

1:53:53

You're going to give it a path so it knows exactly where to look.

Bạn sẽ cung cấp cho nó một đường dẫn để nó biết chính xác nơi cần tìm.

1:53:58

And then when it starts looking into that path, you then eventually guide it with inline documentation.

Và sau đó khi nó bắt đầu tìm kiếm trong đường dẫn đó, bạn cuối cùng sẽ hướng dẫn nó bằng tài liệu nội tuyến.

1:54:05

And each of these inline comments use a what, why, and how, or sorry, what, what, why, how, and where um pattern.

Và mỗi bình luận nội tuyến này sử dụng mẫu cái gì, tại sao và như thế nào, hoặc xin lỗi, cái gì, cái gì, tại sao, như thế nào và ở đâu.

1:54:14

And so these questions here are answered inside the inline comment.

Và vì vậy những câu hỏi này được trả lời bên trong bình luận nội tuyến.

1:54:19

Now, you're not supposed to add

Bây giờ, bạn không nên thêm

1:54:22

this in every single line of code, but uh I mean, you could if you want to, but then the code just looks horrible.

Điều này vào mỗi dòng mã, nhưng tôi nghĩ, bạn có thể nếu muốn, nhưng sau đó mã trông thật kinh khủng.

1:54:28

Like, I don't like looking at it.

Giống như, tôi không thích nhìn vào nó.

1:54:30

By the way, this is not to make it really good for web developers to code on Teams.

Nhân tiện, điều này không phải để làm cho nó thực sự tốt cho các nhà phát triển web khi viết mã trên Teams.

1:54:35

That's not the point of this.

Đó không phải là mục đích của việc này.

1:54:37

This is to make this architectural guardrail is to make AI development as easy as possible.

Điều này là để làm cho rào cản kiến trúc này giúp phát triển AI dễ dàng nhất có thể.

1:54:42

Making it easy for AI.

Làm cho nó dễ dàng cho AI.

1:54:43

Okay.

Được rồi.

1:54:43

So, in the real world, we technically do not like to do this.

Vì vậy, trong thế giới thực, về mặt kỹ thuật chúng ta không thích làm điều này.

1:54:48

like we don't um write documentation on top of every single line of code or every block of code.

Giống như chúng ta không viết tài liệu trên mỗi dòng mã hoặc mỗi khối mã.

1:54:54

We prefer to write it maybe at the top or as high as possible, but um when it comes to building with AI, it's all right to use in between every single line of code if needed, but I always

Chúng ta thích viết nó có thể ở đầu hoặc càng cao càng tốt, nhưng khi xây dựng với AI, việc sử dụng giữa mỗi dòng mã nếu cần là ổn, nhưng tôi luôn

1:55:07

prefer to still follow at the top follow the inline comments at the top of that function at the top of a block.

Thích vẫn tuân theo ở đầu, tuân theo các bình luận nội tuyến ở đầu hàm đó, ở đầu một khối.

1:55:14

So um if it's trying to understand what this block of code does just by telling it what where why how these just answering these questions it knows how these two different concepts connect to each other and just to be clear guys because I know I said I don't like to use a docs folder

Vì vậy, nếu nó cố gắng hiểu khối mã này làm gì chỉ bằng cách nói cho nó biết cái gì, ở đâu, tại sao, như thế nào, chỉ cần trả lời những câu hỏi này, nó biết hai khái niệm khác nhau này kết nối với nhau như thế nào và để rõ ràng các bạn, vì tôi biết tôi đã nói tôi không thích sử dụng thư mục docs

1:55:33

but you see a docs folder in here so you might question it so why do you have all this stuff you just said don't use it this is actually for my members and my community so they can learn about how everything works so this is clientf facing and when I say client members facing this is not to document the architecture for AI.

Nhưng bạn thấy một thư mục docs ở đây nên bạn có thể thắc mắc tại sao bạn có tất cả những thứ này mà bạn vừa nói đừng sử dụng nó, điều này thực sự dành cho các thành viên và cộng đồng của tôi để họ có thể học cách mọi thứ hoạt động, vì vậy đây là hướng tới khách hàng và khi tôi nói hướng tới thành viên khách hàng, điều này không phải để ghi lại kiến trúc cho AI.

1:55:49

Does it use it?

Nó có sử dụng nó không?

1:55:50

No.

Không.

1:55:51

And I'll tell you why it does not use it.

Và tôi sẽ cho bạn biết tại sao nó không sử dụng nó.

1:55:53

The reason why it does not use this is uh just based on my experience.

Lý do tại sao nó không sử dụng cái này là dựa trên kinh nghiệm của tôi.

1:55:57

So in the past when I was building Mochi, at one point I had this really bad architecture when I first started and I was trying to use the docs folder to guide it and eventually I wanted to strip out the entire architecture and so I did strip out the entire architecture

Vì vậy, trong quá khứ khi tôi xây dựng Mochi, tại một thời điểm tôi đã có kiến trúc thực sự tệ khi mới bắt đầu và tôi đã cố gắng sử dụng thư mục docs để hướng dẫn nó và cuối cùng tôi muốn loại bỏ toàn bộ kiến trúc và vì vậy tôi đã loại bỏ toàn bộ kiến trúc

1:56:11

and I moved to something new.

Và tôi đã chuyển sang một cái gì đó mới.

1:56:12

that docs folder was outdated and it was there all the way until the last month, the last release month for Mochi.

Thư mục docs đó đã lỗi thời và nó ở đó cho đến tháng cuối cùng, tháng phát hành cuối cùng cho Mochi.

1:56:19

And so that clearly means that it does not care about your docs folder.

Và vì vậy điều đó rõ ràng có nghĩa là nó không quan tâm đến thư mục docs của bạn.

1:56:23

It in spite of having outdated incorrect docs, it still followed the right implementation.

Mặc dù có tài liệu lỗi thời, không chính xác, nó vẫn tuân theo việc triển khai đúng.

1:56:28

It still followed the right architecture.

Nó vẫn tuân theo kiến trúc đúng.

1:56:30

And so it means the inline comments outperform those documentation, the documentation files in the documentation folder itself.

Và vì vậy điều đó có nghĩa là các bình luận nội tuyến hoạt động tốt hơn những tài liệu đó, các tệp tài liệu trong chính thư mục tài liệu.

1:56:35

So just delete it.

Vì vậy, chỉ cần xóa nó.

1:56:37

You don't need it.

Bạn không cần nó.

1:56:38

I could delete it right now and it'll work absolutely fine because you can just see all the concepts we put in place right and uh these concepts don't rely on context only it relies mainly on those linting

Tôi có thể xóa nó ngay bây giờ và nó sẽ hoạt động hoàn toàn tốt vì bạn có thể thấy tất cả các khái niệm chúng ta đã đặt vào đúng chỗ và những khái niệm này không chỉ dựa vào ngữ cảnh, nó chủ yếu dựa vào những linting đó

1:56:51

and TypeScript and error handling that's how it kind that's how AI kind of navigates itself and figures out what's correct okay so now we just learned how to provide context to AI through inline injection but now how does AI actually find those files how does it find the location to kind of ingest all of that context.

Và TypeScript và xử lý lỗi, đó là cách AI tự điều hướng và tìm ra cái gì đúng, được rồi, vậy bây giờ chúng ta vừa học cách cung cấp ngữ cảnh cho AI thông qua tiêm nội tuyến, nhưng bây giờ làm thế nào AI thực sự tìm thấy những tệp đó, làm thế nào nó tìm thấy vị trí để tiếp nhận tất cả ngữ cảnh đó.

1:57:12

And that's the next module, which is the GP first module.

Và đó là mô-đun tiếp theo, mô-đun GP đầu tiên.

1:57:17

So, let's just take a quick look at that.

Vì vậy, hãy xem nhanh điều đó.

1:57:19

Now, here's the single biggest change you can make right now, this very second, to almost like half your context consumption.

Bây giờ, đây là thay đổi lớn nhất bạn có thể thực hiện ngay bây giờ, ngay lúc này, để giảm gần một nửa mức tiêu thụ ngữ cảnh của bạn.

1:57:26

And my guarantee is you probably, I can't guarantee, but I'm just saying you might be able to drop your subscription from $200 to $100 per month.

Và tôi đảm bảo rằng bạn có thể, tôi không thể đảm bảo, nhưng tôi chỉ nói rằng bạn có thể giảm đăng ký của mình từ 200 đô la xuống 100 đô la mỗi tháng.

1:57:34

So by watching this video, I hope I helped you accomplish this.

Vì vậy, bằng cách xem video này, tôi hy vọng tôi đã giúp bạn đạt được điều này.

1:57:38

Okay?

Được chứ?

1:57:38

And

Và

1:57:39

this is what you have to do.

Đây là những gì bạn phải làm.

1:57:41

So the way AI reads your codebase is it has no idea of what you're actually showing or what what you're trying to build.

Vì vậy, cách AI đọc mã nguồn của bạn là nó không biết bạn thực sự đang hiển thị cái gì hoặc bạn đang cố gắng xây dựng cái gì.

1:57:47

Like it doesn't know what your codebase is, right?

Giống như nó không biết mã nguồn của bạn là gì, phải không?

1:57:50

And the way it understands is by reading a few files and it starts with a linear pattern.

Và cách nó hiểu là bằng cách đọc một vài tệp và nó bắt đầu với một mẫu tuyến tính.

1:57:55

So it looks at the folder structure and understands, okay, this guy has this app, you know, what

Vì vậy, nó nhìn vào cấu trúc thư mục và hiểu, được rồi, anh chàng này có ứng dụng này, bạn biết đấy, cái gì

1:58:01

else does he have?

Khác anh ta có?

1:58:02

and then it looks at TRPC and then eventually it sort of navigates its way.

Và sau đó nó nhìn vào TRPC và cuối cùng nó điều hướng theo cách của nó.

1:58:06

So AI is blind.

Vậy nên AI bị mù.

1:58:08

It has no idea of what you're essentially trying to ask it.

Nó không biết bạn thực sự đang cố hỏi nó điều gì.

1:58:11

And so if I could in some way point AI in the right direction as fast as possible with zero context consumption until it actually needs to read the context, I'm sure my context window is not going to be flooded with

Và vì vậy nếu tôi có thể bằng cách nào đó chỉ cho AI đi đúng hướng càng nhanh càng tốt mà không tiêu tốn ngữ cảnh cho đến khi nó thực sự cần đọc ngữ cảnh, tôi chắc chắn rằng cửa sổ ngữ cảnh của tôi sẽ không bị tràn ngập với

1:58:25

useless documentation.

Tài liệu vô dụng.

1:58:25

Because right now probably in most people's code bases AI would need to read the docs folder which is already consuming maybe not 90% but maybe like 20% right 20 30%.

Bởi vì hiện tại có lẽ trong hầu hết các codebase của mọi người, AI sẽ cần đọc thư mục docs, thứ đã tiêu tốn có thể không phải 90% nhưng có thể khoảng 20%, đúng vậy 20-30%.

1:58:36

It's already consuming it's consuming something right there's so many files in here and has to remember all this stuff and so it'll probably fill up a small percentage with that context window.

Nó đã tiêu tốn rồi, nó đang tiêu tốn một thứ gì đó, có rất nhiều tệp ở đây và nó phải nhớ tất cả những thứ này, và vì vậy nó có thể sẽ lấp đầy một phần trăm nhỏ với cửa sổ ngữ cảnh đó.

1:58:48

But

Nhưng

1:58:49

if I could remove this and point it in the right direction first, saying maybe here or here, like if I could show a list of where it could look at first, I can drastically reduce my context consumption.

Nếu tôi có thể loại bỏ điều này và chỉ cho nó đi đúng hướng trước, nói rằng có lẽ ở đây hoặc ở đây, như thể nếu tôi có thể hiển thị một danh sách những nơi nó có thể xem trước, tôi có thể giảm đáng kể mức tiêu thụ ngữ cảnh của mình.

1:59:01

And so the way I do this is with the help of a GP script.

Và vì vậy cách tôi làm điều này là với sự trợ giúp của một tập lệnh GP.

1:59:06

Okay, I'm going to show you exactly what you need to do.

Được rồi, tôi sẽ chỉ cho bạn chính xác những gì bạn cần làm.

1:59:10

Um, and I'll show you how you can enforce it in the next module as well.

Ừm, và tôi sẽ chỉ cho bạn cách bạn có thể thực thi nó trong mô-đun tiếp theo nữa.

1:59:15

So the way this works, let's just open up the terminal and let's let's do this and I'll show you what that looks like.

Vì vậy, cách hoạt động của điều này, hãy mở terminal và chúng ta hãy làm điều này và tôi sẽ cho bạn thấy điều đó trông như thế nào.

1:59:20

So if I was AI and I wanted to find the file where the source of truth permissions architecture exists or something like something along the lines of that, right?

Vì vậy, nếu tôi là AI và tôi muốn tìm tệp nơi kiến trúc nguồn sự thật về quyền tồn tại hoặc một cái gì đó tương tự như vậy, phải không?

1:59:30

I would probably need to open up the folder structure and I would need to first search for those files or search for something called permissions.

Tôi có lẽ sẽ cần mở cấu trúc thư mục và tôi sẽ cần trước tiên tìm kiếm những tệp đó hoặc tìm kiếm một cái gì đó gọi là permissions.

1:59:39

Now on my first glimpse, I'm probably not going to be able to find it.

Bây giờ trong cái nhìn đầu tiên của tôi, tôi có lẽ sẽ không thể tìm thấy nó.

1:59:43

I found something here.

Tôi đã tìm thấy một cái gì đó ở đây.

1:59:44

There you go.

Đây rồi.

1:59:45

So, I found permissions index.typescript and this was the file I needed, right?

Vì vậy, tôi đã tìm thấy permissions.index.typescript và đây là tệp tôi cần, phải không?

1:59:49

But um it took me some time to find this file.

Nhưng ừm, tôi đã mất một chút thời gian để tìm thấy tệp này.

1:59:52

But how did I find this file?

Nhưng làm thế nào tôi tìm thấy tệp này?

1:59:55

Well, I looked at procedures here and then I understood index and then I went into that file.

Chà, tôi đã nhìn vào procedures ở đây và sau đó tôi hiểu index và sau đó tôi đi vào tệp đó.

2:00:00

Uh sorry, not procedures guys.

Ừ, xin lỗi, không phải procedures các bạn.

2:00:02

I went to permissions and then I found the right file.

Tôi đã đi đến permissions và sau đó tôi tìm thấy tệp đúng.

2:00:06

But sometimes we might have the permission file here and the source of truth may not be in this file.

Nhưng đôi khi chúng ta có thể có tệp permission ở đây và nguồn sự thật có thể không nằm trong tệp này.

2:00:12

it might be in something else.

Nó có thể nằm trong một cái gì đó khác.

2:00:14

And so now how do we enforce source of truth architecture with this new mech new way

Và vì vậy bây giờ làm thế nào chúng ta thực thi kiến trúc nguồn sự thật với cách mới này

2:00:20

of actually finding that exact location?

Thực sự tìm thấy vị trí chính xác đó?

2:00:23

And so the first thing you need to do before we get to GPScript is SOT keywords.

Và vì vậy điều đầu tiên bạn cần làm trước khi chúng ta đến GPScript là các từ khóa SOT.

2:00:29

So write this down.

Vì vậy, hãy viết điều này ra.

2:00:30

Source of truth keywords.

Từ khóa nguồn sự thật.

2:00:31

And so what you're going to do is inside when you're documenting this and we don't document this by hand.

Và vì vậy những gì bạn sẽ làm là bên trong khi bạn ghi lại điều này và chúng ta không ghi lại điều này bằng tay.

2:00:39

This is actually part of the next module or I think the next couple modules uh which is handling the claw.md correctly.

Đây thực sự là một phần của mô-đun tiếp theo hoặc tôi nghĩ là vài mô-đun tiếp theo, đó là xử lý claw.md một cách chính xác.

2:00:46

So we'll get to that in a second.

Vì vậy, chúng ta sẽ đến với điều đó trong giây lát.

2:00:48

But we will essentially write a source of truth keyword section up top here inside the inline documentation.

Nhưng về cơ bản chúng ta sẽ viết một phần từ khóa nguồn sự thật ở phía trên đây bên trong tài liệu nội tuyến.

2:00:54

And then we would write as many keywords as we can think of.

Và sau đó chúng ta sẽ viết càng nhiều từ khóa càng tốt mà chúng ta có thể nghĩ ra.

2:00:58

Not too many but just enough.

Không quá nhiều nhưng chỉ đủ.

2:01:00

And some of them pointing directly to the location where the source of truth exists.

Và một số trong số chúng chỉ trực tiếp đến vị trí nơi nguồn sự thật tồn tại.

2:01:05

So this is the place where this exists.

Vì vậy, đây là nơi điều này tồn tại.

2:01:07

Right?

Phải không?

2:01:08

And so now if AI was

Và vì vậy bây giờ nếu AI

2:01:10

trying to find patterns in the app, it could search for these words and find them instantly.

Cố gắng tìm các mẫu trong ứng dụng, nó có thể tìm kiếm những từ này và tìm thấy chúng ngay lập tức.

2:01:16

But here's how I've enforced this so that it does not need to read context in order to find um the locations first.

Nhưng đây là cách tôi đã thực thi điều này để nó không cần đọc ngữ cảnh để tìm các vị trí trước.

2:01:24

So the example that I'm going to show you here is just to find the source of truth keyword inside permissions for example.

Vì vậy, ví dụ tôi sẽ chỉ cho bạn ở đây chỉ là để tìm từ khóa nguồn sự thật bên trong permissions chẳng hạn.

2:01:33

So the way this works guys is through a GRP script and

Vì vậy, cách hoạt động của điều này các bạn là thông qua một tập lệnh GRP và

2:01:38

I've enforced this on the claw.md file inside the claw.md file by telling it to first grab use a grap script to find a list of the files that are worth looking into.

Tôi đã thực thi điều này trên tệp claw.md bên trong tệp claw.md bằng cách nói với nó trước tiên hãy lấy, sử dụng một tập lệnh grap để tìm một danh sách các tệp đáng để xem xét.

2:01:49

And so now if I hit enter look at my context that's all that get this is all that gets injected into my context window.

Và vì vậy bây giờ nếu tôi nhấn enter, nhìn vào ngữ cảnh của tôi, đó là tất cả những gì được tiêm vào cửa sổ ngữ cảnh của tôi.

2:01:57

And now based on what you see here you can filter from this even further.

Và bây giờ dựa trên những gì bạn thấy ở đây, bạn có thể lọc từ điều này thậm chí sâu hơn.

2:02:02

And so now I'd run something

Và vì vậy bây giờ tôi sẽ chạy một cái gì đó

2:02:05

like this.

Như thế này.

2:02:05

And now this gave me four files where the source of truth uh permissions source of truth keyword for permissions exists in prisma and permissions.index.

Và bây giờ điều này đã cho tôi bốn tệp nơi nguồn sự thật, từ khóa nguồn sự thật cho permissions tồn tại trong prisma và permissions.index.

2:02:17

Boom.

Bùm.

2:02:17

Now I click right into this page.

Bây giờ tôi nhấp vào trang này.

2:02:19

I'm inside the source of truth architecture for permissions.

Tôi đang ở bên trong kiến trúc nguồn sự thật cho các quyền.

2:02:21

This is the coolest thing I came up with.

Đây là điều tuyệt vời nhất mà tôi nghĩ ra.

2:02:24

And the way I figured this out is when I saw um at once I saw how you know Claude was actually finding files and finding locations and um I was like why don't I just enforce this as the first step cuz it would try to search for a concept and then um if it didn't have access or it

Và cách tôi tìm ra điều này là khi tôi thấy, ừm, một lần tôi thấy cách Claude thực sự tìm tệp và vị trí, và tôi nghĩ tại sao tôi không áp dụng điều này như bước đầu tiên vì nó sẽ cố tìm kiếm một khái niệm và sau đó nếu nó không có quyền truy cập hoặc nó

2:02:44

didn't have knowledge of that concept then it would try to like figure out in all the files that kind of scatter across and what it did was it dumped all of the context of those files into to the context window to read.

Không có kiến thức về khái niệm đó thì nó sẽ cố tìm hiểu trong tất cả các tệp nằm rải rác và điều nó làm là đổ tất cả ngữ cảnh của các tệp đó vào cửa sổ ngữ cảnh để đọc.

2:02:55

And so instead, I was like, you know what?

Và thay vào đó, tôi nghĩ, bạn biết không?

2:02:57

I'm just going to reverse it and tell it to first narrow down based on files and then search deeper based on where it

Tôi sẽ đảo ngược nó và bảo nó trước tiên thu hẹp dựa trên các tệp và sau đó tìm kiếm sâu hơn dựa trên nơi nó

2:03:04

thinks is the best fit or where it's actually going to be.

Nghĩ là phù hợp nhất hoặc nơi nó thực sự sẽ ở đó.

2:03:07

And so that brings us to the end of the Grabcript uh module as well.

Và vì vậy điều đó đưa chúng ta đến cuối mô-đun Grabcript.

2:03:11

Great job on coming so far.

Làm tốt lắm khi đã đi được xa đến đây.

2:03:13

Now we have to take a look at the cloud MD.

Bây giờ chúng ta phải xem xét cloud MD.

2:03:16

So let's jump straight right into that.

Vậy hãy nhảy thẳng vào đó.

2:03:18

All right.

Được rồi.

2:03:18

So now is the orchestrator, the main thing that connects all of the concepts we've just learned so far.

Vậy bây giờ là người điều phối, thứ chính kết nối tất cả các khái niệm chúng ta vừa học.

2:03:25

This is the claw.md file.

Đây là tệp claw.md.

2:03:27

So here is my claw.md.

Vậy đây là claw.md của tôi.

2:03:29

And the first thing you'll notice is it's only 86 lines long.

Và điều đầu tiên bạn sẽ nhận thấy là nó chỉ dài 86 dòng.

2:03:33

All right.

Được rồi.

2:03:34

And in my uh Mochi's codebase, it was only 25 or 26 lines long.

Và trong codebase Mochi của tôi, nó chỉ dài 25 hoặc 26 dòng.

2:03:39

And so that goes to say that you don't even need so much.

Và điều đó cho thấy bạn thậm chí không cần nhiều như vậy.

2:03:44

Like I just overexlained

Giống như tôi đã giải thích quá kỹ

2:03:46

some stuff.

Một số thứ.

2:03:46

And I feel like some of the things are not even, you know, going into context correctly.

Và tôi cảm thấy một số thứ thậm chí không được đưa vào ngữ cảnh một cách chính xác.

2:03:50

So I might change those later.

Vì vậy tôi có thể thay đổi chúng sau.

2:03:51

But anyway, this is what you have to do in order to set up a cloud file.

Nhưng dù sao, đây là những gì bạn phải làm để thiết lập một tệp cloud.

2:03:55

So I like to create a folder.

Vì vậy tôi thích tạo một thư mục.

2:03:57

That way I can create a cloud.md inside that folder.

Bằng cách đó tôi có thể tạo một cloud.md bên trong thư mục đó.

2:04:00

And I can have settings and I can also have skills and agents if I want to create them in the

Và tôi có thể có cài đặt và tôi cũng có thể có kỹ năng và tác nhân nếu tôi muốn tạo chúng trong

2:04:05

future.

Tương lai.

2:04:05

Not saying that skills and agents, I know that I said you don't need them.

Không nói rằng kỹ năng và tác nhân, tôi biết rằng tôi đã nói bạn không cần chúng.

2:04:09

That doesn't mean they're bad.

Điều đó không có nghĩa là chúng tệ.

2:04:11

Uh it they are awesome actually.

Ừ, chúng thực sự tuyệt vời.

2:04:13

And I do have a lot of things in here that I want to move to a skill or to an agent.

Và tôi có rất nhiều thứ ở đây mà tôi muốn chuyển sang một kỹ năng hoặc một tác nhân.

2:04:19

Um, but what I what I feel is what I want to show you is that this will work regardless.

Ừm, nhưng điều tôi cảm thấy là điều tôi muốn cho bạn thấy là điều này sẽ hoạt động bất kể.

2:04:24

And this is just proof.

Và đây chỉ là bằng chứng.

2:04:26

It's proof of concept that you don't need a different sort of workflow.

Đó là bằng chứng về khái niệm rằng bạn không cần một loại quy trình làm việc khác.

2:04:30

You don't need a unique like, you know, you don't need a unique workflow that looks all crazy with 500 agents.

Bạn không cần một quy trình làm việc độc đáo, kiểu như, bạn biết đấy, bạn không cần một quy trình làm việc độc đáo trông điên rồ với 500 tác nhân.

2:04:36

All you need is a good architecture that follows exactly the same principles that we discussed today.

Tất cả những gì bạn cần là một kiến trúc tốt tuân theo chính xác các nguyên tắc giống như chúng ta đã thảo luận hôm nay.

2:04:41

and of course um all of the other prompting strategies that you're going to learn next.

Và tất nhiên, tất cả các chiến lược nhắc nhở khác mà bạn sẽ học tiếp theo.

2:04:46

So if you look at mycloud.mmd like I said it is 86 lines long and my mochi's codebase um was 26 or 25 lines long so you don't even need to type this much.

Vì vậy nếu bạn nhìn vào mycloud.mmd như tôi đã nói, nó dài 86 dòng và codebase mochi của tôi dài 26 hoặc 25 dòng, vì vậy bạn thậm chí không cần gõ nhiều như vậy.

2:04:56

Okay I just did this because I'm just kind of

Được rồi, tôi chỉ làm điều này vì tôi chỉ đang

2:05:00

experimenting on different things.

Thử nghiệm những thứ khác nhau.

2:05:01

So let's take a look at this.

Vậy hãy xem xét điều này.

2:05:03

The first one is the pattern recognition system.

Đầu tiên là hệ thống nhận dạng mẫu.

2:05:05

So essentially I tell it everything you're building in this app is from a pattern recognition model.

Về cơ bản, tôi nói với nó rằng mọi thứ bạn đang xây dựng trong ứng dụng này đều từ một mô hình nhận dạng mẫu.

2:05:10

So you should never invent your own architecture.

Vì vậy bạn không bao giờ nên tự phát minh ra kiến trúc của riêng mình.

2:05:13

You should always essentially verify that the pattern already exists in the codebase or else just don't use it.

Bạn nên luôn luôn xác minh rằng mẫu đã tồn tại trong codebase hoặc nếu không thì đừng sử dụng nó.

2:05:19

Right?

Đúng không?

2:05:19

So you

Vậy bạn

2:05:20

Can't pull in your own libraries and uh you can't start a new pattern first without confirming it does exist.

Bạn không thể tự kéo thư viện của mình vào và bạn không thể bắt đầu một mẫu mới mà không xác nhận nó tồn tại.

2:05:26

So the app runs on a source of truth global architecture.

Vì vậy, ứng dụng chạy trên kiến trúc toàn cầu nguồn sự thật.

2:05:30

That's the next thing here which is already established in the app.

Đó là điều tiếp theo ở đây đã được thiết lập trong ứng dụng.

2:05:34

Now you might be wondering why I said this and you'll learn in the next couple modules.

Bây giờ bạn có thể thắc mắc tại sao tôi nói điều này và bạn sẽ học trong vài mô-đun tới.

2:05:39

I'll I'll walk you through that um as well.

Tôi sẽ hướng dẫn bạn qua điều đó.

2:05:42

This is a very important concept and it is the single biggest leverage you have when you're prompting.

Đây là một khái niệm rất quan trọng và là đòn bẩy lớn nhất khi bạn nhắc.

2:05:48

Next, your job is to build into it.

Tiếp theo, công việc của bạn là xây dựng vào đó.

2:05:50

So, never create your own stuff, right?

Vì vậy, đừng bao giờ tự tạo thứ của riêng bạn, đúng không?

2:05:53

Globalize what you write uh so the app stays modular and future features future features are plug-in rather than rewrite.

Toàn cầu hóa những gì bạn viết để ứng dụng giữ được tính mô-đun và các tính năng tương lai là plug-in thay vì viết lại.

2:05:59

Okay?

Được chứ?

2:05:59

So, nothing should be tightly coupled.

Vì vậy, không có gì nên được liên kết chặt chẽ.

2:06:01

Uh I actually removed this line.

Ồ, tôi thực sự đã xóa dòng này.

2:06:03

I forgot to change it.

Tôi quên thay đổi nó.

2:06:05

Uh oh, yeah.

Ồ, vâng.

2:06:06

You see, I just updated.

Bạn thấy đấy, tôi vừa cập nhật.

2:06:07

I got to change that.

Tôi phải thay đổi điều đó.

2:06:09

and swapping text stacks etc.

Và hoán đổi ngăn xếp văn bản, v.v.

2:06:11

All of this should be easy.

Tất cả điều này nên dễ dàng.

2:06:12

Um the next one is don't create blindly.

Điều tiếp theo là đừng tạo một cách mù quáng.

2:06:15

Again

Một lần nữa

2:06:16

you see I repeat repetitively I keep telling the same concepts over and over again and I feel like that sticks with AI more.

Bạn thấy tôi lặp đi lặp lại, tôi cứ nói đi nói lại cùng một khái niệm và tôi cảm thấy điều đó gắn kết với AI hơn.

2:06:22

And um in my in the prompting lesson you'll also see uh maybe one I have one more concept.

Và trong bài học nhắc, bạn cũng sẽ thấy có thể tôi có thêm một khái niệm.

2:06:27

It's a it's I don't think it's rock solid.

Đó là một điều tôi không nghĩ là chắc chắn.

2:06:30

It's just a thesis that I have or um yeah just a theory that I have.

Đó chỉ là một giả thuyết của tôi hoặc một lý thuyết của tôi.

2:06:34

So I'll show you what that you know what that looks like

Vì vậy, tôi sẽ cho bạn thấy điều đó trông như thế nào

2:06:38

too.

Nữa.

2:06:38

But here I just say only when existing architecture can support the new features should you build something new.

Nhưng ở đây tôi chỉ nói chỉ khi kiến trúc hiện tại có thể hỗ trợ các tính năng mới thì bạn mới nên xây dựng điều gì đó mới.

2:06:45

So the next one is the GRP script.

Vì vậy, điều tiếp theo là tập lệnh GRP.

2:06:48

This is essentially what I was talking about right.

Đây thực chất là những gì tôi đã nói, đúng không.

2:06:50

So the whole codebase has a source of truth keyword and line at the top of each file.

Vì vậy, toàn bộ mã nguồn có một từ khóa nguồn sự thật và dòng ở đầu mỗi tệp.

2:06:56

If you remember this these keywords are the fastest way to reach that piece of code.

Nếu bạn nhớ những từ khóa này là cách nhanh nhất để truy cập đoạn mã đó.

2:07:02

And so this is what keeps context pollution at zero and stops us from burning through session limits.

Và vì vậy điều này giữ cho ô nhiễm ngữ cảnh ở mức không và ngăn chúng ta đốt cháy giới hạn phiên.

2:07:07

And so you could I think I also mentioned you should prioritize this uh but I just updated this but um you could tell AI that your goal is to prioritize session limits as much as possible and lower uh token consumptions as token consumption as much as possible.

Và vì vậy bạn có thể, tôi nghĩ tôi cũng đã đề cập bạn nên ưu tiên điều này nhưng tôi vừa cập nhật điều này nhưng bạn có thể nói với AI rằng mục tiêu của bạn là ưu tiên giới hạn phiên càng nhiều càng tốt và giảm tiêu thụ token càng nhiều càng tốt.

2:07:22

You can say that

Bạn có thể nói điều đó

2:07:24

quite literally just say it will do so to some degree right um next before creating any type functions constants or components gp for it first using l.

Nói một cách khá đơn giản, nó sẽ làm điều đó ở một mức độ nào đó, đúng không. Tiếp theo, trước khi tạo bất kỳ loại hàm hằng số thành phần nào, hãy tìm kiếm nó trước bằng cách sử dụng l.

2:07:32

This is the key here because if you don't use this and if you use Rn, I think that's the wrong one.

Đây là điểm mấu chốt vì nếu bạn không sử dụng cái này và nếu bạn sử dụng Rn, tôi nghĩ đó là cái sai.

2:07:39

Yep.

Vâng.

2:07:39

If you use RN, you'll end up getting all of the file context for all those files, it'll get dumped into the context window.

Nếu bạn sử dụng RN, bạn sẽ nhận được tất cả ngữ cảnh tệp cho tất cả các tệp đó, nó sẽ bị đổ vào cửa sổ ngữ cảnh.

2:07:46

That is

Điều đó thật

2:07:47

horrible.

Kinh khủng.

2:07:47

We don't want that.

Chúng ta không muốn điều đó.

2:07:48

It's the fastest path to find what you want.

Đó là con đường nhanh nhất để tìm thấy những gì bạn muốn.

2:07:51

Next, when you're creating something new, add the keywords.

Tiếp theo, khi bạn tạo một cái gì đó mới, hãy thêm các từ khóa.

2:07:55

Next, don't create duplicate functions.

Tiếp theo, đừng tạo các hàm trùng lặp.

2:07:57

And I actually added a line here that it got removed.

Và tôi thực sự đã thêm một dòng ở đây mà nó đã bị xóa.

2:08:02

The line is I have already created all types.

Dòng đó là tôi đã tạo tất cả các loại.

2:08:06

If you search for them, you will most likely find them.

Nếu bạn tìm kiếm chúng, rất có thể bạn sẽ tìm thấy chúng.

2:08:09

We'll get to this what we'll get to this later and I'll tell you what's what's the trick here.

Chúng ta sẽ đến điều này sau và tôi sẽ cho bạn biết mẹo ở đây là gì.

2:08:16

The next one is the layered architecture.

Điều tiếp theo là kiến trúc phân lớp.

2:08:18

So I'm just explaining like this is the only small piece of technical uh knowledge and even that is not like how to construct the protected layers like none of what is a protective procedure

Vì vậy, tôi chỉ giải thích rằng đây là phần nhỏ duy nhất của kiến thức kỹ thuật và thậm chí nó không phải là cách xây dựng các lớp bảo vệ như không có gì là một quy trình bảo vệ

2:08:30

what is a router what is a service layer and it's more of what instructions it needs to use for when it needs to consider when using these so I just said every important router endpoint needs to use this straightforward routers they consume the protected procedure and hold business logic validation orchestration decisions, etc.

Router là gì, service layer là gì và nó cần những chỉ dẫn gì để sử dụng khi cần cân nhắc khi dùng những thứ này, vì vậy tôi vừa nói mọi endpoint router quan trọng cần sử dụng các router đơn giản này, chúng tiêu thụ procedure được bảo vệ và chứa logic nghiệp vụ, xác thực, điều phối, quyết định, v.v.

2:08:50

That's it.

Chỉ vậy thôi.

2:08:51

Service layer, it's the only thing that touches

Service layer, nó là thứ duy nhất chạm vào

2:08:54

the database directly.

Cơ sở dữ liệu trực tiếp.

2:08:54

And so, this needs to be at the top of the file.

Và vì vậy, điều này cần phải ở đầu tệp.

2:08:58

Technically, I mentioned it in here as well.

Về mặt kỹ thuật, tôi cũng đã đề cập đến nó ở đây.

2:08:59

I don't think it would need to have this in here because I don't think I would need to have it in here because we already have the uh the linting check.

Tôi không nghĩ nó cần phải có cái này ở đây vì tôi không nghĩ tôi cần phải có nó ở đây vì chúng ta đã có kiểm tra linting.

2:09:07

And not just that, we also have a um you know, a pattern, right?

Và không chỉ vậy, chúng ta cũng có một mẫu, phải không?

2:09:10

All the files already have this, but it's good to always mention it.

Tất cả các tệp đều đã có cái này, nhưng tốt là luôn đề cập đến nó.

2:09:13

It's one line, so it's fine.

Nó chỉ là một dòng, nên không sao.

2:09:15

Remember to wire our

Nhớ kết nối

2:09:16

permissions.

Quyền hạn.

2:09:16

uh the feature requires this is important because I've already wired up the permission system into the architectural guardrail.

Tính năng yêu cầu điều này là quan trọng vì tôi đã kết nối hệ thống quyền hạn vào guardrail kiến trúc.

2:09:22

So this is required for me.

Vì vậy điều này là bắt buộc đối với tôi.

2:09:24

Next is uh I know that NexJS changed the middleware to proxy for some reason.

Tiếp theo là tôi biết rằng NexJS đã đổi middleware thành proxy vì lý do nào đó.

2:09:29

This was this is like the worst change ever made even though it was good.

Đây là thay đổi tệ nhất từng được thực hiện mặc dù nó tốt.

2:09:34

It was a good change but it was the worst change for AI because AI

Đó là một thay đổi tốt nhưng nó là thay đổi tệ nhất đối với AI vì AI

2:09:39

does not have enough data to understand what the middleware file is and what the proxy file is.

Không có đủ dữ liệu để hiểu tệp middleware là gì và tệp proxy là gì.

2:09:44

So I just put it in here to avoid all Now comes the TypeScript part.

Vì vậy tôi chỉ đặt nó ở đây để tránh tất cả. Bây giờ đến phần TypeScript.

2:09:48

My first rule is you should never use any or unknown types.

Quy tắc đầu tiên của tôi là bạn không bao giờ nên sử dụng kiểu any hoặc unknown.

2:09:52

You can never hardcode types or use other TypeScript bypass commands.

Bạn không bao giờ được hardcode kiểu hoặc sử dụng các lệnh bỏ qua TypeScript khác.

2:09:55

So at all times I've essentially put made this as rock solid as possible.

Vì vậy, mọi lúc tôi về cơ bản đã làm cho nó vững chắc nhất có thể.

2:10:00

Right?

Phải không?

2:10:00

And it has to always

Và nó luôn phải

2:10:02

use um some sort of TypeScript that exists or dynamically generates something.

Sử dụng một số loại TypeScript tồn tại hoặc tạo ra động.

2:10:05

And I've mentioned that somewhere in here as so uh you see dynamic typescript is the only types you can use and uh prisma types is the source of all truth and I just pointed at the types folder um because what it would do is it would create the type in the file and it's not a bad I mean

Và tôi đã đề cập đến điều đó ở đâu đó ở đây, bạn thấy TypeScript động là kiểu duy nhất bạn có thể sử dụng và kiểu Prisma là nguồn sự thật và tôi chỉ trỏ đến thư mục types vì những gì nó sẽ làm là tạo kiểu trong tệp và đó không phải là điều xấu, ý tôi là

2:10:26

it is a bad coding practice but you will see a lot of uh production projects sometimes doing that which is just creating the type for that specific um code in the same file.

Đó là một thực hành mã hóa xấu nhưng bạn sẽ thấy nhiều dự án production đôi khi làm điều đó, chỉ là tạo kiểu cho mã cụ thể đó trong cùng một tệp.

2:10:35

It's just make like when they think about it, right?

Nó chỉ khiến họ nghĩ về nó, phải không?

2:10:38

It's like your team works on this stuff and so you don't need to see somebody else's types.

Giống như nhóm của bạn làm việc trên những thứ này và vì vậy bạn không cần phải thấy kiểu của người khác.

2:10:42

So that's how they think about it.

Đó là cách họ nghĩ về nó.

2:10:44

I don't like that approach.

Tôi không thích cách tiếp cận đó.

2:10:46

I like to have everything in this libs file.

Tôi thích có mọi thứ trong tệp libs này.

2:10:48

Why?

Tại sao?

2:10:48

Because it makes AI's life easier.

Vì nó làm cho cuộc sống của AI dễ dàng hơn.

2:10:50

So that's what I did.

Vì vậy đó là những gì tôi đã làm.

2:10:51

I put this in here.

Tôi đặt cái này ở đây.

2:10:52

Then validating.

Sau đó xác thực.

2:10:53

So I'm using ZOD.

Vì vậy tôi đang sử dụng ZOD.

2:10:54

And I prefer ZOD because it throws errors, right?

Và tôi thích ZOD vì nó ném lỗi, phải không?

2:10:56

If something is not

Nếu cái gì đó không

2:10:58

right, it throws an error.

Đúng, nó ném lỗi.

2:10:59

And so I'm using ZOD here to validate all inputs and um in the inline.

Và vì vậy tôi đang sử dụng ZOD ở đây để xác thực tất cả đầu vào và trong inline.

2:11:04

So this part here is inline context injection very straightforward.

Vì vậy phần này ở đây là tiêm ngữ cảnh inline rất đơn giản.

2:11:07

This is repetit repetitive like I said I just changed this and reduced it a little bit um because I had a lot of repetitive con concepts in there.

Điều này lặp đi lặp lại như tôi đã nói, tôi chỉ thay đổi điều này và giảm bớt một chút vì tôi đã có rất nhiều khái niệm lặp lại trong đó.

2:11:16

So um the I also gave it the structure as to how to comment

Vì vậy tôi cũng đã đưa ra cấu trúc về cách bình luận

2:11:21

and the next one is UI.

Và cái tiếp theo là UI.

2:11:23

So this is something I introduced recently which was um a UI type uh helper.

Vì vậy đây là thứ tôi giới thiệu gần đây, đó là một trình trợ giúp kiểu UI.

2:11:28

So, how to create components and a lot of you were wondering how do you create good components or well not this is not specifically for design for design I have a different process and that's a whole different video but um this is specifically towards how to create components from an architectural

Vì vậy, cách tạo các thành phần và nhiều bạn đang thắc mắc làm thế nào để tạo các thành phần tốt hoặc không, điều này không cụ thể cho thiết kế, đối với thiết kế tôi có một quy trình khác và đó là một video hoàn toàn khác, nhưng điều này cụ thể là về cách tạo các thành phần từ góc độ kiến trúc

2:11:46

standpoint so the idea is the same globalized architecture when you're creating components if it can be globalized to some degree globalize the component right that's the idea so check whether a reusable one exists first and use it if so.

Vì vậy ý tưởng là cùng một kiến trúc toàn cầu hóa khi bạn tạo các thành phần, nếu nó có thể được toàn cầu hóa ở một mức độ nào đó, hãy toàn cầu hóa thành phần đó, đó là ý tưởng, vì vậy hãy kiểm tra xem có thành phần tái sử dụng nào tồn tại trước không và sử dụng nó nếu có.

2:12:01

Never duplicate a component with similar functionality.

Không bao giờ sao chép một thành phần có chức năng tương tự.

2:12:04

Extend or compose what's there.

Mở rộng hoặc kết hợp những gì đã có.

2:12:05

If you notice yourself copying a pattern of another component, that's a signal to globalize it instead.

Nếu bạn thấy mình đang sao chép một mẫu từ một component khác, đó là tín hiệu để toàn cục hóa nó.

2:12:11

This is this kind of helped because um you know I was afraid that AI would just see one pattern and only see it twice and then create a new component out of that.

Điều này đã giúp ích vì bạn biết đấy, tôi sợ rằng AI sẽ chỉ thấy một mẫu và chỉ thấy nó hai lần rồi tạo ra một component mới từ đó.

2:12:22

It didn't do it that way.

Nó đã không làm theo cách đó.

2:12:24

like what it did instead was it saw places in the app

Thay vào đó, nó đã thấy những nơi trong ứng dụng

2:12:28

where it could potentially create a component out of you know out of that and add some functionality and it did some really cool stuff.

Nơi mà nó có thể tạo ra một component từ đó và thêm một số chức năng, và nó đã làm những điều thực sự tuyệt vời.

2:12:36

So in Mochi let me see if I can show you.

Vì vậy, trong Mochi, để tôi xem tôi có thể cho bạn xem không.

2:12:39

Okay so take a look at this.

Được rồi, hãy nhìn vào cái này.

2:12:41

This is my this is Mochi obviously and you'll see I have a I have a header component in here.

Đây là Mochi của tôi, rõ ràng rồi, và bạn sẽ thấy tôi có một component header ở đây.

2:12:48

Now this header component is the same thing used across the entire application right you

Component header này được sử dụng giống nhau trên toàn bộ ứng dụng, phải không?

2:12:53

see it looks very similar but you'll see some differences you can see sometimes they don't have buttons here sometimes there are different sizes like something looks different and the reason is because we created a slot type architecture so this is something you'd see in Figma and the way it works is this block right here this section is a slot that means you can push up a

Bạn thấy nó trông rất giống nhau, nhưng bạn sẽ thấy một số khác biệt, đôi khi không có nút ở đây, đôi khi kích thước khác nhau, có gì đó trông khác. Lý do là vì chúng tôi đã tạo ra một kiến trúc kiểu slot, đây là thứ bạn thấy trong Figma và cách hoạt động là khối này ngay đây, phần này là một slot, nghĩa là bạn có thể đẩy một component vào phần này và bạn có thể làm điều đó bằng cách truyền nó như một prop, phải không?

2:13:13

component into this section Um, and you can do so by passing it as a prop, right?

Ừm, hoặc, à, hiện tại bạn sẽ không thể truyền cái này như một prop.

2:13:18

Um, or, uh, right now you won't be able to pass this as a prop.

Tôi nghĩ những gì chúng tôi đang làm ở đây là chúng tôi đang truyền prop trở lại lên.

2:13:23

I think what we're doing here is, uh, we're passing the prop back up.

Đây là một thực hành React rất chuẩn, bạn biết đấy.

2:13:27

This is very standard, you know, React practices.

Và vì vậy, chúng tôi đang truyền component từ component con lên tận component header này và sau đó

2:13:30

And so, we're passing the component from the child all the way up into this header component and then

Truyền nó vào đó.

2:13:36

passing it in there.

Vì vậy, theo cách này bạn có thể có chức năng tùy chỉnh trong thanh điều hướng.

2:13:37

So, this way you can have custom functionality uh, in the navbar.

Và đó là lý do tại sao dashboard của tôi ngay đây có dashboard do AI tạo ra trông rất ngầu và có nút này ở đây để tôi có thể điều chỉnh, bạn biết đấy, chuyển đổi giữa và tôi có ngày tháng, v.v., và bạn có thể thay đổi trực tiếp từ đây.

2:13:40

And that's why my dashboard right here has this cool AI generated dashboard and it has this button here where I can tweak you know change between and uh I have dates etc whatever and you can change it directly from here.

Nó đã được tích hợp sẵn thiết kế đáp ứng.

2:13:53

It already comes built in with responsive design.

Nó cũng có

2:13:55

It also has the

Chế độ sáng, chế độ tối, bất cứ thứ gì bạn cần.

2:13:57

light mode, dark mode, whatever you need.

Vì vậy, nó làm cho cuộc sống của chúng ta dễ dàng hơn.

2:13:59

So it just makes our life easier.

Vì vậy, nó đã xây dựng component đó vì nó thấy nó được sử dụng thường xuyên hơn và tôi đã phải thúc đẩy nó, rõ ràng.

2:14:01

So it kind of built that uh that component because it saw it using it more often and I had to nudge it obviously.

Tôi đã phải nói với nó, đưa cho nó một số hướng dẫn, bạn biết đấy, một số định hướng về cách tạo slot.

2:14:08

I had to tell it uh give it some guiding um you know some guidance as to how to create the slot.

Nhưng, hãy tiếp tục.

2:14:15

But uh let's move on.

Vì vậy, ngay đây tôi chỉ có một thư mục global và cách tôi phân biệt các component chỉ đơn giản như thế này.

2:14:16

So uh right here I just I have a global folder and uh how I differentiate components is just like this.

Nếu một component là toàn cục, hãy đặt nó

2:14:22

If a component is global put it

Bên trong thư mục global. Bạn có cần đặt nó trong thư mục global không? Và tại sao không chỉ trong components? Không quan trọng, tôi không quan tâm.

2:14:25

inside the global folder do you need to put in the global folder and why not just in the components doesn't matter I don't care.

Tôi hiểu điều này khi tôi đọc global component bên trong global nghĩa là global component, phải không? Vì vậy, AI cũng hiểu điều đó tốt hơn. Tiếp theo, nếu component chỉ dành cho một route, thì tôi chỉ đặt nó bên trong route và thư mục _components. Đây là một

2:14:32

I understand this when I read global component inside global means global component right so AI understands that better as well the next one if the component is only for a route then I just put it inside the route and underscore components folder this is a

Thực hành Next.js phổ biến, bạn sẽ thấy nó trong video của tôi và video của mọi người trên mạng, và tôi cũng thích điều này. Tôi đã thấy điều này trong các ứng dụng cấp công nghiệp, bạn biết đấy. Vì vậy, tiếp theo là thiết kế mọi component để tái sử dụng. Đây là nơi tôi về cơ bản nói với nó không được hardcode bất kỳ logic nào và bất kể bạn đang xây dựng component nào, chỉ cần đảm bảo

2:14:47

nextjs practice that common nextjs practice you'll see it on my videos and everybody's videos online um and I prefer this as well I've seen this in I've seen this in industry grade uh you know applications as well so next is design every component for reuse so this is where I essentially tell it to not hardcode any logic and whatever component you are building just make

Tôi có thể tái sử dụng nó ở một mức độ nào đó, vì đó là lý do tại sao chúng ta tạo ra các component ngay từ đầu.

2:15:06

sure I can reuse it to some degree because that's why we're creating components in the first place.

Hoàn toàn hợp lý.

2:15:11

Makes total sense.

Tuyệt.

2:15:11

Cool.

Ừm, component mới đơn giản tuân theo các chủ đề thiết kế đã có trong ứng dụng.

2:15:12

Uh simple new component follow the design themes already in the app.

Vì vậy, thiết kế là một vấn đề hoàn toàn khác, các bạn, nhưng có lẽ chúng ta có thể có một khóa học khác về điều đó.

2:15:15

So um designing is a whole different thing guys but um maybe we can have another course on that.

Nhưng bạn biết đấy, nếu bạn nhìn vào hầu hết các ứng dụng của tôi, chúng trông đẹp và lý do tại sao chúng trông đẹp là vì

2:15:20

But you know if you look at most of my applications they look nice and the reason why they look nice is uh

Tôi không thích cho AI toàn quyền sáng tạo.

2:15:27

because I don't like to give AI full creativity.

Tôi đưa cho nó một số định hướng và chúng ta sẽ nói về điều đó sau.

2:15:29

I give it some direction and we'll get to that later.

Chỉ cần cho tôi biết trong phần bình luận bên dưới nếu đó là điều các bạn coi trọng.

2:15:33

Uh just let me know in the comments below if that's something you guys value.

Vì vậy, phần quan trọng tiếp theo, tôi sẽ cho bạn một mẹo thiết kế ở đây.

2:15:38

So uh the next most important part I'll give you one design uh kind of hack here.

Về cơ bản, tôi không thích hardcode bất kỳ loại nào.

2:15:44

Essentially, I do not like to hardcode any types.

Vì vậy, text white không nên được sử dụng.

2:15:47

So, text white um should not be used.

Vì vậy, không bao giờ hardcode bất kỳ giá trị nào.

2:15:50

So, never hardcode any values.

Thay vào đó, hãy sử dụng tất cả các token mà Tailwind CSS đã có sẵn.

2:15:52

Instead, use all of the tokens that Tailwind CSS already comes with.

Lý do là vì nếu bạn thay đổi tệp global.css của mình, thiết kế sẽ thay đổi tương ứng.

2:15:56

The reason is because if you change your global.css file, the design changes accordingly.

Và vì vậy, nó làm cho cuộc sống của bạn dễ dàng hơn.

2:16:00

And so, it just makes your life easier.

Nếu bạn hardcode các loại, thì chế độ sáng và tối sẽ không hoạt động nữa.

2:16:03

If you hardcode types, then light and dark mode will not work anymore.

Và vì vậy, đó là lý do tại sao tôi có quy tắc rất quan trọng này ở đây.

2:16:08

And so, that's why I have this very important rule here.

Điều này làm cho cuộc sống của tôi dễ dàng hơn rất nhiều.

2:16:11

This makes my life so much easier.

Điều này làm cho cuộc sống của tôi dễ dàng hơn nhiều.

2:16:14

Next delivery.

Giao hàng tiếp theo.

2:16:15

Before you hand over, I think I also want to point one more thing, guys.

Trước khi bàn giao, tôi nghĩ tôi cũng muốn chỉ ra một điều nữa, các bạn.

2:16:20

Uh, in the TypeScript section, it needs to run a TypeScript check every single time it hands over something over to me.

Ừm, trong phần TypeScript, nó cần chạy kiểm tra TypeScript mỗi lần bàn giao thứ gì đó cho tôi.

2:16:28

So, that's important.

Vì vậy, điều đó quan trọng.

2:16:29

And, uh, I'm using barrel exports here.

Và, ừm, tôi đang sử dụng barrel exports ở đây.

2:16:31

This is not a good um development practice in production grade code bases in the sense that if you're working if you're typing out code by

Đây không phải là một thực hành phát triển tốt trong các codebase cấp sản xuất theo nghĩa là nếu bạn đang làm việc, nếu bạn đang tự gõ mã và bạn sẽ là người đọc mã đó, thì tôi thường không sử dụng barrel exports vì nó chỉ quá choáng ngợp.

2:16:41

yourself and you are going to be the one reading the code then I don't usually use barrel exports because it's just overwhelming.

Bạn có tất cả các tệp này được import và tôi không chắc liệu tôi có bundle chúng một cách chính xác không.

2:16:47

You have all these files being imported and I'm not sure if it I don't I'm not sure I would bundle this correctly.

Vì vậy, có lẽ bạn cũng muốn kiểm tra điều đó.

2:16:53

So maybe you want to check that out as well.

Nhưng lý do tôi sử dụng bundle exports ở đây là vì khi AI có thể tìm thấy một tệp index, nó sẽ tìm thấy mọi thứ khác từ đó chỉ như vậy.

2:16:56

But the reason why I'm using bundle exports here is because when AI can find an index file, it will

Vì vậy, giả sử tôi đang xây dựng một trình xây dựng website và nó muốn lập bản đồ cách hoạt động của trình xây dựng website.

2:17:02

find everything else from there just like that.

Bên trong tệp index của tôi, về cơ bản tôi, ừm, bên trong barrel exports trong tệp, bạn có thể thấy mọi phần.

2:17:05

So let's say I'm building a website builder and it wants to map out how the website builder works.

Vì vậy, nó nói các thành phần tái sử dụng, các phần tùy chỉnh hoặc ừm, bạn biết đấy, thanh công cụ, v.v.

2:17:12

Inside my index file, I essentially um inside the barrel exports in the file, you can see every single section.

Vì vậy, AI biết cách kết nối các điểm.

2:17:19

So it says reusable components, customuilt sections or uh you know toolbar etc.

Vì vậy, tệp index đó cung cấp cho nó tất cả bối cảnh cần thiết.

2:17:24

So AI knows how to connect the dots.

Đó là lý do tại sao tôi thiết lập theo cách này.

2:17:27

So that index

Ừm, và điều này chỉ làm cho AI dễ hiểu hơn, không phải cho con người.

2:17:29

file gives it all the context it needs.

Được chứ?

2:17:31

That's why I have it set up this way.

Bởi vì đôi khi bạn sẽ có một tệp đầy đủ chỉ được đổ ra với tất cả các export này, nhưng nó chỉ làm cho cuộc sống của AI dễ dàng hơn.

2:17:33

Um and so this just makes it easier for AI to understand, not for humans.

Ừm, không bao giờ bỏ qua một tính năng hoặc để nó chưa hoàn thành.

2:17:38

Okay?

Điều này rất quan trọng vì ừm, đôi khi AI sẽ nghĩ rằng nó đang xây dựng một cái gì đó trong tương lai và nó sẽ để lại một phần nhỏ có độ phức tạp chưa hoàn thành và hỏi bạn các bước tiếp theo và đó là điều tôi đã ngăn chặn bằng cách nói điều này và thực ra tôi vừa giảm bớt điều này ngay bây giờ và vì vậy đó là lý do tại sao nó đã loại bỏ một số bối cảnh nhưng về cơ bản những gì tôi từng nói với nó là tôi, ừm, chi tiết hơn, đúng vậy, tôi sẽ nói với nó là về cơ bản hoàn thành toàn bộ tính năng hoàn chỉnh từ đầu đến cuối và sau đó cũng gửi cho tôi một ảnh chụp màn hình rằng nó hoạt động và tôi sử dụng một cái gì đó như playwright mcp.

2:17:39

Because sometimes you'll have a full file just dumped with all these exports, but it just makes AI's life easier.

Vì vậy, chúng ta sẽ đến phần đó.

2:17:46

Uh never skip a feature or leave it incomplete.

Đó lại là liên quan đến thiết kế, liên quan đến QA.

2:17:49

This is very important because um sometimes AI will think it's building something uh in the future and it will leave a small piece of which has complexity incomplete and ask you for next steps and that's something I prevented by saying this and actually I've reduced this just now and so that's why it's removed some of the

Chúng ta sẽ đến phần đó có lẽ trong một video khác.

2:18:09

context but um essentially what I used to tell it is I uh more detail right which is I would tell it uh to essenti finish the full feature completely start to finish and then also send me a screenshot that it works and I use something like playright mcp.

Và quan trọng nhất,

2:18:25

So we'll get to that.

Đây là lệnh quan trọng nhất và tôi cũng đã đề cập điều này với các bạn trong mô-đun đầu tiên, đó là mô-đun tư duy.

2:18:27

That's again design related QA related.

Không bao giờ để AI sử dụng git.

2:18:29

We'll get to that maybe in a different video.

Và tôi có một quy tắc ở đây vì số lần nó đã làm rối tệp git của tôi và chỉ thay đổi một loạt thứ.

2:18:32

And most importantly,

Nó chỉ là, nó tàn bạo.

2:18:33

this is the most important command and I've also mentioned this to you guys in the first module which is the mindset module.

Vì vậy, không bao giờ để AI sử dụng git.

2:18:41

Never let AI use git.

Được rồi, vậy là chúng ta đến cuối tệp claude.md của chúng ta.

2:18:42

And I have a rule in here because the number of times it has messed with my git file and just changed a bunch of stuff.

Vậy đó.

2:18:51

It is just it's brutal.

Đó là cloud.MD.

2:18:53

So never let AI use git.

Và bây giờ chúng ta có thể chuyển sang phần này ngay tại đây.

2:18:55

Okay, so that brings us to the end of our claude.md file.

Được rồi.

2:18:58

That's it.

Được rồi.

2:18:59

That's the cloud.MD.

Vì vậy, bây giờ bạn đã triển khai tất cả các chiến lược tôi vừa giải thích, bạn đã kết nối nó vào codebase của mình, bạn đã thiết lập cloud.md, đây là nơi bạn sẽ thấy cửa sổ phiên của mình được giải phóng một chút

2:19:00

And so now we can move on to uh this section right here.

nhiều hơn.

2:19:04

All right.

Ừm, và đây là nơi các thành viên, thường là những người đang thử nghiệm lan can kiến trúc của họ, bắt đầu hủy đăng ký của họ từ gói $200 mỗi tháng xuống gói $100 mỗi tháng.

2:19:04

All right.

Ừm, nhân tiện, tôi chỉ muốn làm rõ một điều.

2:19:05

So, now that you have implemented all of the strategies I just explained, you've wired it up into your codebase, you set up the cloud.md, this is where you will see your session window kind of free up a little bit

Chạm đến cửa sổ phiên của bạn không phải là điều tiêu cực.

2:19:18

more.

Nó không phải là điều xấu.

2:19:18

Um, and this is where members usually people who are testing out their architectural guardrail start dropping their subscription from the from the $200 per month plan to the $100 per month plan.

Nó.

2:19:27

Um, by the way, I just want to make one thing very clear.

Nếu có gì, nó có nghĩa là bạn đang sử dụng

2:19:31

Hitting your session window is not a negative thing.

những gì bạn đã trả tiền, đúng không?

2:19:34

It's not a bad thing.

Nếu bạn trả quá nhiều cho một thứ gì đó, bạn muốn sử dụng tất cả những thứ đó.

2:19:35

it.

Và vì vậy, chạm đến giới hạn phiên của bạn mặc dù có tất cả các khái niệm này được áp dụng không phải là điều tiêu cực.

2:19:36

If anything, it means that you're using

Nếu có gì, điều đó có nghĩa là bạn đang sử dụng

2:19:38

what you paid for, right?

Những gì bạn đã trả tiền, phải không?

2:19:39

If you paid in excess for something, you want to use all of that.

Nếu bạn đã trả quá nhiều cho một thứ gì đó, bạn muốn sử dụng tất cả những gì bạn đã trả.

2:19:43

And so, hitting your session limit in spite of all of these concepts in place is not a negative thing.

Và vì vậy, việc đạt đến giới hạn phiên của bạn mặc dù có tất cả các khái niệm này không phải là điều tiêu cực.

2:19:50

It just means that you're probably getting five, 6x the output of someone else.

Điều đó chỉ có nghĩa là bạn có thể đang nhận được gấp năm, sáu lần sản lượng của người khác.

2:19:54

I mean, think about every single concept, every single layer that you have added into your uh AI

Ý tôi là, hãy nghĩ về mọi khái niệm, mọi lớp mà bạn đã thêm vào quy trình phát triển AI của mình.

2:20:00

development workflow.

Quy trình phát triển AI của bạn.

2:20:00

There's no way on earth you're there's no way on earth your codebase is going to be worse than what it was before, right?

Không đời nào trên trái đất này bạn lại có mã nguồn tệ hơn trước đây, phải không?

2:20:08

You've put all industry grade practices in place.

Bạn đã áp dụng mọi biện pháp thực hành chuẩn ngành.

2:20:11

So, um so yeah, don't don't take it as a bad thing if as a negative thing if you're still hitting your session limits.

Vì vậy, đừng coi đó là điều xấu hay tiêu cực nếu bạn vẫn đạt đến giới hạn phiên của mình.

2:20:18

I'd say hit your session limits on top of everything we've just put in place.

Tôi muốn nói rằng hãy đạt đến giới hạn phiên của bạn trên tất cả những gì chúng ta vừa thiết lập.

2:20:22

All right, so let's go ahead and strike through.

Được rồi, vậy chúng ta hãy gạch bỏ nó đi.

2:20:25

Boom.

Bùm.

2:20:26

Awesome.

Tuyệt vời.

2:20:26

And now let's move on to the most important module in this course.

Và bây giờ chúng ta hãy chuyển sang mô-đun quan trọng nhất trong khóa học này.

2:20:30

In this module, we're going to learn about prompting,

Trong mô-đun này, chúng ta sẽ học về việc tạo lệnh nhắc (prompting),

2:20:33

which is the most important thing when building with AI because if you don't know what to tell AI, then AI is not going to know what you want.

Đây là điều quan trọng nhất khi xây dựng với AI vì nếu bạn không biết nói gì với AI, thì AI sẽ không biết bạn muốn gì.

2:20:41

So, u now you'll be very surprised because this is very simple.

Vì vậy, bạn sẽ rất ngạc nhiên vì điều này rất đơn giản.

2:20:44

It's not as complex as you thought.

Nó không phức tạp như bạn nghĩ.

2:20:46

And the reason is simply because we have put all these layers in place already.

Và lý do đơn giản là vì chúng ta đã đặt tất cả các lớp này vào vị trí rồi.

2:20:50

We have we have all of this the entire architectural guardrail

Chúng ta đã có toàn bộ kiến trúc bảo vệ (architectural guardrail)

2:20:54

set up with the system, the claw.md everything is connected.

Được thiết lập với hệ thống, tệp claw.md, mọi thứ đều được kết nối.

2:20:57

And so by now your prompts should shorten by at least 40 50 or even 60%.

Và vì vậy, bây giờ các lệnh nhắc của bạn nên ngắn hơn ít nhất 40, 50 hoặc thậm chí 60%.

2:21:02

Because you don't have to think about the O guardrails, you don't have to think about the um you know permission system.

Bởi vì bạn không cần phải nghĩ về các rào cản, bạn không cần phải nghĩ về hệ thống phân quyền.

2:21:09

You don't have to think about feature gates.

Bạn không cần phải nghĩ về các cổng tính năng (feature gates).

2:21:12

You can just only focus on your feature.

Bạn chỉ cần tập trung vào tính năng của mình.

2:21:15

I mean um if you paid attention to the

Ý tôi là, nếu bạn chú ý đến

2:21:18

testimonials from members who have actually tested the architectural guard, they'll tell you the same thing as well.

Lời chứng thực từ các thành viên đã thực sự kiểm tra kiến trúc bảo vệ, họ sẽ nói với bạn điều tương tự.

2:21:22

You can see Damian said the exact same thing.

Bạn có thể thấy Damian đã nói điều tương tự.

2:21:25

The only reason why he was able to focus on the app was because the system came with everything inbuilt and so he didn't have to uh prompt with all of those in place.

Lý do duy nhất khiến anh ấy có thể tập trung vào ứng dụng là vì hệ thống đi kèm với mọi thứ được tích hợp sẵn và vì vậy anh ấy không cần phải nhắc với tất cả những thứ đó.

2:21:36

So with that being said, there are some important concepts we need to cover because these are um kind of like hacks.

Vì vậy, với điều đó, có một số khái niệm quan trọng chúng ta cần đề cập vì chúng giống như các mẹo vặt.

2:21:43

Okay, so let's take a look at all of this.

Được rồi, vậy hãy xem xét tất cả những điều này.

2:21:47

So when you're prompting there are two types of features typically you have complex and you have simple right prompting a simple feature because you have the architectural guardrail in place is as simple as just typing plain English.

Vì vậy, khi bạn tạo lệnh nhắc, thường có hai loại tính năng: phức tạp và đơn giản. Việc tạo lệnh nhắc cho một tính năng đơn giản vì bạn đã có kiến trúc bảo vệ chỉ đơn giản là gõ tiếng Anh thông thường.

2:22:04

Don't think about this too much.

Đừng suy nghĩ quá nhiều về điều này.

2:22:06

And I know you're you're wondering that's exactly what I've been doing so far.

Và tôi biết bạn đang tự hỏi rằng đó chính xác là những gì tôi đã làm cho đến nay.

2:22:12

Trust me, when you have this in

Tin tôi đi, khi bạn có điều này trong

2:22:16

place, when you have this in your codebase, you will notice that even features that are on the spectrum right here, right on this uh gradient right here, even if it's right in between or even if it's sort of complex, you can still oneshot them in plain English.

Khi bạn có điều này trong mã nguồn của mình, bạn sẽ nhận thấy rằng ngay cả những tính năng nằm trên quang phổ này, ngay cả khi nó nằm ở giữa hoặc thậm chí hơi phức tạp, bạn vẫn có thể tạo lệnh nhắc một lần (oneshot) bằng tiếng Anh thông thường.

2:22:34

You will be surprised how good the architectural guardrail is, right?

Bạn sẽ ngạc nhiên về mức độ tốt của kiến trúc bảo vệ, phải không?

2:22:38

So, if it's a simple feature, just oneshot

Vì vậy, nếu đó là một tính năng đơn giản, chỉ cần tạo lệnh nhắc một lần

2:22:41

it in plain English.

Bằng tiếng Anh thông thường.

2:22:42

And here's how you should create the prompt.

Và đây là cách bạn nên tạo lệnh nhắc.

2:22:45

Your prompt should consist of the big feature you're trying to build.

Lệnh nhắc của bạn nên bao gồm tính năng lớn bạn đang cố gắng xây dựng.

2:22:49

So big feature and then all the small features.

Vì vậy, tính năng lớn và sau đó là tất cả các tính năng nhỏ.

2:22:52

Okay?

Được chứ?

2:22:52

And since it's something that is simple, I don't think these small features are features of them of its own self.

Và vì đó là điều gì đó đơn giản, tôi không nghĩ những tính năng nhỏ này là các tính năng riêng của chúng.

2:22:59

Like for example, in my app, I had this one feature called lead lists that I

Ví dụ, trong ứng dụng của tôi, tôi có một tính năng gọi là danh sách khách hàng tiềm năng (lead lists) mà tôi đã

2:23:05

oneshotted, right?

Tạo lệnh nhắc một lần, phải không?

2:23:05

and lead.

Và khách hàng tiềm năng.

2:23:06

The way it works is you can essentially create a reusable filter and that creates a list.

Cách hoạt động là bạn có thể tạo một bộ lọc có thể tái sử dụng và điều đó tạo ra một danh sách.

2:23:14

So you have a list from here and this list can then be dropped into an automation builder.

Vì vậy, bạn có một danh sách từ đây và danh sách này sau đó có thể được thả vào trình xây dựng tự động hóa.

2:23:22

So you can uh drop it into an automation run.

Vì vậy, bạn có thể thả nó vào một lần chạy tự động hóa.

2:23:25

That's what I mean.

Đó là ý tôi.

2:23:26

So this feature by itself can be oneshotted but this cannot, right?

Vì vậy, tính năng này tự nó có thể được tạo lệnh nhắc một lần nhưng điều này thì không, phải không?

2:23:30

And this feature looks to be a part of this feature that you have in mind.

Và tính năng này có vẻ là một phần của tính năng mà bạn đang nghĩ đến.

2:23:35

And so at the surface level, you're thinking since automations are part of this big feature I'm trying to have, which is lead lists.

Và ở mức bề mặt, bạn nghĩ rằng vì tự động hóa là một phần của tính năng lớn mà tôi đang cố gắng có, đó là danh sách khách hàng tiềm năng.

2:23:43

I made a spelling error here.

Tôi đã viết sai chính tả ở đây.

2:23:44

You might think of oneshotting this, but that's not what I'm saying.

Bạn có thể nghĩ đến việc làm một lần, nhưng đó không phải điều tôi muốn nói.

2:23:48

What I am saying is a simple feature is a feature of itself.

Điều tôi muốn nói là một tính năng đơn giản là một tính năng của chính nó.

2:23:53

And the small features are just tiny little things inside of that.

Và các tính năng nhỏ chỉ là những thứ nhỏ bên trong đó.

2:23:56

Okay?

Được chứ?

2:23:57

So things like creating the filter button, adding uh moving um leads between you know a move button to move leads between the list or delete a list that those are small features.

Những thứ như tạo nút lọc, thêm, di chuyển khách hàng tiềm năng giữa các danh sách, hoặc xóa một danh sách là những tính năng nhỏ.

2:24:07

A complex like if you ask me an automation builder is a complex feature right so always try to break down whatever feature whether it's

Một tính năng phức tạp như trình xây dựng tự động hóa là một tính năng phức tạp, vì vậy hãy luôn cố gắng chia nhỏ bất kỳ tính năng nào dù đơn giản hay phức tạp thành những phần nhỏ hơn và lặp lại.

2:24:16

simple or complex into tinier little chunks and iterate.

Cách tốt nhất để xây dựng phần mềm với AI hiện tại, tôi không nghĩ điều này sẽ là tương lai, nhưng hiện tại, là một quá trình lặp đi lặp lại.

2:24:19

The only the best way to build software with AI right now, I don't think this will be the future, but for now, is an iterative process.

Có rất nhiều quy trình làm việc bạn có thể thiết lập để tự động hóa tất cả những điều này, và bạn chỉ cần để nó viết mã trong khi bạn ngủ, nhưng đó là một video khác.

2:24:28

Um, there are so many workflows that you can put in place that can automate all of these, you know, and you just you just let it code while you sleep, but that's for a whole different video.

Chúng ta không cần quan tâm đến điều đó bây giờ.

2:24:36

We don't have to care about that for now.

Đây chỉ là cách sử dụng kiến trúc bảo vệ.

2:24:39

This is just how to use the architectural guard drill.

Vì vậy, đó là điều tôi sẽ tập trung vào.

2:24:42

So, that's what I would focus on.

Lấy một tính năng đơn giản, chia nó thành những phần nhỏ hơn và tiếp cận từng phần một.

2:24:44

taking a simple feature, breaking it down into smaller tiny little chunks and then approaching each and every one of them.

Nhưng nếu tính năng khá nhỏ, thì tôi sẽ làm toàn bộ một lần.

2:24:51

But if the feature is pretty small, uh then I would just one-shot the whole thing.

Được.

2:24:56

Okay.

Bây giờ, làm thế nào để tiếp cận một tính năng phức tạp?

2:24:57

Now, how do you approach a complex feature?

Một tính năng phức tạp là, tôi sẽ đưa ra một ví dụ.

2:24:59

So, a complex feature is um I would I'll give you one example.

Đây là tính năng phức tạp nhất tôi đã xây dựng chỉ bằng AI.

2:25:04

This is the most complex feature I have built only using AI.

Và đây là trình xây dựng trang web, phải không?

2:25:08

And so, this is the website builder, right?

Và tôi không nghĩ ai có thể xây dựng một trình xây dựng trang web vì nó đòi hỏi chuyên môn kỹ thuật mà bạn có vì bạn là nhà phát triển web.

2:25:11

And I don't think uh anybody can build a website builder because it does take technical expertise something you have because you're a web developer.

Vì vậy, cách tôi

2:25:20

So the way I

Sẽ chia nhỏ một trình xây dựng trang web, prompt của trình xây dựng trang web hơi khác một chút.

2:25:22

would break down a website builder website builder's prompt is slightly different.

Trước tiên, chúng ta phải áp dụng các khái niệm tương tự từ cách tiếp cận prompt đơn giản, đó là mô-đun hoặc không, nó phải là lặp đi lặp lại.

2:25:26

First of all we have to take the same concepts we learned from the simple um prompt approach which is mod or uh not modular it's supposed to be iterative.

Vậy, có bao nhiêu tính năng là tính năng của chính chúng bên trong trình xây dựng trang web?

2:25:36

So, how many features can you uh how many features are features of themselves inside the website builder?

Canvas, chúng ta có kéo và thả, chúng ta có khung, chúng ta có stylesheet hoặc có thể không phải stylesheet, bạn gọi đó là gì?

2:25:43

The canvas, we have drag and drop, we have frames, we have stylesheets or maybe not stylesheets, what do you call that?

Ừ, tôi đoán là styles.

2:25:52

Uh I guess styles.

Chà, cứ gọi nó là styles, phải không?

2:25:53

Well, just let's just call it styles, right?

Vì vậy, bạn có tất cả những thứ này về mặt kỹ thuật thuộc về trình xây dựng trang web, nhưng bản thân nó là một tính năng.

2:25:57

So you have all of these that technically fall under the website builder, but this in and of itself is a feature by itself is a feature.

Canvas là một tính năng của chính nó.

2:26:08

The canvas is a feature by itself.

Vì vậy, tôi sẽ chia nhỏ điều này thành

2:26:11

So I would break this down into

Một danh sách như thế này, đó là những thứ nhỏ hơn mà tôi cần có.

2:26:14

a list like this, which is the tinier things that I need to have.

Sau đó, tôi có thể có thứ gì đó như components.

2:26:19

Then I might have something like components.

Vì vậy, các thành phần được xây dựng sẵn, phải không?

2:26:22

So pre-built components, right?

Những thứ như biểu mẫu thanh toán, lịch, v.v.

2:26:24

Things like payment forms, calendars, etc.

Và bây giờ tôi sẽ tiếp cận điều này như thế nào?

2:26:26

And now how would I approach this?

Giả sử các thành phần được xây dựng sẵn, tôi có một lịch.

2:26:29

So let's say pre-built components I have a calendar.

Tôi chỉ đang cho bạn thấy cách bạn nên suy nghĩ.

2:26:32

I'm just showing you how you should actually think.

Ý tưởng ở đây là tạo ra một biểu đồ tiên quyết hoặc một quy trình làm việc tuyến tính.

2:26:36

So the idea here guys is essentially to create a prerequisite

Vì vậy, hãy đánh số chúng trong một quy trình làm việc tuyến tính để tất cả các điều kiện tiên quyết được đáp ứng trước khi tính năng thực sự được xây dựng.

2:26:41

chart or a linear workflow.

Vì vậy, nếu bạn nhìn vào điều này, hãy thử thách bản thân, phải không?

2:26:42

So number these in a linear workflow so that all prerequisites are fulfilled before the actual feature is being built.

Hãy tự hỏi nếu trình xây dựng trang web của tôi phải hiển thị lịch chẳng hạn, phải không?

2:26:49

So if you look at this, just challenge yourself, right?

Đó là một thành phần được xây dựng sẵn.

2:26:53

Ask yourself if my website builder was to render calendars for example, right?

Mục tiêu của trình xây dựng trang web là hiển thị các thành phần được xây dựng sẵn.

2:26:57

That's a pre-built component.

Tạm dừng video này và thử đoán xem mô hình sẽ là gì hoặc bạn sẽ tiếp cận tính năng này như thế nào?

2:26:59

It the goal of the website builder is to render pre-built

Được rồi, tạm dừng video này và chỉ cần đánh số từ một đến năm.

2:27:03

components.

Cái nào đi trước và cái nào đi sau?

2:27:03

Pause this video and try to guess what would be the pattern or how would you approach this feature?

Tạm dừng video này và thử đoán xem mẫu sẽ là gì hoặc bạn sẽ tiếp cận tính năng này như thế nào?

2:27:10

Okay, pause this video and just number these number these down from one to uh five.

Được rồi, tạm dừng video này và chỉ cần đánh số chúng từ một đến năm.

2:27:17

Which one goes first and which one goes last?

Cái nào đi trước và cái nào đi sau?

2:27:20

All right, welcome back.

Được rồi, chào mừng trở lại.

2:27:21

Hopefully you got the right answer.

Hy vọng bạn đã có câu trả lời đúng.

2:27:23

If not, no worries.

Nếu không, đừng lo lắng.

2:27:25

So, since we're building this website builder, obviously the first feature would be canvas.

Vì chúng ta đang xây dựng trình tạo trang web này, rõ ràng tính năng đầu tiên sẽ là canvas.

2:27:30

That's what everybody would think, but that's not actually the feature you need to build first is actually components, the calendar.

Đó là điều mọi người sẽ nghĩ, nhưng thực ra tính năng bạn cần xây dựng đầu tiên không phải là canvas mà là các thành phần, lịch.

2:27:37

Now, uh not components, I mean the calendar section.

Bây giờ, ừ không phải các thành phần, ý tôi là phần lịch.

2:27:40

So, we'll remove this real quick.

Vì vậy, chúng ta sẽ xóa cái này nhanh chóng.

2:27:42

The task was you're trying to build a calendar uh so it can render on the site, right?

Nhiệm vụ là bạn đang cố gắng xây dựng một lịch để nó có thể hiển thị trên trang web, phải không?

2:27:48

So what I would actually do is I would finish building calendars in my app

Vậy điều tôi thực sự làm là tôi sẽ hoàn thành việc xây dựng lịch trong ứng dụng của mình trước.

2:27:54

first and I do have calendars in my app.

Và tôi có lịch trong ứng dụng của mình.

2:27:57

So this is localhost but you see down here I have calendars and what I would do guys is I would first build the booking calendar first.

Đây là localhost nhưng bạn thấy ở dưới đây tôi có lịch và điều tôi sẽ làm là xây dựng lịch đặt chỗ trước.

2:28:04

So this is the booking calendar right?

Đây là lịch đặt chỗ, phải không?

2:28:06

So I'd build this first.

Vậy tôi sẽ xây dựng cái này trước.

2:28:08

That way I can uh you know I have this ready to go when this feature needs to be built.

Bằng cách đó tôi có thể, bạn biết đấy, tôi đã sẵn sàng khi tính năng này cần được xây dựng.

2:28:14

So that this is what I would approach first.

Vì vậy, đây là điều tôi sẽ tiếp cận đầu tiên.

2:28:16

Once this is done, now it's time to move on to the

Khi điều này hoàn thành, bây giờ là lúc chuyển sang bước tiếp theo.

2:28:20

next.

Tiếp theo.

2:28:20

So, first I would do canvas, then I would do frames, then I would do drag and drop and style.

Vì vậy, đầu tiên tôi sẽ làm canvas, sau đó là khung, sau đó là kéo và thả và kiểu dáng.

2:28:27

So, let's just quickly rearrange these.

Vì vậy, hãy nhanh chóng sắp xếp lại những cái này.

2:28:29

So, let's put this right here.

Vậy, hãy đặt cái này ngay đây.

2:28:32

Uh, two, three, four, five.

Ừ, hai, ba, bốn, năm.

2:28:33

There we go.

Đó rồi.

2:28:34

So, this is the order in which I would build.

Vậy, đây là thứ tự tôi sẽ xây dựng.

2:28:37

So, now we understood the linear order, the order in which we're going to start prompting.

Bây giờ chúng ta đã hiểu thứ tự tuyến tính, thứ tự mà chúng ta sẽ bắt đầu đưa ra lời nhắc.

2:28:42

And now we need to start prompting.

Và bây giờ chúng ta cần bắt đầu đưa ra lời nhắc.

2:28:45

So for the calendars feature, we'll leave this for now.

Vì vậy, đối với tính năng lịch, chúng ta sẽ để nó sang một bên.

2:28:48

Let's just assume we already built it because we're trying to focus more on the website builder.

Hãy giả sử chúng ta đã xây dựng nó vì chúng ta đang tập trung nhiều hơn vào trình tạo trang web.

2:28:53

So for the canvas, what do I

Vậy đối với canvas, tôi cần gì?

2:28:56

need?

Cần gì?

2:28:56

So remember our first approach is global.

Vì vậy, hãy nhớ cách tiếp cận đầu tiên của chúng ta là toàn cầu.

2:28:59

We're thinking at a global scale, globalization, right?

Chúng ta đang suy nghĩ ở quy mô toàn cầu, toàn cầu hóa, phải không?

2:29:02

We're thinking as to build something that can be reused across the entire thing here.

Chúng ta đang nghĩ đến việc xây dựng một thứ có thể tái sử dụng trên toàn bộ hệ thống ở đây.

2:29:09

So when I look at this, the first thing that comes to comes to my mind is architecture.

Vì vậy, khi tôi nhìn vào điều này, điều đầu tiên xuất hiện trong tâm trí tôi là kiến trúc.

2:29:15

And that's actually what we have to focus on first architecture for all of this to work.

Và đó thực sự là điều chúng ta phải tập trung vào đầu tiên, kiến trúc cho tất cả những thứ này hoạt động.

2:29:21

And the architecture for this is first state management.

Và kiến trúc cho điều này trước tiên là quản lý trạng thái.

2:29:25

So how can you manage how can you store the state?

Vậy làm thế nào bạn có thể quản lý, làm thế nào bạn có thể lưu trữ trạng thái?

2:29:29

Then how can you mutate the state?

Sau đó làm thế nào bạn có thể thay đổi trạng thái?

2:29:31

So updating the state that's essentially what we'll need to think about.

Vì vậy, cập nhật trạng thái về cơ bản là điều chúng ta cần suy nghĩ.

2:29:36

And also the structure of the state.

Và cũng là cấu trúc của trạng thái.

2:29:39

This is also equally as important.

Điều này cũng quan trọng không kém.

2:29:41

So, uh, let's move

Vì vậy, hãy di chuyển cái này lên trên vì cái này có thể quan trọng sau này.

2:29:43

this up here because this might be important later on.

Để các bạn có thể thấy điều này.

2:29:45

So, you guys can kind of see this.

Vì vậy, đối với quản lý trạng thái, tôi biết tôi cần có một số loại trạng thái Redux.

2:29:47

So, for state management, I know I need to have some sort of Redux state.

Và tôi đang sử dụng Redux vì đó là thứ tôi đã sử dụng trong tất cả các dự án sản xuất của mình và thậm chí tại các công ty tôi đã làm việc trước đây.

2:29:51

And I'm using Redux cuz it's just what I've been using in all of my production projects and even at the companies I've worked at in the past.

Vì vậy, Redux có ý nghĩa hơn nhiều đối với tôi.

2:29:58

So, Redux just makes a lot more sense to me.

Vì vậy, tôi sẽ sử dụng Redux.

2:30:00

So, I would use Redux.

Và sau đó để thay đổi trạng thái, tôi sẽ nghĩ về điều đó tiếp theo.

2:30:01

And

Và sau đó cấu trúc có lẽ là điều tôi cần nghĩ đến tiếp theo.

2:30:02

then for mutating, I would I'll think about that next.

Sau đó, đối với việc thay đổi dữ liệu, tôi sẽ nghĩ về điều đó tiếp theo.

2:30:04

And then the structure is probably what I need to think about next.

Và sau đó, cấu trúc có lẽ là điều tôi cần nghĩ đến tiếp theo.

2:30:08

So you see again we're creating another linear path here.

Vậy bạn thấy đấy, chúng ta lại đang tạo ra một đường dẫn tuyến tính khác ở đây.

2:30:11

So we have mutation then we have structure and state management.

Vậy chúng ta có mutation, sau đó là cấu trúc và quản lý trạng thái.

2:30:14

But first the structure would go first then we'll think about state management and how we'll store that how we can um move data

Nhưng trước tiên, cấu trúc sẽ được ưu tiên, sau đó chúng ta sẽ nghĩ về quản lý trạng thái và cách chúng ta lưu trữ dữ liệu, cách chúng ta có thể di chuyển dữ liệu

2:30:22

from the website builder into that state and then how can we change or update that state.

Từ trình xây dựng website vào trạng thái đó và sau đó làm thế nào chúng ta có thể thay đổi hoặc cập nhật trạng thái đó.

2:30:27

So I'll have the redux website builder or the redux structure and now I'll think as to what that should look like.

Vậy tôi sẽ có trình xây dựng website redux hoặc cấu trúc redux và bây giờ tôi sẽ nghĩ xem nó nên trông như thế nào.

2:30:33

Now there's two ways and this is where your technical expertise as a web developer comes in play and uh what I would like to do here is I would think of what do I want to

Bây giờ có hai cách và đây là nơi chuyên môn kỹ thuật của bạn với tư cách là nhà phát triển web phát huy tác dụng và điều tôi muốn làm ở đây là tôi sẽ nghĩ xem tôi muốn

2:30:45

Store here?

Lưu trữ gì ở đây?

2:30:45

Am I going to store a website or am I going to store multiple websites right now depending on um so if you typically I think in the real world um again this is something you might want to test but I think storing multiple websites more than two three four websites can be very expensive because you might run out of um I don't know if they I don't know if it uses RAM

Tôi sẽ lưu trữ một website hay nhiều website ngay bây giờ tùy thuộc vào, tôi nghĩ trong thế giới thực, đây là điều bạn có thể muốn kiểm tra, nhưng tôi nghĩ lưu trữ nhiều website hơn hai, ba, bốn website có thể rất tốn kém vì bạn có thể hết bộ nhớ tạm thời, tôi không biết liệu nó có dùng RAM không

2:31:12

but you're going to run out of temporary storage Right?

Nhưng bạn sẽ hết bộ nhớ tạm thời, phải không?

2:31:15

I'm not talking about local storage.

Tôi không nói về bộ nhớ cục bộ.

2:31:17

What I'm talking about is inapp RAM, right?

Điều tôi đang nói đến là RAM trong ứng dụng, phải không?

2:31:20

Inapp memory.

Bộ nhớ trong ứng dụng.

2:31:21

Essentially, you're going to run out of memory because you're going to store so much data on inside the Redux store.

Về cơ bản, bạn sẽ hết bộ nhớ vì bạn sẽ lưu trữ quá nhiều dữ liệu bên trong Redux store.

2:31:29

So, what I would do instead is maybe have a two website storage system, right?

Vì vậy, thay vào đó, tôi sẽ có hệ thống lưu trữ hai website, phải không?

2:31:35

So, users might be might probably only be building two websites at a time.

Vì vậy, người dùng có thể chỉ xây dựng hai website tại một thời điểm.

2:31:41

So, two websites sounds good.

Vậy hai website nghe có vẻ hợp lý.

2:31:42

So, what does that mean?

Vậy điều đó có nghĩa là gì?

2:31:44

My structure would look this way.

Cấu trúc của tôi sẽ trông như thế này.

2:31:45

Website one, website two, and this is the Redux store.

Website một, website hai, và đây là Redux store.

2:31:48

Now, in here, I would need to have all the different fields.

Bây giờ, ở đây, tôi sẽ cần có tất cả các trường khác nhau.

2:31:52

I'll have the ID to represent that.

Tôi sẽ có ID để đại diện cho điều đó.

2:31:54

I'll also need to have the org.

Tôi cũng sẽ cần có tổ chức.

2:31:57

So, we can scope the website to the org.

Để chúng ta có thể phạm vi website theo tổ chức.

2:32:00

And then I would also need to have the website data, right?

Và sau đó tôi cũng sẽ cần có dữ liệu website, phải không?

2:32:04

So, data.

Vậy, dữ liệu.

2:32:04

So, this is how I would create the structure.

Đây là cách tôi sẽ tạo cấu trúc.

2:32:07

So, now just as an example, we have built a structure.

Vậy bây giờ, chỉ là một ví dụ, chúng ta đã xây dựng một cấu trúc.

2:32:11

And I would like to think of every possible way to include all these features inside that structure itself inside that data structure.

Và tôi muốn nghĩ về mọi cách có thể để đưa tất cả các tính năng này vào bên trong cấu trúc đó, bên trong cấu trúc dữ liệu đó.

2:32:19

So now when I break this down further, I would like to think what could this look

Vậy bây giờ khi tôi phân tích sâu hơn, tôi muốn nghĩ xem điều này có thể trông như thế nào

2:32:25

like so that we could have the calendar render, we could have frames render, we could have all of the styles render, all of these things so that later on we can distribute that on the elements and have them render on the canvas and so on so forth.

Để chúng ta có thể hiển thị lịch, hiển thị khung, hiển thị tất cả các kiểu dáng, tất cả những thứ này để sau này chúng ta có thể phân phối chúng trên các phần tử và hiển thị chúng trên canvas, vân vân.

2:32:39

When I say distribute, I meant styles.

Khi tôi nói phân phối, tôi muốn nói đến kiểu dáng.

2:32:41

Sorry guys.

Xin lỗi các bạn.

2:32:41

Uh this is a spread operator.

Đây là toán tử spread.

2:32:43

That's how styles work here.

Đó là cách kiểu dáng hoạt động ở đây.

2:32:45

Um and you can also use CSS.

Và bạn cũng có thể sử dụng CSS.

2:32:47

It's like anyways that's that's out of the out of the focus of uh this course.

Dù sao thì điều đó nằm ngoài trọng tâm của khóa học này.

2:32:52

So essentially to break this down I would uh I would then think of two different approaches.

Vì vậy, về cơ bản để phân tích điều này, tôi sẽ nghĩ đến hai cách tiếp cận khác nhau.

2:32:57

I could have JSON type structure or I could have some sort of HTML type structure.

Tôi có thể có cấu trúc kiểu JSON hoặc tôi có thể có một số loại cấu trúc kiểu HTML.

2:33:02

Now to make things easier I'm just going to use JSON because JSON is the easiest way to kind

Bây giờ để làm cho mọi thứ dễ dàng hơn, tôi sẽ sử dụng JSON vì JSON là cách dễ nhất để

2:33:09

of create an engine for.

Tạo ra một engine.

2:33:10

So we can have an a rendering engine, right?

Vậy chúng ta có thể có một engine kết xuất, phải không?

2:33:14

So my website builder has this redux store that will store the data for my rendering engine and the rendering engine will convert that redux data into elements on the screen.

Vậy trình xây dựng website của tôi có Redux store này sẽ lưu trữ dữ liệu cho engine kết xuất của tôi và engine kết xuất sẽ chuyển đổi dữ liệu redux đó thành các phần tử trên màn hình.

2:33:26

So I would like to think of what that structure would look like.

Vậy tôi muốn nghĩ xem cấu trúc đó sẽ trông như thế nào.

2:33:31

So I would probably need element ID, type, name, whatever that is

Vậy tôi có thể sẽ cần ID phần tử, loại, tên, bất cứ điều gì đó

2:33:36

and um if that element has other elements as well.

Và nếu phần tử đó có các phần tử khác.

2:33:39

So elements like this which is an array right because one element can have multiple children and then the same data the same data we have here will also be copied into this.

Vậy các phần tử như thế này, là một mảng vì một phần tử có thể có nhiều phần tử con và sau đó cùng một dữ liệu chúng ta có ở đây cũng sẽ được sao chép vào đây.

2:33:52

So we have this in here and then so on so forth and so now you have essentially constructed the data structure and you also have state management kind of set

Vậy chúng ta có cái này ở đây và cứ thế tiếp tục, và bây giờ bạn về cơ bản đã xây dựng cấu trúc dữ liệu và bạn cũng đã thiết lập quản lý trạng thái

2:34:04

up and so you see how we have thought from a global level and we have created this um this reusable architecture that can work for all these features and now just to answer one question for calendar same thing right we'll have the element id calendar name will be calendar so on so forth and for the element elements themsel this would render a special type of element right and we might want to

Và bạn thấy cách chúng ta đã suy nghĩ từ cấp độ toàn cục và chúng ta đã tạo ra kiến trúc có thể tái sử dụng này có thể hoạt động cho tất cả các tính năng này và bây giờ chỉ để trả lời một câu hỏi về lịch, điều tương tự, chúng ta sẽ có ID phần tử lịch, tên sẽ là lịch, vân vân, và đối với các phần tử, điều này sẽ hiển thị một loại phần tử đặc biệt và chúng ta có thể muốn

2:34:28

have a special type element here so special element id and we will store that in here you get what I'm saying so or maybe it's kind of like a key and then you can map those to all your specialbuilt uh elements and where would that happen that will be the next question right that is the rendering engine so this is the engine itself that is responsible for taking this data and

Có một phần tử loại đặc biệt ở đây, vậy ID phần tử đặc biệt và chúng ta sẽ lưu trữ nó ở đây, bạn hiểu ý tôi chứ, hoặc có thể nó giống như một khóa và sau đó bạn có thể ánh xạ chúng đến tất cả các phần tử đặc biệt đã xây dựng của bạn và điều đó sẽ xảy ra ở đâu, đó sẽ là câu hỏi tiếp theo, đó là engine kết xuất, vậy đây chính là engine chịu trách nhiệm lấy dữ liệu này và

2:34:51

converting it into something that can be output uh can that can output uh on the canvas.

Chuyển đổi nó thành thứ có thể xuất ra, có thể xuất ra trên canvas.

2:34:56

And so um that's why I would like to think about this first.

Và vì vậy, đó là lý do tại sao tôi muốn nghĩ về điều này trước.

2:35:00

Now building the canvas is I'm not going to say it's easy but it's uh it makes my job simpler, right?

Bây giờ, việc xây dựng canvas, tôi không nói là dễ nhưng nó làm cho công việc của tôi đơn giản hơn, đúng không?

2:35:07

Because now all I have to think about is making the canvas free flowing, making the canvas zoom and zoom out.

Bởi vì bây giờ tất cả những gì tôi phải nghĩ đến là làm cho canvas trôi chảy, làm cho canvas phóng to và thu nhỏ.

2:35:13

Those are the basic features.

Đó là những tính năng cơ bản.

2:35:15

And then can it render one of these data structures on the canvas?

Và sau đó nó có thể hiển thị một trong những cấu trúc dữ liệu này trên canvas không?

2:35:19

Forget about the design.

Quên thiết kế đi.

2:35:21

Forget about all those funky things.

Quên tất cả những thứ lạ mắt đó đi.

2:35:23

Just the the data structure alone.

Chỉ riêng cấu trúc dữ liệu thôi.

2:35:26

Can that be converted into something that can be seen on the canvas?

Cái đó có thể được chuyển đổi thành thứ gì đó có thể nhìn thấy trên canvas không?

2:35:29

So I do I don't care about styles for now.

Vì vậy, tôi không quan tâm đến kiểu dáng lúc này.

2:35:32

By the way, I forgot about styles here.

Nhân tiện, tôi quên mất kiểu dáng ở đây.

2:35:35

You probably want to add this in here.

Bạn có thể muốn thêm cái này vào đây.

2:35:37

But um you know, I would just uh look at can I just render this element on the canvas?

Nhưng bạn biết đấy, tôi chỉ muốn xem liệu tôi có thể hiển thị phần tử này trên canvas không.

2:35:43

And if I can, I'm happy.

Và nếu tôi có thể, tôi hài lòng.

2:35:45

That kind of uh shows that our prototype is in progress.

Điều đó cho thấy nguyên mẫu của chúng ta đang được tiến hành.

2:35:48

So it's a very iterative

Vì vậy, nó rất lặp đi lặp lại

2:35:50

pro process.

Quá trình.

2:35:50

Now the challenge here becomes how does a non-technical person actually do this because obviously I have years of experience and so it's easier for me to say uh think about this data structure and figure out the elements arrays all that stuff.

Bây giờ thách thức ở đây là làm thế nào một người không có kỹ thuật thực sự làm được điều này bởi vì rõ ràng tôi có nhiều năm kinh nghiệm và vì vậy tôi dễ dàng nói rằng hãy nghĩ về cấu trúc dữ liệu này và tìm ra các phần tử, mảng, tất cả những thứ đó.

2:36:03

It's easier for ex for an expert or someone who has more experience than me to actually say.

Việc đó dễ dàng hơn cho một chuyên gia hoặc người có nhiều kinh nghiệm hơn tôi để thực sự nói.

2:36:09

So how does some how

Vậy làm thế nào để một người nào đó

2:36:11

does someone with no experience do this?

Một người không có kinh nghiệm làm được điều này?

2:36:14

Use AI.

Sử dụng AI.

2:36:14

Speak about your ideas, right?

Nói về ý tưởng của bạn, đúng không?

2:36:17

speak in pseudo code.

Nói bằng mã giả.

2:36:18

If you don't know what that is, it's just it's not code.

Nếu bạn không biết đó là gì, nó chỉ là nó không phải là mã.

2:36:21

It's just ways to represent code.

Nó chỉ là cách để biểu diễn mã.

2:36:23

So, um just try to speak out your ideas to AI and get assistance by asking it to give you a road map, an architectural blueprint of some sort so we can piece all of these together.

Vì vậy, chỉ cần cố gắng nói ra ý tưởng của bạn với AI và nhận được sự trợ giúp bằng cách yêu cầu nó cung cấp cho bạn một lộ trình, một bản thiết kế kiến trúc nào đó để chúng ta có thể ghép tất cả những thứ này lại với nhau.

2:36:35

Regardless, the English thinking, the simple English thinking in this is just I have these processes in place and I need to number them down and I need to tackle them one

Bất kể, tư duy tiếng Anh, tư duy tiếng Anh đơn giản trong việc này là tôi có các quy trình này và tôi cần đánh số chúng và tôi cần giải quyết chúng từng cái một

2:36:46

by one.

Từng cái một.

2:36:46

This anybody can do, right?

Điều này bất cứ ai cũng có thể làm, đúng không?

2:36:49

So, if you start here and you get AI feedback based on based on the technical implementation, then you can build uh complex features.

Vì vậy, nếu bạn bắt đầu từ đây và nhận được phản hồi từ AI dựa trên việc triển khai kỹ thuật, thì bạn có thể xây dựng các tính năng phức tạp.

2:36:59

In fact, my architecture might be horrible, right?

Thực tế, kiến trúc của tôi có thể rất tệ, đúng không?

2:37:03

Like I'm not going to rely on just my brain here.

Tôi sẽ không chỉ dựa vào bộ não của mình ở đây.

2:37:07

I want to use I want to use Opus's brain because this model is capable of so much more than you can think of, right?

Tôi muốn sử dụng bộ não của Opus vì mô hình này có khả năng nhiều hơn những gì bạn có thể nghĩ, đúng không?

2:37:16

It is a much better developer than you are and when it comes to bu building the architecture for something um at least based on my experience.

Nó là một nhà phát triển tốt hơn bạn nhiều khi xây dựng kiến trúc cho một thứ gì đó, ít nhất là dựa trên kinh nghiệm của tôi.

2:37:26

So rely on this, use its expertise.

Vì vậy, hãy dựa vào điều này, sử dụng chuyên môn của nó.

2:37:28

Don't try to just use yours.

Đừng chỉ cố gắng sử dụng của bạn.

2:37:31

In fact, there are many times where I thought something was good and then AI would point something.

Thực tế, có nhiều lần tôi nghĩ điều gì đó tốt và sau đó AI sẽ chỉ ra điều gì đó.

2:37:37

I'd be like, "Ah, that's wrong." Right?

Tôi sẽ nói, "À, cái đó sai rồi." Đúng không?

2:37:39

So, ask AI to do all of this, but give your thoughts and your thoughts are right here and here and pretty much here.

Vì vậy, hãy yêu cầu AI làm tất cả những điều này, nhưng hãy đưa ra suy nghĩ của bạn và suy nghĩ của bạn ở ngay đây và đây và khá nhiều ở đây.

2:37:47

Okay?

Được chứ?

2:37:47

So, these things are your thoughts and these things right down here are AI's thoughts.

Vì vậy, những thứ này là suy nghĩ của bạn và những thứ ngay dưới đây là suy nghĩ của AI.

2:37:53

All right?

Được chứ?

2:37:53

And then later on,

Và sau đó,

2:37:55

you can combine them piece by piece and build iteratively.

Bạn có thể kết hợp chúng từng phần và xây dựng một cách lặp đi lặp lại.

2:37:58

So, now we're done with this.

Vì vậy, bây giờ chúng ta đã xong phần này.

2:37:59

I do have a few more concepts we need to walk across.

Tôi có một vài khái niệm nữa chúng ta cần xem qua.

2:38:03

So, let's take a quick look quick look at those as well.

Vì vậy, hãy xem nhanh những khái niệm đó.

2:38:07

So, let's go ahead and scratch this out.

Vì vậy, hãy gạch bỏ cái này đi.

2:38:08

We completed this module.

Chúng ta đã hoàn thành mô-đun này.

2:38:09

Awesome.

Tuyệt vời.

2:38:09

How to prompt.

Cách để đưa ra lời nhắc.

2:38:11

Boom.

Bùm.

2:38:11

Done.

Xong.

2:38:11

Nice.

Đẹp.

2:38:12

Uh, we also covered global first thinking, right?

Ừ, chúng ta cũng đã đề cập đến tư duy toàn cục trước, đúng không?

2:38:15

We just introduced how to think from Redux store from architecture level and how to use AI to do the technical architecture part.

Chúng ta vừa giới thiệu cách suy nghĩ từ kho lưu trữ Redux ở cấp độ kiến trúc và cách sử dụng AI để thực hiện phần kiến trúc kỹ thuật.

2:38:23

Well, you just piece it together, right?

Chà, bạn chỉ cần ghép nó lại với nhau, đúng không?

2:38:26

Give it the right direction.

Hãy định hướng đúng cho nó.

2:38:27

Now I want to discuss a strategy called red

Bây giờ tôi muốn thảo luận về một chiến lược gọi là đỏ

2:38:31

green prompting.

Xanh lá cây nhắc.

2:38:31

So let's jump straight right into that one.

Vậy hãy đi thẳng vào vấn đề đó.

2:38:34

In this module we're going to discuss red green prompting.

Trong mô-đun này, chúng ta sẽ thảo luận về việc nhắc đỏ xanh lá cây.

2:38:37

Now you will see why this is a very unique way of prompting and uh at least I think it is.

Bây giờ bạn sẽ thấy tại sao đây là một cách nhắc rất độc đáo và ít nhất tôi nghĩ là vậy.

2:38:44

But there's actually two strategies two ways to implement red green prompting.

Nhưng thực sự có hai chiến lược, hai cách để thực hiện việc nhắc đỏ xanh lá cây.

2:38:49

And the first strategy is the gap method.

Và chiến lược đầu tiên là phương pháp khoảng trống.

2:38:51

And so essentially what this is we

Và về cơ bản, đây là những gì chúng ta

2:38:54

deliberately create something to fail right now so that in the future the right thing surfaces.

Cố tình tạo ra một cái gì đó để thất bại ngay bây giờ để trong tương lai điều đúng đắn sẽ xuất hiện.

2:38:58

That's what the gap method is.

Đó là phương pháp khoảng trống.

2:39:00

So you purposely miss out or you leave out something or you create an error or you do something purposely right now so that later on you can catch it and then fix it.

Vì vậy, bạn cố tình bỏ sót hoặc để lại một cái gì đó hoặc tạo ra một lỗi hoặc làm điều gì đó có chủ đích ngay bây giờ để sau này bạn có thể bắt và sửa nó.

2:39:10

That's pretty much it.

Đó là tất cả.

2:39:11

So long story short, that's what it is.

Nói ngắn gọn, đó là những gì nó là.

2:39:13

So uh here's a good example so you

Vì vậy, đây là một ví dụ tốt để bạn

2:39:16

can understand this.

Có thể hiểu điều này.

2:39:16

So team invitation team invitation can be broken down into two uh different tasks.

Vì vậy, lời mời nhóm, lời mời nhóm có thể được chia thành hai nhiệm vụ khác nhau.

2:39:21

You have creating the invite and then you have sending the email itself.

Bạn có việc tạo lời mời và sau đó là việc gửi email.

2:39:24

And most of I guess a bad prompt would be something like build the invite system or build the invitation system uh and then send an email to a customer or send the email to the invit in invited member.

Và hầu hết, tôi đoán một lời nhắc tồi sẽ là một cái gì đó như xây dựng hệ thống mời hoặc xây dựng hệ thống mời và sau đó gửi email cho khách hàng hoặc gửi email cho thành viên được mời.

2:39:36

So what

Vậy những gì

2:39:37

we essentially did here is we intertwined both of these tasks.

Về cơ bản chúng ta đã làm ở đây là chúng ta đan xen cả hai nhiệm vụ này.

2:39:40

And what we lost here is this potential globalized solution that we could reuse somewhere else.

Và những gì chúng ta mất ở đây là giải pháp toàn cục tiềm năng này mà chúng ta có thể tái sử dụng ở nơi khác.

2:39:45

So you see how sending an email could have been used for your automation builder, could have been used for your subscription uh providers, could have been used for uh in case someone's account failed, whatever it

Vì vậy, bạn thấy việc gửi email có thể được sử dụng cho trình xây dựng tự động hóa của bạn, có thể được sử dụng cho các nhà cung cấp đăng ký của bạn, có thể được sử dụng trong trường hợp tài khoản của ai đó bị lỗi, bất kể nó

2:39:57

is, you could have used that here and reu reused this architecture somewhere else.

Là gì, bạn có thể sử dụng nó ở đây và tái sử dụng kiến trúc này ở nơi khác.

2:40:01

Maybe what I would have done is I would have had a service or a router or something here, a source of all truth router that I use for all email sending for the organization and I would just use this and send emails through this.

Có lẽ những gì tôi sẽ làm là tôi sẽ có một dịch vụ hoặc một bộ định tuyến hoặc một cái gì đó ở đây, một bộ định tuyến nguồn sự thật duy nhất mà tôi sử dụng cho tất cả việc gửi email của tổ chức và tôi sẽ chỉ sử dụng cái này và gửi email qua nó.

2:40:16

And so if I had approached it this way by splitting it up into two different parts, right?

Và vì vậy nếu tôi tiếp cận theo cách này bằng cách chia nó thành hai phần khác nhau, đúng không?

2:40:21

I could have built this section and made it easier for me to change things in the future.

Tôi có thể xây dựng phần này và làm cho việc thay đổi mọi thứ trong tương lai dễ dàng hơn.

2:40:27

So the gap method essentially introduces this.

Vì vậy, phương pháp khoảng trống về cơ bản giới thiệu điều này.

2:40:29

And if you remember in the previous modules I taught you how you can uh essentially focus on only the things that are needed now.

Và nếu bạn nhớ trong các mô-đun trước, tôi đã dạy bạn cách bạn có thể về cơ bản chỉ tập trung vào những thứ cần thiết bây giờ.

2:40:37

So that way the prerequisites for

Vì vậy, theo cách đó, các điều kiện tiên quyết cho

2:40:39

the next feature are checked.

Tính năng tiếp theo được kiểm tra.

2:40:40

That's essentially what this can help do.

Về cơ bản đó là những gì điều này có thể giúp làm.

2:40:43

So here's what the correct way would look like or the a better prompt.

Vì vậy, đây là cách đúng sẽ trông như thế nào hoặc một lời nhắc tốt hơn.

2:40:47

So build an invite creation feature.

Vì vậy, hãy xây dựng một tính năng tạo lời mời.

2:40:49

Do not wire up emails yet.

Chưa kết nối email.

2:40:51

Just create a single source of truth function.

Chỉ cần tạo một hàm nguồn sự thật duy nhất.

2:40:54

Now, obviously in your case, you could be a little more specific here by telling it exactly what you want.

Bây giờ, rõ ràng, trong trường hợp của bạn, bạn có thể cụ thể hơn một chút ở đây bằng cách nói chính xác những gì bạn muốn.

2:41:01

So, I'm just going to say

Vì vậy, tôi sẽ chỉ nói

2:41:03

service or maybe a router or whatever you want to call that, right?

Dịch vụ hoặc có thể là một bộ định tuyến hoặc bất cứ điều gì bạn muốn gọi nó, đúng không?

2:41:07

Our single source of truth to create a function where the email functionality will go later on.

Nguồn sự thật duy nhất của chúng ta để tạo một hàm nơi chức năng email sẽ được đặt sau này.

2:41:12

For now, just log the message in the console.

Bây giờ, chỉ cần ghi log thông báo trong console.

2:41:15

So, what we did is we created a gap, right?

Vì vậy, những gì chúng ta đã làm là chúng ta đã tạo ra một khoảng trống, đúng không?

2:41:18

We created a gap right here and we were going to do this later on and then we built this.

Chúng ta đã tạo một khoảng trống ngay tại đây và chúng ta sẽ làm việc này sau, rồi chúng ta đã xây dựng phần này.

2:41:24

Another thing you can do is you can offload this

Một điều khác bạn có thể làm là bạn có thể chuyển giao

2:41:28

work into another agent into another sub agent and again that's a whole different uh module a whole different course maybe I can create a course on that which is how to do um you know multiple tasks at once so multitasking or multi- aent work uh you know multi- aent work essentially we'll get to that later but um in this course I just want to focus on in this module I just want to focus on this

công việc này cho một agent khác, cho một sub agent khác, và một lần nữa đó là một mô-đun hoàn toàn khác, một khóa học hoàn toàn khác, có lẽ tôi có thể tạo một khóa học về điều đó, đó là cách để thực hiện nhiều tác vụ cùng một lúc, tức là đa nhiệm hoặc làm việc đa agent, về cơ bản chúng ta sẽ đề cập đến điều đó sau, nhưng trong khóa học này, tôi chỉ muốn tập trung vào, trong mô-đun này, tôi chỉ muốn tập trung vào

2:41:52

topic and so um yep so this is how I would prompt the right way.

chủ đề này, và vì vậy, vâng, đây là cách tôi sẽ đưa ra lời nhắc đúng cách.

2:41:57

And so what we've done is we've created a gap that we can later on fix by completing the missing piece and just putting that right here.

Và những gì chúng ta đã làm là chúng ta đã tạo ra một khoảng trống mà sau này chúng ta có thể sửa bằng cách hoàn thành phần còn thiếu và chỉ cần đặt nó ngay tại đây.

2:42:06

Now, here's a very important note.

Bây giờ, đây là một lưu ý rất quan trọng.

2:42:08

You don't want to forget about these gaps, right?

Bạn không muốn quên những khoảng trống này, đúng không?

2:42:11

And so the way to deliberately create an error is by using something like console.

Và vì vậy, cách để cố tình tạo ra một lỗi là sử dụng một cái gì đó như console.

2:42:16

Or console.warn

Hoặc console.warn

2:42:17

or you could also use a warning note or a to-do note.

Hoặc bạn cũng có thể sử dụng một ghi chú cảnh báo hoặc một ghi chú việc cần làm.

2:42:20

Remember, we're trying to build guardrails here.

Hãy nhớ rằng, chúng ta đang cố gắng xây dựng các rào cản ở đây.

2:42:22

The point is not for us to use context to remember this.

Vấn đề không phải là để chúng ta sử dụng ngữ cảnh để nhớ điều này.

2:42:26

So maybe this would be a better approach here.

Vì vậy, có lẽ đây sẽ là một cách tiếp cận tốt hơn ở đây.

2:42:28

It's some in some way you have to figure out something's wrong.

Bằng cách nào đó, bạn phải tìm ra rằng có gì đó không ổn.

2:42:31

So uh another approach that I've implemented in the architectural guardrail is a toast message that looks a little strange.

Vì vậy, một cách tiếp cận khác mà tôi đã triển khai trong rào cản kiến trúc là một thông báo toast trông hơi lạ.

2:42:37

Uh and that only shows for us as developers locally and in production it's not going to show cuz we just hide it and we just say error something went

Và điều đó chỉ hiển thị cho chúng ta với tư cách là nhà phát triển ở môi trường cục bộ, còn trong sản xuất thì nó sẽ không hiển thị vì chúng ta chỉ ẩn nó đi và chúng ta chỉ nói lỗi, có gì đó đã xảy ra

2:42:45

wrong.

sai.

2:42:45

So that's another way you could actually throw these errors so you or AI can figure them out.

Vì vậy, đó là một cách khác mà bạn có thể thực sự ném những lỗi này để bạn hoặc AI có thể tìm ra chúng.

2:42:50

So yeah, I would probably lean towards something linting based or something like this.

Vì vậy, vâng, tôi có lẽ sẽ nghiêng về một cái gì đó dựa trên linting hoặc một cái gì đó tương tự.

2:42:55

The next strategy, which is a super interesting one, is called the white lie method.

Chiến lược tiếp theo, một chiến lược cực kỳ thú vị, được gọi là phương pháp lời nói dối vô hại.

2:42:59

And the idea here, let's see if you can guess.

Và ý tưởng ở đây, hãy xem liệu bạn có thể đoán được không.

2:43:02

Just pause this video and try to guess what does this actually mean?

Chỉ cần tạm dừng video này và thử đoán xem điều này thực sự có nghĩa là gì?

2:43:06

What

Bạn

2:43:07

do you think it means?

nghĩ nó có nghĩa là gì?

2:43:08

All right, welcome back.

Được rồi, chào mừng trở lại.

2:43:09

Hopefully you got the right answer.

Hy vọng bạn đã có câu trả lời đúng.

2:43:11

If not, no worries.

Nếu không, đừng lo lắng.

2:43:13

This is what the white line method essentially is.

Đây là bản chất của phương pháp lời nói dối vô hại.

2:43:16

We make a false claim that forces AI to search for something that may or may not exist.

Chúng ta đưa ra một tuyên bố sai để buộc AI tìm kiếm một thứ gì đó có thể tồn tại hoặc không.

2:43:22

Let me explain a little bit further.

Để tôi giải thích thêm một chút.

2:43:24

So essentially, you need to understand that your default assumption decides the first action that AI will take.

Về cơ bản, bạn cần hiểu rằng giả định mặc định của bạn quyết định hành động đầu tiên mà AI sẽ thực hiện.

2:43:32

So if your default assumption was something like nothing already exists and build this feature, then it's going to create, it's going to write.

Vì vậy, nếu giả định mặc định của bạn là chưa có gì tồn tại và hãy xây dựng tính năng này, thì nó sẽ tạo ra, nó sẽ viết.

2:43:41

That's what it's going to do first.

Đó là điều đầu tiên nó sẽ làm.

2:43:44

But if your default assumption was something already exists,

Nhưng nếu giả định mặc định của bạn là một cái gì đó đã tồn tại,

2:43:48

what do you think AI would do first?

Bạn nghĩ AI sẽ làm gì đầu tiên?

2:43:50

Search.

Tìm kiếm.

2:43:50

And that's what we're trying to create here.

Và đó là những gì chúng ta đang cố gắng tạo ra ở đây.

2:43:53

A way for AI to search through the codebase to find potential globalized solutions, right?

Một cách để AI tìm kiếm trong cơ sở mã để tìm ra các giải pháp toàn cục tiềm năng, đúng không?

2:43:58

And so most of your prompts might be using well not every single uh prompt might need this but this is a good u a good prompting strategy when you need some sort of globalized stuff that you believe should have been globalized uh to be used

Và vì vậy, hầu hết các lời nhắc của bạn có thể sử dụng, không phải mọi lời nhắc đều cần điều này, nhưng đây là một chiến lược nhắc nhở tốt khi bạn cần một số thứ toàn cục mà bạn tin rằng nên được toàn cục hóa để sử dụng

2:44:14

inside the feature it's building.

bên trong tính năng mà nó đang xây dựng.

2:44:15

And the best thing is there's no downside to this.

Và điều tốt nhất là không có nhược điểm nào cho việc này.

2:44:17

If you're wrong it'll just tell you right if not it'll ask you to create this sort of would you like to create a globalized solution cuz it makes more sense.

Nếu bạn sai, nó sẽ chỉ nói cho bạn biết, nếu không, nó sẽ hỏi bạn có muốn tạo một giải pháp toàn cục không vì điều đó hợp lý hơn.

2:44:25

You see what I'm saying?

Bạn hiểu ý tôi chứ?

2:44:26

And maybe that's a way to catch another bug or something that you missed or something you thought you should have

Và có lẽ đó là một cách để bắt một lỗi khác hoặc một cái gì đó bạn đã bỏ lỡ hoặc một cái gì đó bạn nghĩ bạn nên

2:44:32

done in a different way.

làm theo một cách khác.

2:44:33

So here's a much better example so you can understand uh further understand this concept.

Vì vậy, đây là một ví dụ tốt hơn nhiều để bạn có thể hiểu rõ hơn khái niệm này.

2:44:37

So let's say you're trying to build invoices right in the invoice page you want to show a checkout form.

Giả sử bạn đang cố gắng xây dựng hóa đơn, trên trang hóa đơn bạn muốn hiển thị một biểu mẫu thanh toán.

2:44:43

So a bad prompt would be something like even if you're as detailed as possible here this structure is still incorrect which is add a add a checkout form to the

Vì vậy, một lời nhắc tồi sẽ là một cái gì đó như, ngay cả khi bạn chi tiết nhất có thể ở đây, cấu trúc này vẫn không chính xác, đó là thêm một biểu mẫu thanh toán vào

2:44:53

invoices page with stripe.

trang hóa đơn với Stripe.

2:44:54

Even if you had said something like I want to build a checkout form on this page the form should show in a specific way like even the UI should look similar to other UIs that is still incorrect right to other invoices or other checkout forms that is still incorrect.

Ngay cả khi bạn đã nói điều gì đó như tôi muốn xây dựng một biểu mẫu thanh toán trên trang này, biểu mẫu sẽ hiển thị theo một cách cụ thể, thậm chí giao diện người dùng nên trông giống với các giao diện người dùng khác, điều đó vẫn không chính xác, đúng với các hóa đơn khác hoặc các biểu mẫu thanh toán khác, điều đó vẫn không chính xác.

2:45:11

Here's what the right approach would be.

Đây là cách tiếp cận đúng sẽ như thế nào.

2:45:14

We already have here's the key.

Chúng ta đã có, đây là điểm mấu chốt.

2:45:16

We already have a source

Chúng ta đã có một nguồn

2:45:18

of truth for payments and checkout somewhere in this application.

sự thật cho thanh toán và quy trình thanh toán ở đâu đó trong ứng dụng này.

2:45:23

use that.

Hãy sử dụng nó.

2:45:25

I wouldn't even say find it.

Tôi thậm chí sẽ không nói là tìm nó.

2:45:27

I would say use that first because we're already assuming that it exists.

Tôi sẽ nói là hãy sử dụng nó trước vì chúng ta đã giả định rằng nó tồn tại.

2:45:34

Use that and wire invoices into it.

Sử dụng nó và kết nối hóa đơn vào nó.

2:45:37

And again, we're combining this along with the gap strategy.

Và một lần nữa, chúng ta đang kết hợp điều này với chiến lược khoảng trống.

2:45:42

And so after this, you could say something like once that's done, then connect that source of truth checkout flow.

Và sau đó, bạn có thể nói điều gì đó như một khi điều đó hoàn thành, sau đó kết nối nguồn sự thật đó với quy trình thanh toán.

2:45:52

Forgive my spellings.

Thứ lỗi cho lỗi chính tả của tôi.

2:45:53

I'm just making errors because I'm typing really fast.

Tôi đang mắc lỗi vì tôi đang gõ rất nhanh.

2:45:56

Checkout flow into the invoice.

Kết nối quy trình thanh toán vào hóa đơn.

2:46:01

Remember source of truth.

Hãy nhớ nguồn sự thật.

2:46:02

Whatever you can say that once more.

Bất cứ điều gì bạn có thể nói điều đó một lần nữa.

2:46:04

So you see how we stacked both of those strategies on top of each other.

Vì vậy, bạn thấy cách chúng ta xếp chồng cả hai chiến lược đó lên nhau.

2:46:10

And this like you will see this happen.

Và điều này giống như bạn sẽ thấy điều này xảy ra.

2:46:13

So I'll give you an example a real world example.

Vì vậy, tôi sẽ cho bạn một ví dụ, một ví dụ thực tế.

2:46:16

When I was building Mochi, the in the website builder specifically, the website builder at one point had a redux bug that I wanted to solve, but I actually

Khi tôi đang xây dựng Mochi, trong trình xây dựng trang web cụ thể, trình xây dựng trang web tại một thời điểm đã có một lỗi redux mà tôi muốn giải quyết, nhưng tôi thực sự

2:46:27

kind of forgot about it.

đã gần như quên mất nó.

2:46:28

And the error was essentially the website data was getting um was getting outdated or stale because of the cache and I knew that it's not actually the cache problem because I knew there was something wrong with my Redux store.

Và lỗi về cơ bản là dữ liệu trang web đang trở nên lỗi thời hoặc cũ do bộ nhớ cache và tôi biết rằng đó không thực sự là vấn đề của bộ nhớ cache vì tôi biết có gì đó sai với cửa hàng Redux của mình.

2:46:42

But what I still did anyways, right, was I just said there is a bug in the Redux store.

Nhưng điều tôi vẫn làm, đúng vậy, là tôi chỉ nói rằng có một lỗi trong cửa hàng Redux.

2:46:49

Um, the data is being overwritten when I'm

Ừm, dữ liệu đang bị ghi đè khi tôi

2:46:52

on a different page.

ở trên một trang khác.

2:46:53

I know this exists because uh it has existed in the past.

Tôi biết điều này tồn tại vì nó đã tồn tại trong quá khứ.

2:46:57

I need you to deep dive and solve this bug immediately.

Tôi cần bạn đào sâu và giải quyết lỗi này ngay lập tức.

2:47:01

And while it was at it, it found another bug too that was actually the root cause of the whole problem.

Và trong khi làm việc đó, nó cũng tìm thấy một lỗi khác thực sự là nguyên nhân gốc rễ của toàn bộ vấn đề.

2:47:08

And it was just um the issue was I built it with a singleton model.

Và vấn đề chỉ là tôi đã xây dựng nó với mô hình singleton.

2:47:11

And so that was the there was a whole error there.

Và vì vậy đó là toàn bộ lỗi ở đó.

2:47:14

And so it's like the problem here is that you're storing you're storing things in a singleton and then that data is using the cache data instead of the actual Redux data cuz I had a fallback.

Và vì vậy, vấn đề ở đây là bạn đang lưu trữ mọi thứ trong một singleton và sau đó dữ liệu đó đang sử dụng dữ liệu cache thay vì dữ liệu Redux thực tế vì tôi có một phương án dự phòng.

2:47:24

That's how I was thinking.

Đó là cách tôi đã nghĩ.

2:47:25

So solve that bug and solve more bugs for me too.

Vì vậy, hãy giải quyết lỗi đó và giải quyết thêm nhiều lỗi nữa cho tôi.

2:47:28

And so you see how it went to the absolute root cause.

Và vì vậy bạn thấy cách nó đi đến nguyên nhân gốc rễ tuyệt đối.

2:47:32

Another example is for one of the members inside uh my community uh AI era.

Một ví dụ khác là cho một trong các thành viên bên trong cộng đồng của tôi, AI era.

2:47:37

They were facing a problem with their editor.

Họ đang gặp phải một vấn đề với trình soạn thảo của họ.

2:47:39

I think they had a text editor for a note-taking app and uh the problem was that they wired up in the beginning when they first started they

Tôi nghĩ họ có một trình soạn thảo văn bản cho một ứng dụng ghi chú và vấn đề là họ đã kết nối nó ngay từ đầu khi họ mới bắt đầu, họ

2:47:48

had a custom editor and it was supposed to look like notion but obviously it was built from scratch so I can already tell the hell it's they're going to go through right but um I later on suggested they should use lexical and I purposely mentioned this clearly and I said please remove the custom editor you have first before you navigate to before you migrate to using lexical editor and

đã có một trình soạn thảo tùy chỉnh và nó được cho là trông giống Notion nhưng rõ ràng nó được xây dựng từ đầu vì vậy tôi có thể thấy trước những khó khăn họ sẽ gặp phải, nhưng sau đó tôi đề nghị họ nên sử dụng Lexical và tôi cố ý đề cập điều này một cách rõ ràng và tôi nói hãy xóa trình soạn thảo tùy chỉnh bạn có trước khi bạn điều hướng đến trước khi bạn chuyển sang sử dụng trình soạn thảo Lexical và

2:48:12

uh they said they did obviously but then they started facing some bugs as they were just testing out the application many weeks later and I don't know where the bug comes from cuz I'm making a an assumption that they already removed the old code and so when they hopped in the coaching call I knew exactly what was going on I was like okay there's going to be some sort of an

Ừm, họ nói rằng họ đã làm điều đó rõ ràng nhưng sau đó họ bắt đầu gặp một số lỗi khi họ chỉ đang thử nghiệm ứng dụng nhiều tuần sau đó và tôi không biết lỗi đến từ đâu vì tôi đang đưa ra giả định rằng họ đã xóa mã cũ và vì vậy khi họ tham gia cuộc gọi huấn luyện, tôi biết chính xác những gì đang xảy ra, tôi đã nghĩ, được rồi, sẽ có một số loại

2:48:34

iteration loop or something that's happening on the editor that is essentially looking at every single text character they were typing, which is the old strategy, which was absolutely wrong.

vòng lặp lặp lại hoặc điều gì đó đang xảy ra trên trình soạn thảo về cơ bản đang xem xét từng ký tự văn bản họ đang gõ, đó là chiến lược cũ, hoàn toàn sai.

2:48:43

And then I knew that was causing a refresh every single time.

Và sau đó tôi biết điều đó đang gây ra làm mới mỗi lần.

2:48:47

And so as they type, they can see that delay, right?

Và vì vậy khi họ gõ, họ có thể thấy độ trễ đó, phải không?

2:48:50

Cuz there's loops happening in the back and it's mapping through everything.

Vì có các vòng lặp đang xảy ra ở phía sau và nó đang ánh xạ qua mọi thứ.

2:48:54

Um, and so I knew

Ừm, và vì vậy tôi biết

2:48:56

that there might be old code wired into the website builder.

rằng có thể có mã cũ được kết nối vào trình xây dựng trang web.

2:48:59

And I asked them on the call, I even had this recorded.

Và tôi đã hỏi họ trong cuộc gọi, tôi thậm chí đã ghi lại điều này.

2:49:03

I was like, "Are you sure the old stuff is not there?" And they were like yes I removed it.

Tôi đã nói, "Bạn có chắc là những thứ cũ không còn ở đó không?" Và họ nói vâng tôi đã xóa nó.

2:49:10

And so what do you think I did in the prompt?

Và vì vậy bạn nghĩ tôi đã làm gì trong lời nhắc?

2:49:13

Obviously we used the white light white line method which is red green prompting which is I told AI that I have two incorrect architectures

Rõ ràng chúng tôi đã sử dụng phương pháp dòng trắng, đó là lời nhắc đỏ xanh, đó là tôi đã nói với AI rằng tôi có hai kiến trúc không chính xác

2:49:22

for the editor that have been that have been mixed.

cho trình soạn thảo đã bị trộn lẫn.

2:49:25

And I have custom flow and I also have the lexical editor which is what I wanted.

Và tôi có luồng tùy chỉnh và tôi cũng có trình soạn thảo Lexical, đó là thứ tôi muốn.

2:49:30

First I want you to verify that my claim is true.

Trước tiên, tôi muốn bạn xác minh rằng tuyên bố của tôi là đúng.

2:49:34

Next, I want you to completely strip out anything related to the editor so that there's zero references to the editor in my app.

Tiếp theo, tôi muốn bạn loại bỏ hoàn toàn mọi thứ liên quan đến trình soạn thảo để không còn bất kỳ tham chiếu nào đến trình soạn thảo trong ứng dụng của tôi.

2:49:42

And guess what I found out?

Và đoán xem tôi đã phát hiện ra điều gì?

2:49:44

Obviously, the old stuff was still not removed.

Rõ ràng, những thứ cũ vẫn chưa được loại bỏ.

2:49:46

It was still wired into the lexical editor.

Nó vẫn được kết nối với trình soạn thảo lexical.

2:49:49

Um, and so that red green approach helped us kind of reveal what was hidden and that we actually missed and that we that AI also missed.

Ừm, và vì vậy cách tiếp cận đỏ-xanh đó đã giúp chúng tôi tiết lộ những gì bị ẩn và những gì chúng tôi thực sự đã bỏ lỡ và những gì AI cũng đã bỏ lỡ.

2:49:59

So, uh, that's it for the red green prompting module.

Vì vậy, đó là tất cả cho mô-đun nhắc đỏ-xanh.

2:50:02

So, let's go ahead and check this module out real quick.

Vì vậy, hãy cùng kiểm tra nhanh mô-đun này.

2:50:06

Right there.

Ngay đó.

2:50:07

This is pretty

Điều này khá

2:50:08

satisfying, isn't it?

Hài lòng, phải không?

2:50:09

Boom.

Bùm.

2:50:10

Done.

Xong.

2:50:10

Nice.

Tuyệt.

2:50:11

And that brings us to our final module.

Và điều đó đưa chúng ta đến mô-đun cuối cùng.

2:50:14

And that brings us to the last module in this course, which is staying in control.

Và điều đó đưa chúng ta đến mô-đun cuối cùng trong khóa học này, đó là giữ quyền kiểm soát.

2:50:18

So, if you've ever felt like you don't know where things are going in the codebase or you're losing confidence, it's probably because you are not creating a new branch for every feature.

Vì vậy, nếu bạn từng cảm thấy như bạn không biết mọi thứ đang đi về đâu trong cơ sở mã hoặc bạn đang mất tự tin, có lẽ là vì bạn không tạo một nhánh mới cho mỗi tính năng.

2:50:28

Even if you are creating uh an iteration of the current feature, just create a new branch.

Ngay cả khi bạn đang tạo một lần lặp của tính năng hiện tại, chỉ cần tạo một nhánh mới.

2:50:32

When you can see

Khi bạn có thể thấy

2:50:34

the files that Claude has touched, it gives you the confidence that and in clarity that Claude made the right move.

Các tệp mà Claude đã chạm vào, nó mang lại cho bạn sự tự tin và rõ ràng rằng Claude đã thực hiện đúng động thái.

2:50:40

So start implementing this starting today.

Vì vậy, hãy bắt đầu thực hiện điều này từ hôm nay.

2:50:41

It's going to make you feel like you're more in control of your code.

Nó sẽ làm cho bạn cảm thấy như bạn kiểm soát mã của mình nhiều hơn.

2:50:45

Also, don't stop here.

Ngoài ra, đừng dừng lại ở đây.

2:50:46

Continuously improve your learning, right?

Liên tục cải thiện việc học của bạn, phải không?

2:50:47

Like you need to improve the architectural guardrail as much as possible.

Giống như bạn cần cải thiện lan can kiến trúc càng nhiều càng tốt.

2:50:51

And if you see something working, please share it in the comment section down below.

Và nếu bạn thấy điều gì đó hoạt động, vui lòng chia sẻ nó trong phần bình luận bên dưới.

2:50:56

I'll be more than happy to review this for you.

Tôi sẽ rất vui khi xem xét điều đó cho bạn.

2:50:58

And that's pretty much it for this course.

Và đó là tất cả cho khóa học này.

2:51:00

Now, if you're ready to take your AI development skills to the next level, then the next few minutes are for you.

Bây giờ, nếu bạn sẵn sàng đưa kỹ năng phát triển AI của mình lên một tầm cao mới, thì vài phút tiếp theo là dành cho bạn.

2:51:05

I have something to offer, and I'm sure it's going to help you speed up your AI development workflow and at the same time make this process a whole lot of fun.

Tôi có một thứ để cung cấp, và tôi chắc chắn nó sẽ giúp bạn tăng tốc quy trình phát triển AI của mình và đồng thời làm cho quá trình này trở nên thú vị hơn rất nhiều.

2:51:13

I'd like to introduce

Tôi muốn giới thiệu

2:51:14

you to AI Era.

Bạn đến với AI Era.

2:51:15

It's a school community I created for web developers who are looking to build production apps only using AI.

Đó là một cộng đồng trường học mà tôi đã tạo ra cho các nhà phát triển web đang tìm cách xây dựng các ứng dụng sản xuất chỉ bằng AI.

2:51:20

And the reason why I'm so confident I can actually deliver on this promise is one, you already have what it takes.

Và lý do tại sao tôi rất tự tin rằng tôi thực sự có thể thực hiện lời hứa này là một, bạn đã có những gì cần thiết.

2:51:27

You are a web developer and so you're going to get better results.

Bạn là một nhà phát triển web và vì vậy bạn sẽ nhận được kết quả tốt hơn.

2:51:31

Two, it's because you're going to get the exact same architectural guardrail, the

Hai, đó là vì bạn sẽ nhận được chính xác cùng một lan can kiến trúc,

2:51:35

same implementation that is done for you on day one.

Cùng một triển khai được thực hiện cho bạn ngay từ ngày đầu tiên.

2:51:38

That means you're going to get access to the architectural guardrail.

Điều đó có nghĩa là bạn sẽ có quyền truy cập vào lan can kiến trúc.

2:51:41

So you can download it and start on day one.

Vì vậy, bạn có thể tải xuống và bắt đầu ngay từ ngày đầu tiên.

2:51:44

I constantly improve and update this architectural guardrail every single week.

Tôi liên tục cải thiện và cập nhật lan can kiến trúc này mỗi tuần.

2:51:48

So you will be up to date with the newest and latest AI development uh strategies uh specifically what I am using to build my

Vì vậy, bạn sẽ được cập nhật với các chiến lược phát triển AI mới nhất và mới nhất, cụ thể là những gì tôi đang sử dụng để xây dựng

2:51:56

apps.

Các ứng dụng của tôi.

2:51:56

The other reason is because I myself have built dozens of apps and um I also built fun.AI and Mochi which has over 1,200 features that were built to production in under 4 months only using AI and myself right and so I've seen uh everything I' I've seen I've built features like website builders form builders automation builders um you know agentic features pretty much

Lý do khác là vì bản thân tôi đã xây dựng hàng chục ứng dụng và tôi cũng đã xây dựng fun.AI và Mochi, có hơn 1.200 tính năng được xây dựng để sản xuất trong vòng chưa đầy 4 tháng chỉ bằng AI và chính tôi, và vì vậy tôi đã thấy mọi thứ, tôi đã thấy, tôi đã xây dựng các tính năng như trình xây dựng trang web, trình xây dựng biểu mẫu, trình xây dựng tự động hóa, bạn biết đấy, các tính năng tác nhân khá nhiều

2:52:20

everything you can think about and so I know what goes into building production apps not just that I've also made hundreds and thousands of dollars through a software licensing model that I'll be more than happy to teach you in here if you're looking to monetize your code as And on top of this, I've also worked at multi-10 figureure companies.

Mọi thứ bạn có thể nghĩ đến và vì vậy tôi biết những gì cần thiết để xây dựng các ứng dụng sản xuất, không chỉ vậy, tôi cũng đã kiếm được hàng trăm và hàng nghìn đô la thông qua mô hình cấp phép phần mềm mà tôi sẽ rất vui khi dạy bạn ở đây nếu bạn muốn kiếm tiền từ mã của mình. Và trên hết, tôi cũng đã làm việc tại các công ty có giá trị hàng chục tỷ.

2:52:35

I've helped them build apps from the ground

Tôi đã giúp họ xây dựng các ứng dụng từ đầu

2:52:38

up.

Lên.

2:52:38

And so I've seen uh what goes into building apps at such a large scale.

Và vì vậy tôi đã thấy những gì cần thiết để xây dựng các ứng dụng ở quy mô lớn như vậy.

2:52:42

I'm sure I have a thing or two that I can help with uh when it comes to building with AI.

Tôi chắc chắn rằng tôi có một hoặc hai điều có thể giúp ích khi xây dựng với AI.

2:52:48

So like I said guys, on day one, when you enter the community, you can download the architectural guardrail and start.

Vì vậy, như tôi đã nói, các bạn, ngay từ ngày đầu tiên, khi bạn tham gia cộng đồng, bạn có thể tải xuống lan can kiến trúc và bắt đầu.

2:52:54

First thing I want to point out is the focus of this community is not hours and hours of courses.

Điều đầu tiên tôi muốn chỉ ra là trọng tâm của cộng đồng này không phải là hàng giờ và hàng giờ các khóa học.

2:52:59

Lời hứa của tôi với bạn là khi bạn tham gia cộng đồng, bạn sẽ có một quy trình ba bước đơn giản và chúng tôi chỉ tập trung vào việc thực hiện.

2:53:00

promise to you is that when you join the community, you will have a simple three-step process and we only focus on implementation.

Thông tin sẽ luôn miễn phí trên internet.

2:53:07

The information will always be for free on the internet.

Ừm, nhưng tôi biết khoảng cách tồn tại giữa việc thực sự làm và đạt được kết quả.

2:53:10

Um, but I know the gap exists with actually doing the work and getting the outcome.

Và hoàn cảnh của mỗi người là khác nhau.

2:53:16

And everybody's situation is different.

Bạn có thể bị mắc kẹt và không biết làm thế nào để, bạn biết đấy, viết mã hoặc lên kế hoạch cho một tính năng để bắt đầu xây dựng nó bằng AI.

2:53:18

You might be stuck and you might not know how to uh, you know, vibe code or plan a feature to start building it using AI.

Và lý do tại sao bạn có thể, bạn biết đấy, tôi tin rằng bạn có thể nhận được sự hỗ trợ và gần như không bao giờ bị mắc kẹt nữa là vì tôi gửi video Loom tùy chỉnh cho từng thành viên của cộng đồng này.

2:53:25

And the reason why you can uh you know I believe you can get support and pretty much never be stuck again is because I send custom Loom videos to every single member of this community.

Có hàng trăm thành viên ở đây đang gửi ý tưởng của họ.

2:53:36

There are hundreds of members in here who are sending their ideas.

Tôi phê duyệt chúng.

2:53:39

I approve them.

Tôi đưa ra gợi ý và giúp họ thông qua quy trình ba bước mà tôi đã nói, đó là xây dựng, bán, xây dựng, ra mắt và mở rộng quy mô.

2:53:40

I give them suggestions and I help them through the three-step process that I was talking about which is build, sell, build, launch and scale.

Và trong giai đoạn ra mắt, tôi sẽ chỉ cho bạn các mô hình sẽ hoạt động trong năm 2026 vì SAS đang thay đổi, phải không?

2:53:47

And so in the launch phase I'll show you the uh models that will work in 2026 because SAS is kind of you know it's changing right?

Bạn không thể thực sự tạo ra một micro

2:53:55

you can't really create a micro

SAS nữa.

2:53:57

SAS anymore.

Ừm, và cách duy nhất để tồn tại là thông qua cách tiếp cận mới hơn mà bạn biết đấy, ngay cả Sed cũng đang sử dụng, đó là hệ thống như một dịch vụ.

2:53:57

Uh and the only way to kind of survive is through this newer approach that um you know that even Sed is using now which is systems as a service.

Vậy S say làm gì, anh ấy tính phí chỉ để đặt điều này vào bối cảnh, anh ấy tính 3.500 đô la mỗi tháng cho phần mềm anh ấy xây dựng trong chưa đầy 4 ngày sau khi tham gia AI era.

2:54:07

So what S say does he charges just to put this in perspective he charges $3,500 per month for the software he built in under 4 days after joining AI era.

Và đó là cùng một phần mềm mà người khác tính 30 đô la mỗi tháng.

2:54:17

And it's the same software that other people charge $30 per month.

Làm thế nào anh ấy có thể

2:54:21

How was he able to

Làm được điều đó?

2:54:23

do that?

Chà, đó là vì mô hình hệ thống như một dịch vụ và đó chính xác là những gì chúng tôi dạy trong cộng đồng.

2:54:23

Well, that's because of a system as a service model and that's exactly what we teach inside the community as well.

Và có những mô hình khác bạn có thể làm theo dựa trên ý tưởng của mình.

2:54:29

And there's other models that you can follow too based on your idea.

Nó chỉ là một khóa học đơn giản kiểu cắm và chạy.

2:54:33

It's just a simple plugandplay uh type, you know, uh coursework.

Đó là điều tôi muốn cho cộng đồng, chỉ tập trung vào việc thực hiện.

2:54:36

That's that's what I wanted for the community which is implementation focused only.

Và điều đó có nghĩa là khi bạn tham gia cộng đồng,

2:54:39

And that that means when you enter the community,

Bạn chỉ cần cắm các mô hình khác nhau vào ý tưởng ứng dụng của mình và bắt đầu xây dựng, phải không?

2:54:42

you just plug in different models into your app idea and you just start building, right?

Và có rất nhiều lời chứng thực khác tôi đã cho bạn xem lúc đầu, nhưng đây là Ruby, các bạn.

2:54:46

And there is a ton of other testimonials I showed you in the beginning, but here's Ruby, guys.

Tôi đã cho bạn xem điều này ở đầu khóa học này.

2:54:51

I showed you this in the beginning of this uh of this course.

Ứng dụng anh ấy xây dựng đã giúp anh trai anh ấy tiết kiệm hàng trăm đô la mỗi tháng.

2:54:54

The app he built helped his brother save hundreds of dollars a month.

Và anh ấy cũng đã chia sẻ ứng dụng của mình ở đây.

2:54:58

And uh he also he shared his app here.

Nếu các bạn muốn

2:55:00

If you guys want to

Xem qua, cứ tự nhiên.

2:55:02

take a look at it, feel free.

Chỉ cần đừng spam.

2:55:04

Just don't spam.

Hãy tôn trọng.

2:55:05

Please be respectful.

Nhưng anh ấy đã giúp anh trai mình có được 12.000 người theo dõi trong một tuần.

2:55:06

But um he helped his brother gain 12,000 followers in a week.

Thật tuyệt, phải không?

2:55:09

That's so nice, right?

Và tôi tin rằng lý do duy nhất những người này đạt được kết quả này là vì tôi có thể hỗ trợ không chỉ bằng video Loom mà còn bằng các cuộc gọi huấn luyện.

2:55:11

And I believe that the only reason why these guys got these results is because I was able to assist with not just Loom videos, but also coaching calls.

Và vì vậy, việc thực hiện là mảnh ghép duy nhất còn thiếu.

2:55:20

And so implementation is the only missing piece.

Và tôi tin rằng có một khoảng cách ở đó

2:55:22

And I believe there's a gap there

Giữa kiến thức và việc thực sự làm.

2:55:25

between knowledge and actually doing the work.

Và có một người đã làm tất cả những điều này và liên tục làm điều này mỗi ngày bên cạnh bạn chắc chắn sẽ giúp ích.

2:55:26

And having somebody who's already done all of this and is constantly doing this every single day uh by your side is definitely going to help.

Và nếu bạn tin rằng điều này sẽ hỗ trợ hành trình của bạn theo một cách nào đó, thì bạn biết đấy, hãy xem xét AI era.

2:55:33

And so if you believe this is uh going to support your journey in some way then you know definitely take a look at AI era.

Liên kết ở bên dưới hoặc bạn có thể truy cập school.com/iier era và bắt đầu

2:55:40

The link is down below or you can go to school.com/iier era and you can start

Hôm nay.

2:55:45

Today.

Nhưng dù sao đi nữa, tôi hy vọng bạn nắm bắt được tất cả các khái niệm từ khóa học này, làm điều gì đó thú vị với nó và gắn thẻ tôi trong một bài đăng hoặc bất cứ điều gì trên Twitter.

2:55:45

But regardless, I hope you take all of the concepts that you got from this course, do something cool with it, and tag me in a post or whatever on Twitter.

Ừm, tôi rất mong được thấy những gì các bạn sẽ xây dựng.

2:55:52

Uh, I'm looking forward to seeing what you guys have to build.

Và đó là tất cả cho khóa học hôm nay.

2:55:55

And that's it for today's course.

Nếu bạn có bất kỳ gợi ý hoặc câu hỏi nào khác, hãy đặt nó trong phần bình luận bên dưới và tôi sẽ trả lời chúng trong video tiếp theo.

2:55:57

If you have any other suggestions or questions, put it in the comment section below, and I'll answer them in the next video.

Với

2:56:02

With

Điều đó đã được nói, tôi sẽ gặp bạn trong video tiếp theo.

2:56:03

that being said, I'll see you in the next one.

Vậy nên, tôi sẽ gặp bạn trong video tiếp theo.

Transcript

Hiển thị

Introduction to Guardrail Coding

The video introduces a system called 'architectural guardrail' for building apps with AI, highlighting its effectiveness and the importance of directing AI rather than coding. The system was used to build Mochi, an app with 1,200 features, in 4 months. Testimonials show users building apps quickly and efficiently with the system. The system includes token optimization and works with various AI tools. The most important skill is directing AI, not coding itself.

Video giới thiệu một hệ thống gọi là 'kiến trúc lan can' để xây dựng ứng dụng với AI, nhấn mạnh tính hiệu quả và tầm quan trọng của việc chỉ đạo AI thay vì lập trình. Hệ thống này đã được sử dụng để xây dựng Mochi, một ứng dụng có 1.200 tính năng, trong 4 tháng. Các lời chứng thực cho thấy người dùng xây dựng ứng dụng nhanh chóng và hiệu quả với hệ thống này. Hệ thống bao gồm tối ưu hóa token và hoạt động với nhiều công cụ AI khác nhau. Kỹ năng quan trọng nhất là chỉ đạo AI, không phải lập trình.