React là gì mà hiện nay đâu đâu các Công ty cũng tuyển vị trí lập trình viên React, bao gồm cả ReactJs và React Native. Lộ trình học thế nào để trở thành 1 lập trình viên React và có thể apply các vị trí với mức đãi ngộ cao hiện nay? Bài viết này sẽ …
Đọc tiếp React là gì? Lộ trình trở thành lập trình viên React
Danh mục:Frontend
chuyên mục lập trình Web Frontend
Tạo và download file CSV từ data object trong JavaScript
Bài toán đặt ra nếu bạn có 1 object data như dưới đây const data = [ { name: ‘Tom’, id: ‘1234’}, { name: ‘James’, id: ‘3456’}, { name: ‘Jerry’, id: ‘7890’}, { name: ‘Peter’, id: ‘4321’} ]; và bạn muốn tạo 1 file .csv đơn giản, download về bằng JavaScript ngay trên trình duyệt …
Đọc tiếp Tạo và download file CSV từ data object trong JavaScript
Automatic Batching – Cải tiến đáng giá trên React 18
Vừa qua ngày 8/3, team React đã giới thiệu React 18 RC (Release Candidate) với 1 số các tính năng mới cập nhật đáng giá. Trong số đó, đáng chú ý là feature mới: Automatic Batching giúp tối ưu hóa cho việc render. Bài viết hôm nay chúng ta cùng đi tìm hiểu về nó …
Đọc tiếp Automatic Batching – Cải tiến đáng giá trên React 18
Khi nào nên sử dụng useMemo và useCallback trong React?
React cung cấp cho chúng ta 2 hooks là useMemo và useCallback, chúng rất hữu ích khi bạn xử lý với những hoạt động phức tạp, tốn nhiều thời gian và tài nguyên của ứng dụng. Nếu trong React component của bạn có chứa những hoạt động tốn tài nguyên (expensive operation), mỗi lần component …
Đọc tiếp Khi nào nên sử dụng useMemo và useCallback trong React?
Cách trình duyệt hiển thị website của bạn
Anh em làm frontend web thường xuyên làm việc với HTML CSS, khi các bạn viết xong code và thực hiện chạy nó trên browsers (trình duyệt), chúng sẽ được xử lý qua 1 chuỗi các bước để xây dựng và hiển thị trang web đó lên. Các bạn có bao giờ lăn tăn xem …
Đọc tiếp Cách trình duyệt hiển thị website của bạn
Cách sử dụng Middleware trong NextJS
Middleware là những đoạn mã trung gian nằm giữa các request và response, nó nhận các request, thi hành các mệnh lệnh tương ứng trên request đó. sau khi hoàn thành nó sẽ response (phản hồi) hoặc chuyển kết quả ủy thác cho 1 Middleware khác trong hàng đợi. Trong NextJS, middle mới chỉ được …
Đọc tiếp Cách sử dụng Middleware trong NextJS
React Redux: Giới thiệu Redux Thunk.
Ở bài viết trước chúng ta đã biết được Redux middleware là gì, và vấn đề gặp phải với lỗi: “Error: Actions must be plain objects. Use custom middleware for async actions” khi chúng ta cần xử lý các action bất đồng bộ như lấy dữ liệu từ API. Link bài viết trước mọi người có thể …
Đọc tiếp React Redux: Giới thiệu Redux Thunk.
Redux Toolkit: Tìm hiểu createSlice
Tiếp theo bài trước, mình sẽ giới thiệu chi tiết hơn các API cơ bản của Redux-Toolkit để chúng ta có thể tạo được 1 flow hoàn chỉnh của Redux. Redux Module Trong Redux, 1 module hoàn chỉnh bao gồm: Store, Actions và Reducer, thông thường các bạn sẽ chia viết từng phần trong các …
Đọc tiếp Redux Toolkit: Tìm hiểu createSlice
NodeJS version manager: Quản lý đa phiên bản NodeJS trên máy tính
Ví dụ bạn có 2 project Node.js là A và B. A chạy version 14 còn B chạy version 16 trong khi 2 version này có một số khác biệt nên không thể dùng chung 1 version cho cả 2 project. Mỗi lần chạy project nào thì bạn gỡ version node.js kia ra và cài …
Đọc tiếp NodeJS version manager: Quản lý đa phiên bản NodeJS trên máy tính
[NextJS + Nx Series] Đọc và hiển thị file MD với NextJS
Trong bài viết trước, chúng ta đã tìm hiểu cách để cài đặt và sử dụng Tailwind với NextJS và Nx workspace. Tiếp tục series, bài viết này sẽ chỉ cho chúng ta cách đọc files từ hệ thống, parse Markdown và render sang HTML. Đấy cũng là cách mà Nx giúp chúng ta tạo …
Đọc tiếp [NextJS + Nx Series] Đọc và hiển thị file MD với NextJS