Vấn đề debug: Talk is cheap, Show me the number
Sir Linus Torvalds có câu nói kinh điển "Talk is cheap, show me the code", thì trong bối cảnh phát t...
Thiết Kế Database Cho Hệ Thống Comment Đa Cấp (Thread): 4 Phương án cho "Ancestry"
Bạn đã bao giờ tự hỏi làm thế nào Reddit, Hacker News hay Facebook xử lý hàng nghìn bình luận trong ...
[Case Study] Khi BNB Chain "tăng tốc", hệ thống Noti của mình... "thở oxy".
Anh em làm Blockchain dev chắc không lạ gì cảnh: Code chạy ngon lành cành đào cả năm trời, bỗng một ...
TanStack – ngôi sao mới nổi, kẻ thách thức Next.js
Trong vài năm qua, Next.js gần như trở thành “chuẩn” cho các ứng dụng React fullstack. Với hệ sinh t...
[Tapi ký sự] Deploy UI + API in one click
Trong bối cảnh hầu hết developer quen với backend kiểu “app chạy liên tục” (Express/Nest/Fastify…), ...
[Backend] Chia sẻ State giữa nhiều Instances
Khi mới bắt đầu làm một sản phẩm, chúng ta thường chỉ deploy nó trên một server duy nhất. Mọi thứ đề...
Tôi Đã Chuyển Từ Postman Sang Hoppscotch
Với tư cách là một nhà phát triển, việc tìm kiếm công cụ phù hợp có thể tạo ra hoặc phá vỡ quy trình...
Hello Lambda: Serverless first step
Nếu bạn đã từng mệt mỏi với việc phải quản lý server, lo lắng về scaling, hay đơn giản là muốn tập t...
[Note] Code api bằng nodejs
Express Thủ công mỹ nghệ Đơn giản dễ dùng, không có gì, tất cả phải làm từ đầu, tùy chỉnh cao Tương ...
Agile - Khám phá phương pháp quản lý dự án linh hoạt
Chào mọi người, Hôm nay, mình muốn giới thiệu với các bạn về một phương pháp quản lý dự án đang trở ...
Astro 3.0: Tóm tắt cập nhật
Astro Astro 3.0 đã ra mắt, mang đến những tính năng mới hấp dẫn sẽ đổi mới việc phát triển web. Tro...
React-Query là gì và cách sử dụng React-Query
Giới thiệu: React-Query (Tanstack) là gì và tại sao nó quan trọng trong phát triển ứng dụng React re...
Có gì mới trong Astro 2.0
Astro 2.0 là một bản phát hành lớn của Astro, một framework web được thiết kế để xây dựng các trang ...
ISR - Incremental Static Regeneration trong NextJS
ISR (Incremental Static Regeneration) trong NextJS Ngoài SSR, CSR và SSG còn một cách render nữa mà...
Bun.sh: Một nền tảng mới cho JavaScript nhanh và an toàn
Bun.sh là gì? JavaScript đã trở thành một trong những ngôn ngữ lập trình phổ biến nhất trên thế gi...
So sánh Deno vs Nodejs
Node.js là gì? Node.js là một nền tảng phát triển ứng dụng web server-side được xây dựng trên nền ...
300 Bài code thiếu nhi
LeetCode là một nền tảng trực tuyến cho phép người dùng thực hành giải các vấn đề về coding. Nó đượ...
2h nấu thử món astro + react + tailwind
Lần này mình viết 1 cái ui để hiển thị danh sách và đọc nhanh những tiêu đề của các bài báo, Nguồn...
Tự viết một thư viện frontend dùng virtual dom như react (P2)
Tiếp tục series copy cat, tập này mình cải thiện việc render cho Virtual Dom. Ở trong ví dụ lần trướ...
Tự viết một thư viện frontend dùng virtual dom như react
Hôm nay mình xin giới thiệu một bài viết mới. Mình đã dành cả buổi mày mò làm một thử một cái thư vi...
Cài đặt Vite để dùng trong react
Vite là gì? "Vit" nhé không phải "vai"; ViteJS là một công cụ mã nguồn mở (build tool) cho việc phá...
Regex: cái hàm validate password
Kiểm tra email hay password không phải là điều hiếm gặp, nhất là làm frontend nữa. Dưới đây mình c...
JS: hiểu về copy object để không bị những lỗi ngớ ngẩn
JavaScript object là một cấu trúc dữ liệu mà bao gồm các cặp giá trị khóa-giá trị (key: value). Các ...
CORS: phải chính chủ mới được gọi api
CORS CORS (Cross-Origin Resource Sharing) là một tính năng trên trình duyệt cho phép một tài nguyên ...
Mã hóa, mã hóa bất đối xứng và RSA!
Mã hóa là gì? Mã hóa là một kỹ thuật được sử dụng để chuyển đổi một tin nhắn hoặc dữ liệu thành một...
ChatGPT, A.I trò chuyện như con người
ChatGPT là gì? ChatGPT là một mô hình ngôn ngữ máy được xây dựng bởi OpenAI. Nó là một mô hình ng...
Astro phi hành gia nhỏ bé giữa vũ trụ JS
Astro là gì? Astro framework là một công cụ cho phép bạn xây dựng trang website bằng các framework ...
Giới thiệu về Docker
Docker là gì? Docker là một công cụ để xây dựng, phát triển và chạy các ứng dụng trong môi trườn...
React fetching data with swr
React fetching data Trong React, có nhiều cách để thực hiện việc fetching dữ liệu từ một API. Các c...
Độ ưu tiên trong css
CSS Specificity "CSS Specificity" là một hệ thống xếp hạng xác định những khai báo kiểu nào sẽ được...
Nextjs là gì? Nó có gì hay ho?
Nextjs Bắt đầu với việc xây dựng những web site tuyệt vời bằng những thư viện frontend như React,...
Optimize web lên 100 điểm lighthouse
Một số cách để tối ưu hóa điểm Lighthouse: Giảm thiểu kích thước tài nguyên trên trang của bạn, ...
Deno vs Node: What's the Difference?
Deno vs Node: What's the Difference? In the world of JavaScript runtime environments, there are tw...
Quilljs + Highlightjs trong NextJS
QuillJS là gì? "Quill" là bút lông là một công cụ viết được làm từ lông vũ của một loài chim lớn. ...
Một số platform thay thế cho heroku.
Hi, still Ryan here! Chắc như nhiều bạn đã từng trải nghiệm dịch vụ của Heroku rất là tiện ích, đối...
[React] EventEmitter how to pass parameter without use props or state?
Xin chào các bạn! Mình lại dẫn người bạn Nodejs đến để giới thiệu với các bạn đây. Lần này, chúng ta...
Vài bố cục để chụp hình đẹp hơn!
Cách để căn tỉ lệ khi chụp hình, chỉ cần căn chỉnh lại một chút để có được sự hoàn chỉnh Ng...
What is Atomic CSS?
Giới Thiệu Trang web bạn đang đọc đưa viết bằng Tailwind, một Atomic CSS framework. Vậy bạn đã b...
12 thư viện React không thể “làm ngơ” khi bắt đầu dự án
1. chakra-ui ⭐ GitHub stars: 28k+ https://github.com/chakra-ui/chakra-ui Chakra UI cung cấp cho bạ...
Cách lấy dữ liệu trong query string của URL
Query string là gì? Trong URL, query string thường cung cấp thông tin về yêu cầu, như các tham số c...
Any State , tự viết cho mình một thư viện state management!
Any State https://github.com/vyquocvu/anystate Để hiểu cái state nó gì thì mình quyết viết luôn m...
[Note] vài thư viện Animation đáng chú ý
Some animation libs use for web development! https://www.framer.com/motion/ https://github.com/p...
Cùng tìm hiểu về Reactjs
React là gì? Nếu bạn biết Jquery thì cứ coi React là môt thư viên như Jquery nhưng ra đời để thay...
Charka UI
Một nguồn năng lượng mới cho React Ninja. Rất hay mà rối quá nên cũng không thích dùng lắm. Chakr...
Css image Sprites
Trong quá trình phát triển web site vấn đề performance là một yếu tố rất quan trong, ảnh hưởng nhiều...
Tailwind css: cuốn theo chiều gió!
Với công việc thiết kế và xây dựng website, mỗi lần nhận được design mới câu hỏi đầu tiên trong đầ...
Hello world!
Hi, I am Vy Quốc Vũ (call me Ryan) I am a Fullstack developer from Vietnam 🇻🇳 Work: Web developme...