Tag basic reactjs
Tìm kiếm bài viết trong Tag basic reactjs
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 0
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 0
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 1
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 2
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 3
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 1
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 1
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 0
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 1
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 7
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 3
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 3
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 2
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 2
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 6
How to Build Efficient AI-Driven Interfaces with Ant Design X: 0 to 1
❓What is Ant Design X. Ant Design X integrates smart conversational components and API services, with a rich selection of components and templates, and provides full TypeScript support for comprehensi
0 0 0
Render Hierarchy Data Table in ReactJS
To render each subordinate on a new row when the parent row is expanded, we can use the expandedRowRender function to create a sub-table that places each child in its own row. This way, each subordina
0 0 6
Tinymce - thư viện TextEditor so “powerful”, bản free rất cháy và dễ cài đặt
TinyMCE là một trong những thư viện TextEditor mạnh mẽ và phổ biến nhất hiện nay, đặc biệt trong các ứng dụng web. Đối tượng sử dụng ở đây là những dev muốn dùng hàng free, dễ install và config.
0 0 7
React Query - Stack chất lượng với Frontend DEV
Lướt qua 1 số trang tuyển dụng thì mình có đọc được 1 số thông tin tuyển dụng yêu cầu kinh nghiệm về react-query. React Query là gì.
0 0 11
Tối Giản Code JavaScript Với ES6: Các Thủ Thuật Không Thể Bỏ Qua
. Trong hệ sinh thái JavaScript thay đổi liên tục, việc thiết kế code đơn giản và hiệu quả ngày càng quan trọng. Sự ra đời của ES6 đã giới thiệu một loạt các tính năng mới giúp đơn giản hóa và tối ưu
0 0 12
Refactoring Code: Làm Thế Nào Để Tối Ưu Mã Nguồn Mà Không Gây Ra Thảm Họa?
. Là một lập trình viên, Một trong những tình huống phổ biến mình thường gặp là có nhiều người rất tin rằng mã nguồn hiện tại cần phải được refactor lại mạnh mẽ. Tuy nhiên, thực tế cho thấy, hầu hết n
0 0 19