Tag basic reactjs
Tìm kiếm bài viết trong Tag basic reactjs
Làm sao để integrate component React vào Solid JS (với Typescript) (phần 2)
Ở phần 1, mình render component React ở trong một ứng dụng dùng Solid JS. Mình sẽ chia làm 2 vấn đề nhỏ hơn:. . Chuyển data từ component React lên app Solid JS chính.
0 0 4
Toàn Tập Về Các Loại State Trong React
Trong React, state là một khái niệm quan trọng giúp bạn theo dõi và quản lý dữ liệu thay đổi theo thời gian trong ứng dụng. Tuy nhiên, không phải tất cả state đều giống nhau.
0 0 5
So sánh Function Component và Class Component trong React
Khi làm việc với React – một thư viện JavaScript dùng để xây dựng giao diện người dùng – bạn sẽ thường xuyên gặp hai kiểu component chính: Function Component và Class Component. Mỗi loại có cách viết
0 0 4
Làm sao để integrate component React vào Solid JS (với Typescript) (phần 1)
Mình rất thích Solid, nhưng... Solid thật tuyệt vời, nếu bạn đã từng code React rồi thì Solid không những dễ dàng và quen thuộc, mà còn vừa chạy rất nhanh. Tuy nhiên mình không thể rời bỏ React ecosys
0 0 8
Từ Zero đến Principal Frontend Engineer (P8: Advanced State Management - Khi Redux Là Không Đủ)
Khi bạn giữ vai trò cố vấn cũng như đầu tàu về các quyết định về phía Frontend, state management không còn là việc chọn thư viện nào ngon nhất, mà là đưa ra quyết định kiến trúc phù hợp với bài toán k
0 0 6
Xác thực Form trong React dễ dàng với Yup Và Formik
Trong quá trình phát triển ứng dụng React, việc xác thực dữ liệu đầu vào là một bước quan trọng để đảm bảo tính toàn vẹn và độ tin cậy của thông tin người dùng nhập vào. Thư viện Yup cung cấp một cách
0 0 7
Khởi tạo dự án ReactJS: Cấu trúc chuẩn, dễ bảo trì, mở rộng
Mở đầu. Việc xây dựng một base project chuẩn cho ReactJS + TypeScript ngay từ đầu sẽ giúp tiết kiệm thời gian, đồng bộ code, và dễ dàng mở rộng dự án về sau.
0 0 6
Tối Ưu State & Quản Lý Đơn Giản Trong React
Trong React, state là nơi lưu trữ dữ liệu giúp giao diện hiển thị đúng theo từng tình huống. Nhưng nếu quản lý không tốt, ứng dụng sẽ bị chậm, khó bảo trì, và render lại nhiều lần không cần thiết.
0 0 6
useSyncExternalStore – Hook bị đánh giá thấp của React
Bạn có thể đã nghe về useSyncExternalStore() chưa, đây là một hook mới trong React 18 để đăng ký theo dõi các nguồn dữ liệu bên ngoài. Nó thường được sử dụng nội bộ bởi các thư viện quản lý trạng thái
0 0 7
React Router từ cơ bản đến nâng cao (v6+) Phần 1
Routing là gì. Routing đề cập đến quá trình điều hướng giữa các trang hoặc giao diện khác nhau trong một ứng dụng một trang (SPA) mà không cần tải lại toàn bộ trang.
0 0 7
React Router từ cơ bản đến nâng cao (v6+) Phần 2
Ở phần 1 chúng ta đã nói về một số điều cơ bản của React Router, trong bài viết này chúng ta sẽ đi đến những hướng dẫn nâng cao hơn nhé. . Dynamic Routes. .
0 0 8
Công cụ React Query: Các hook tái sử dụng, an toàn kiểu dữ liệu với Axios và FSD.
Trong thế giới phát triển frontend hiện đại, tối ưu hóa việc xử lý dữ liệu là chìa khóa để tạo ra các ứng dụng phản hồi nhanh và có thể mở rộng. Việc sử dụng các thư viện cho các yêu cầu bất đồng bộ,
0 0 7
React Query: Quản lý cache data dễ dàng hơn bao giờ hết
React-Query. React-query thường được sử dụng để quản lý, lưu trữ các dữ liệu được truy vấn từ server một cách hiệu quả.
0 0 6
Làm Sao Để React Nhanh Hơn? 7 Mẹo Dễ Áp Dụng
React là một thư viện mạnh mẽ cho việc xây dựng giao diện người dùng. Tuy nhiên, nếu không tối ưu đúng cách, ứng dụng React có thể trở nên chậm chạp, đặc biệt khi ứng dụng lớn dần lên.
0 0 5
Lấy giá trị state trước đó trong React như thế nào cho đúng và tránh lỗi
Trong React, state là bất đồng bộ (asynchronous). Điều này có nghĩa là bạn không nên dựa vào giá trị hiện tại của state nếu bạn muốn cập nhật nó dựa trên giá trị trước đó.
0 0 10
Event Handling – Xử Lý Sự Kiện Cơ Bản trong React
Khi xây dựng các ứng dụng web tương tác, việc xử lý sự kiện (event handling) là điều không thể thiếu. Trong React – thư viện JavaScript phổ biến để xây dựng giao diện người dùng, xử lý sự kiện được th
0 0 9
Arrow Function trong JavaScript
Arrow function (hàm mũi tên) là một cách khai báo hàm ngắn gọn hơn so với phương thức khai báo hàm truyền thống trong JavaScript. Nó được giới thiệu từ ECMAScript 6 (ES6) và là một tính năng rất phổ b
0 0 8
React là gì? SPA là gì?
React và kiến trúc SPA (Single Page Application) là hai khái niệm quan trọng trong phát triển web ngày nay và chúng thường đi cùng nhau. Bài viết này sẽ giúp bạn hiểu React là gì, SPA là gì, cách chún
0 0 7
JSX là gì? Tại sao nó quan trọng trong React?
Khi bắt đầu học React, bạn sẽ gặp ngay một thứ trông như HTML trong JavaScript. Đó chính là JSX – một cú pháp đặc biệt được thiết kế để mô tả giao diện người dùng trong React.
0 0 8
React Lifecycle & Hooks Cơ Bản
React cung cấp các phương thức lifecycle và hooks để quản lý các giai đoạn khác nhau trong vòng đời của component. Việc hiểu rõ các phương thức này giúp bạn có thể tối ưu hóa ứng dụng React của mình.
0 0 11