Tìm hiểu đơn giản về các Design Pattern trong React

Tìm hiểu về công dụng cũng như ưu và nhược điểm của các mẫu thiết kế khác nhau bằng cách tạo bảng vẽ bằng TypeScript/JavaScript. Có thể tìm hiểu API canvas là một phần thưởng!

Khóa học này nói về việc phát triển blog công nghệ của riêng bạn bằng Gatsby v5.

Hãy học React một cách dễ dàng nhất và nhanh chóng nhất với khóa học chuyên sâu và chất lượng của "Thánh giải thích" Yalco!

Cuốn sách "Trở thành lập trình viên giỏi React" đã được xuất bản. Cuốn sách này cung cấp kiến thức nền tảng vững chắc bằng cách hướng dẫn có hệ thống từ các nguyên lý cơ bản của web cần thiết trước khi học React cho đến các hook React mới nhất. Thông qua hơn 40 dự án thực tế đa dạng và các ví dụ thực hành phong phú, bạn có thể áp dụng lý thuyết ngay vào thực tế và phát triển khả năng giải quyết vấn đề. Ngoài ra, cuốn sách giúp bạn trở thành nhà phát triển ứng dụng React hoàn thiện bằng cách học cùng lúc các công nghệ thiết yếu trong phát triển web hiện đại như Redux Toolkit, Zustand, Firebase.

Chúng tôi sẽ tạo ra một dịch vụ SNS tương tự như Twitter bằng stack React & Next & Redux & Redux-Saga & Express. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi sẽ triển khai lên AWS.

Phát triển ứng dụng cộng đồng dựa trên avatar bằng React Native. Bạn sẽ được học quy trình tạo ra một ứng dụng cộng đồng hoàn chỉnh, không chỉ bao gồm viết bài mà còn có các tính năng như bình luận/phản hồi bình luận, thích, bình chọn và tạo avatar.

Mục tiêu là có được kiến ​​thức cơ bản về React Native để phát triển front-end ứng dụng di động. Khóa học này được thiết kế để giúp những người không phải là chuyên gia dễ dàng phát triển Ứng dụng di động gốc thông qua việc sử dụng ngôn ngữ/API với rào cản gia nhập thấp.

Bạn đã bao giờ có những lo lắng như thế này chưa? Bạn đã học React nhưng không biết nên tạo ra cái gì. Bạn muốn làm portfolio nhưng ngoài ứng dụng Todo ra thì không nghĩ ra được gì khác. Các API bản đồ hay API công cộng trông có vẻ khó nên bạn thậm chí còn chưa dám thử. Bạn chưa từng thử triển khai (deploy) nên dự án luôn chỉ dừng lại ở mức "dự án local". Code ngày càng trở nên phức tạp và bạn không biết phải thiết kế cấu trúc như thế nào. 🎯 Vấn đề mà khóa học này sẽ giải quyết Khóa học này không đơn thuần chỉ dạy bạn cách hiển thị bản đồ. ✔ Cách kết nối API công cộng vào dịch vụ thực tế ✔ Cách thiết kế SDK bản đồ một cách ổn định trong cấu trúc React ✔ Tối ưu hóa Marker và cấu trúc tái sử dụng InfoWindow ✔ Thiết kế quản lý trạng thái bằng Context ✔ Ứng dụng thực tiễn Tailwind + SCSS ✔ Sắp xếp GitHub và triển khai lên Vercel Tôi sẽ hướng dẫn bạn cách thiết kế theo cấu trúc dịch vụ thực tế chứ không chỉ là "triển khai tính năng". 💡 Đây không phải là khóa học chỉ để gõ theo một cách máy móc Tại sao lại dùng useRef? Tại sao không được tạo mới Marker mỗi lần? Tại sao phải tách biệt các trạng thái (state)? Tại sao phải quản lý biến môi trường riêng biệt trong môi trường triển khai? Mọi lựa chọn đều có lý do của nó. Khóa học này sẽ giải thích những "lý do" đó. 🚀 Sau khi học xong, bạn sẽ đạt được: Hoàn thành 1 dự án portfolio dựa trên bản đồ Có kinh nghiệm kết nối API công cộng Hiểu cấu trúc gắn các SDK bên ngoài vào React Có kinh nghiệm thiết kế cấu trúc dự án kiểu thực tế Sở hữu kinh nghiệm triển khai dự án Và trong buổi phỏng vấn, bạn có thể tự tin nói rằng: “Tôi đã trực tiếp thiết kế và triển khai dịch vụ bản đồ dựa trên API công cộng.” Chỉ một câu nói này thôi cũng tạo nên sự khác biệt lớn. 👩‍💻 Khuyên dùng cho những đối tượng sau: Những người đã biết cú pháp React cơ bản nhưng thiếu kinh nghiệm làm dự án Những người muốn tạo portfolio để xin việc Những người muốn thử làm dự án về Bản đồ/API công cộng Những người muốn học cách thiết kế gần với thực tế công việc 🔥 Mục tiêu của khóa học này Khóa học này không phải là học "cách tạo bản đồ", mà là học "tư duy thiết kế một dịch vụ".

Khóa học đầy đủ nhất mà ngay cả người mới bắt đầu cũng có thể học được, bao gồm web, máy chủ, ứng dụng di động và học máy!! Nếu bạn không biết nên bắt đầu phát triển từ đâu, tôi thực sự khuyên bạn nên tham gia khóa học này. Chúng ta hãy tiến hành chỉ với Javascript!

