Giới thiệu
hocvietcode.com là website chia sẻ và cập nhật tin tức công nghệ, chia sẻ kiến thức, kỹ năng. Chúng tôi rất cảm ơn và mong muốn nhận được nhiều phản hồi để có thể phục vụ quý bạn đọc tốt hơn !
Liên hệ quảng cáo: trienkhaiweb@gmail.com
Event trong Component
Đầu tiên, khi làm việc với Angular, chúng ta cần tạo ra các component để hiển thị dữ liệu. Ví dụ, chúng ta muốn có hai component là Author List Component (danh sách tác giả) và Author Detail Component (chi tiết tác giả). Để tạo chúng, chúng ta có thể sử dụng lệnh sau: Author […]
Truyền dữ liệu giữa các Component
Chúng ta cần tạo một component mà nó có thể nhận vào các properties. Chúng ta sẽ dùng lệnh để generate 1 component tên là progress-bar như đã học ở bài trước đó. Đoạn mã dưới đây sẽ giúp bạn tạo ra một component: Như vậy, chúng ta đã có một component để bắt đầu. […]
Binding trong Angular
Trong Angular, khi cần thay đổi các class của một phần tử dựa trên một điều kiện nào đó, chúng ta sử dụng class binding. Điều này cho phép chúng ta thêm hoặc xóa các class dựa trên giá trị của một biểu thức. Ví dụ, nếu muốn thêm class tab-active khi một tab được […]
Cấu trúc NgFor trong Angular
NgForOf (hay NgFor) trong Angular giúp hiển thị danh sách các phần tử từ một mảng ra ngoài template một cách dễ dàng. Cấu trúc của NgForOf giống với cú pháp của vòng lặp for...of trong TypeScript. Giả sử chúng ta có một danh sách các tác giả của các cuốn sách trong một ứng […]
Cấu trúc if-else trong Angular
Để hiển thị một phần view (template) dựa trên một điều kiện, chúng ta sử dụng directive *ngIf trong Angular. Cú pháp *ngIf="expression" giúp chúng ta kiểm soát việc hiển thị hoặc ẩn một phần của template tùy thuộc vào giá trị của biểu thức expression. Dưới đây là ví dụ mô tả cách sử […]
Data Binding trong Angular
Data Binding trong Angular là khả năng liên kết dữ liệu giữa thành phần TypeScript (TS) và template để hiển thị thông tin cho người dùng. Trong Angular, một component được tạo ra từ một class TypeScript và đi kèm với một decorator để định nghĩa template. Có nhiều cách để hiển thị dữ liệu […]
Tìm hiểu Angular App: Tạo Component Mới
Bắt đầu khám phá Angular App từ dự án được tạo bởi Angular CLI, bạn sẽ được dẫn đến một thế giới gồm nhiều file và thư mục. Vậy, ứng dụng của bạn bắt đầu từ đâu? Đầu tiên, điểm khởi đầu là thư mục “src”, nơi bạn có thể tìm thấy tập tin “index.html”. […]
Giới thiệu tổng quan về ES6
JavaScript ES6 (còn được gọi là ECMAScript 2015 hoặc ECMAScript 6) là phiên bản JavaScript mới hơn được giới thiệu vào năm 2015. ECMAScript là tiêu chuẩn mà ngôn ngữ lập trình JavaScript sử dụng. ECMAScript cung cấp đặc điểm kỹ thuật về cách thức hoạt động của ngôn ngữ lập trình JavaScript. Ở bài dưới đây, chúng ta sẽ cùng tìm hiểu một số khái niệm tổng […]
Định tuyến trong ứng dụng React với React Router
Trong React, bộ định tuyến (Routers) giúp tạo và điều hướng giữa các URL khác nhau để xử lý logic khi người dùng muốn truy cập các module khác nhau trên ứng dụng web của bạn. Chúng cho phép người dùng di chuyển giữa các thành phần của ứng dụng trong khi vẫn duy trì […]
Giới thiệu Redux và quản lý state với Redux trong React
Redux là một thư viện phổ biến cho các ứng dụng JavaScript và React . Nó tuân theo một nguyên tắc trung tâm rằng ràng buộc dữ liệu phải chảy theo một hướng và phải được lưu trữ như một nguồn tin cậy duy nhất. Redux đã trở nên phổ biến vì sự đơn giản của ý tưởng thiết kế và việc […]
Gọi API trong React với useEffect Hook
Call API trong React, sử dụng useEffect Hook để call API và giới thiệu useRef Hook trong React
Xử lý tải dữ liệu bất đồng bộ (Async Data Loading), lazyload trong React
Tải dữ liệu bất đồng bộ trong React, giới thiệu về asynchornous data loading trong React và lazyload trong React
Xử lý Form (biểu mẫu) trong React
Giới thiệu về cách xử lý form, gửi form và tương tác với form trong React, giải thích về uncontrolled component và controlled component trong React
Xử lý các sự kiện trong DOM và Window bằng React
Xử lý sự kiện (Event handling) trong DOm và làm việc với đối tượng window với ReactJS
Debug (gỡ lỗi) React component thông qua React Developer Tools
Debug trong React thông qua React Developer Tools, giới thiệu về memorization và memo trong React
khái niệm React Context và chia sẻ state qua các component với React Context
Giới thiệu khái niệm React Context và hướng dẫn cách chia sẻ state của ứng dụng thông qua React Context
Cách quản lý state(trạng thái) bằng Hooks trên React Component
Quản lý state bằng Hook trên React Component, cách phát triển component functional và giới thiệu hook useState, useReducer trong React
React strict mode (chế độ phát triển) trong React
Giới thijệuvề React Strict mode (chế độ phát triển) và giải quyết vấn đề gọi lại 2 lần của các Reducer trong ReactJS
Quản lý state (trạng thái) trong React Class Component
Quản lý state (trạng thái) trong React Class Component thông qua ví dụ làm tính năng hiển thị sản phẩm và giỏ hàng trong ReactJS
Hướng dẫn định kiểu (style) cho React Component
Hướng dẫn định kiểu cho React Component thông qua CSS tiêu chuẩn, object styles và giới thiệu thư viện JSS