Bạn có thể tìm hiểu về TypeScript thông qua bài giảng này.

Thời đại mà các nhà phát triển web (đặc biệt là các nhà phát triển React) có thể phát hành ứng dụng một cách thực sự dễ dàng đã đến. Với Expo, bạn còn có thể phát hành cả ứng dụng Android và iOS nhanh chóng hơn nữa. Hãy cùng trở thành những nhà phát triển có khả năng phát hành ứng dụng nhanh chóng thông qua Expo.

Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux). Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!

Dịch vụ nhật ký cảm xúc của riêng bạn được tạo bằng SpringAI + React Đây là thời gian cho dự án thứ 4 được thực hiện cùng với Neo + Essential!

Đây là khóa học dành cho những người mới bắt đầu với TypeScript. Chương trình giảng dạy được thiết kế để ngay cả những người không biết cú pháp JavaScript hiện đại cũng có thể học một cách dễ dàng. Chúng ta sẽ cùng nhau học TypeScript - vốn có vẻ khó khăn - một cách dễ hiểu và thú vị từ góc độ người mới bắt đầu 😄

Nếu bạn là một React developer, chắc hẳn bạn đã từng vật lộn với useMemo, useCallback và tự hỏi "Liệu có thực sự cần phải làm thủ công như này không?". Cuối cùng, React Compiler đã xuất hiện để giải quyết nỗi lo đó. Tuy nhiên, mỗi khi có công nghệ mới ra đời, việc đọc kỹ toàn bộ tài liệu chính thức từ đầu đến cuối là một gánh nặng không nhỏ. Vì vậy, tôi đã phân tích kỹ lưỡng tài liệu chính thức của React Compiler và chuẩn bị một khóa học chỉ tập trung vào những điểm cốt lõi, dễ hiểu nhất. Trong khóa học này, chúng ta sẽ tìm hiểu: - Why: Tại sao React Compiler ra đời, điểm khác biệt so với cách tiếp cận truyền thống là gì - How: Cách cài đặt và cấu hình để áp dụng ngay vào dự án - Troubleshooting: Những lưu ý quan trọng từ tài liệu chính thức và mẹo xử lý lỗi Giờ đây, hãy thoát khỏi nỗi đau của việc memoization thủ công và chỉ tập trung vào business logic. Khóa học này sẽ nâng cấp trải nghiệm phát triển React của bạn lên một tầm cao mới.

Trong thời đại AI, nhà phát triển web không chỉ cần biết lập trình mà còn phải có khả năng sử dụng AI để biến ý tưởng thành sản phẩm thực tế. Hãy trải nghiệm toàn bộ quy trình từ thiết kế UI bằng Stitch và Figma Make đến triển khai bằng React và đưa sản phẩm lên môi trường thực tế, qua đó phát triển năng lực xây dựng web với AI có thể áp dụng vào công việc thực tế và portfolio.

Ngay cả trong thời đại AI, nhà phát triển vẫn cần khả năng hiểu mã nguồn và hoàn thiện các dịch vụ thực tế. Hãy xây dựng năng lực phát triển web thực tiễn bằng cách tự mình triển khai mọi thứ, từ đăng nhập, quản lý dữ liệu, tải hình ảnh lên đến triển khai ứng dụng, sử dụng React và Firebase trên nền tảng kiến thức cơ bản về HTML/CSS/JavaScript.

Đây là nội dung nhiệm vụ dành cho dự án phát triển. Chúng tôi cung cấp tài liệu kế hoạch PRD, thiết kế Figma và các điểm cuối API (API endpoints) để bạn có thể thực hành dự án bằng cách tự mình triển khai ứng dụng hẹn giờ có tên là DevTime. Hãy biến những kiến thức đã học thành của riêng mình một cách hoàn hảo thông qua việc thực hiện một dự án có cấp độ tương đương với dịch vụ thực tế nhé 🚀

"Tại sao AI lại viết đoạn mã này?", "Tại sao nó không nhớ những gì vừa nói?" Sự ức chế mà bạn gặp phải khi sử dụng các công cụ AI như Claude Code bắt nguồn từ việc không hiểu cách chúng vận hành. Khóa học này sẽ mở toang "chiếc hộp đen" đó một cách minh bạch. Xuyên suốt 25 bài giảng, chúng ta sẽ trực tiếp gắn cho LLM "đôi mắt" để xem tệp (Read), "đôi tay" để sửa mã (Edit) và "đôi chân" để thực thi lệnh (Bash), từ đó xây dựng nên một Coding Agent của riêng bạn hoạt động y hệt như các công cụ thực tế trong công việc từ con số không. Đây không đơn thuần là học cách sử dụng thư viện. Bạn sẽ trực tiếp lập trình để hiểu cách AI nắm bắt cấu trúc dự án, tại sao nó mất trí nhớ trong các cuộc hội thoại dài và cách giải quyết vấn đề đó về mặt kỹ thuật (Sliding Window, Summary). Thông qua quá trình này, bạn sẽ từ một "người dùng" công cụ AI đơn thuần trở thành một người có tầm nhìn của "nhà cung cấp AI" – người thấu hiểu nguyên lý vận hành, có thể tùy chỉnh và đánh giá công cụ theo ý muốn của mình.

JavaScript, TypeScript Tiếp theo là phát triển backend! Bạn sẽ có thể phát triển backend API REST bằng NestJS, phát triển và triển khai Socket IO.