Next.js 2022 (Phần 3): Pre-rendering and Data Fetching (Static Generation)

Ayyo, What’s up man!! Chào các bạn, chúng ta lại trở lại với chủ đề tiếp theo trong Series Next.js này đó là Pre-rendering và Data Fetching trong Next.js, và trong bài đầu của phần Pre-rendering và Data Fetching, chúng ta sẽ tìm hiểu chi tiết về Static Generation. 1. Pre-rendering là gì? Pre-rendering: Next.js......

React.js – Những Câu Hỏi Phỏng Vấn Thường Gặp – Phần 3

Xem thêm về chuỗi bài viết về React.js – Những Câu Hỏi Phỏng Vấn Thường Gặp. Từ phần này, mình sẽ giảm số câu hỏi mỗi phần xuống 10 câu thay vì 15 để các bạn dễ theo dõi và ghi nhớ kiến thức nhé. 1. Làm thể nào để kiểm tra props trong React?......

React.js – Những Câu Hỏi Phỏng Vấn Thường Gặp – Phần 2

Xem thêm về chuỗi bài viết về React.js – Những Câu Hỏi Phỏng Vấn Thường Gặp. 1. Ưu điểm của việc dùng Fragment so với thẻ div? Với việc sủ dụng thẻ Fragment, ta có những ưu điểm sau: Fragment nhanh hơn và chiếm ít bộ nhớ hơn nhờ việc không tạo một phần tử......

Next.js 2022 (Phần 2): Routing trong Next.js

Ayyo, What’s up man!! Chào các bạn, chúng ta lại trở lại với chủ đề tiếp theo trong Series Next.js này đó là Routing. Routing chính là việc chúng ta tạo ra các đường dẫn đến các trang khác nhau trong website của chúng ta, hay là chuyển trang qua lại trong 1 trang web.......

Next.js 2022: Đã lỡ yêu React rồi ngại gì yêu thêm Next

Hi Guys Có lẽ đây là bài viết đầu tiên của mình trên Viblo, mình cũng suy nghĩ khá nhiều không biết nên chọn chủ đề gì để viết vừa mới mẻ mà vừa để bản thân mình cũng có thể học được cái mới, và mình cũng có thể dễ tiếp cận từ base......

ReactJS – Context API, Prop-drilling là gì

Xin chào mọi nguời, ngày hôm nay mình lại tiếp tục với loạt bài React.js. Ngày hôm nay mình xin giới thiệu một công cụ rất hữu dụng của React.JS là Context. Với React để giải quyết một vấn đề chúng ta có thể sử dụng nhiều công cụ khác nhau. Đấy là điều rất......

React.js – Những Câu Hỏi Phỏng Vấn Thường Gặp – Phần 1

Xem thêm về chuỗi bài viết về React.js – Những Câu Hỏi Phỏng Vấn Thường Gặp. 1. React là gì? React.js là một thư viện JavaScript mã nguồn mở được phát triền bởi Facebook vào năm 2011. Nó được xây dựng dựa trên nguyên lý Component-based Approach, để có thể dễ dàng tái sử dụng,......

Material UI in ReactJs – Xây dựng giao diện dễ dàng hơn

Như tiêu đề, mà cũng không cần phải giới thiệu đâu nhỉ. Bộ giao diện MaterialUI chắc hẳn không còn xa lạ gì đối với lập trình viên FrontEnd hay kể cả trên mobile nữa rồi. Ngày hôm nay mình sẽ đi vào một số những tính năng cơ bản trong bộ giao diện này......

ReactJS – Sử dụng google map api với ReactJS

Chào mọi người , mình là Hiếu đây. Rất vui được quay lại để viết tiếp một bài viết về ReactJs với chủ đề tích hợp api google map vào reactjs. Ngay và luôn chúng ta cùng đi vào bài viết nào. 1. Mở đầu: Chắc hẳn các bạn đã từng nhìn thấy những bản......

Lập trình ứng dụng chat Real-Time với React.js, Node.js và socket.io

Chào mọi người, cũng đã vài tuần không viết về react. Hôm nay mình sẽ quay lại với một bài đơn giản với một chức năng rất quen thuộc đối với chúng ta. Đấy là chức năng chat real-time, nghe thì có vẻ khó nhưng chỉ cần vài bước đơn giản là bạn có thể......

Các phương pháp tránh hiển thị lại các component dùng chung trong Nextjs ( Part cuối )

Đặt vấn đề Nếu các bạn chưa xem các phần trước, hãy xem tại đây: Part 1 Part 2 Ở bài trước, ta đã tìm ra cách giải quyết việc hiển thị lại các component dùng chung trong Nextjs bằng cách để các page tự xử lý, nhưng vẫn tồn tại điểm yếu rằng các......

Các phương pháp tránh hiển thị lại các component dùng chung trong Nextjs ( Part 2 )

Đặt vấn đề Ở bài trước, ta đã tìm ra cách giải quyết việc hiển thị lại các component dùng chung trong Nextjs, nhưng vẫn tồn tại điểm yếu rằng các component luôn được chia sẻ cho mọi page, do đó ta sẽ xem xét đến cách khác giải quyết vấn đề này. Ở bài......

Các phương pháp tránh hiển thị lại các component dùng chung trong Nextjs ( Part 1 )

Đặt vấn đề Trong Nextjs ta biết rằng khi ta di chuyển các page bằng cách nhấp vào một liên kết, Nextjs sẽ hiển thị lại toàn bộ giao diện người dùng bằng các xóa bỏ toàn bộ page cũ và thay vào đó 1 page mới. Điều này đặt ra một vấn đề, nếu......

NextJS – Đa ngôn ngữ không cần thư viện ngoài.

1. Mở đầu Chào mọi người, chắc hẳn với thời kì thế giới phẳng như hiện tại thì việc tiếp cận sản phẩm đến các quốc gia khác nhau đấy là một điều tất yếu. Và mỗi trang web lớn đều hướng tới mục tiêu toàn cầu. Và một trong những điều kiện cơ bản......

Redux Main Concept

Xin chào các bạn, cũng khá lâu rồi mới quay lại với series React JS của mình. Ngày hôm nay mình sẽ chia sẻ về Redux. Một công cụ giúp chúng ta quản lý state trong ứng dụng của mình. (Redux không chỉ sử dụng với ReactJS đâu nhé mà có thể sử dụng với......

Xây dựng Hook trong React JS (React Custom Hook)

Bài viết này sẽ hướng dẫn cách để tự tay đi xây dựng một hooks - custom hooks trong React JS.

...

Tạo ứng dụng ghi chú với ReactJS và Redux

Trong bài viết này mình sẽ hướng dẫn xây dựng một ứng dụng ghi chú đơn giản sử dụng ReactJS và Redux. Đây cũng là một project nhỏ giúp làm quen với Redux.

...

Cách đẩy ứng dụng ReactJS lên Heroku và Deploy trên đó

Trong bài này mình sẽ hướng dẫn cách đẩy ứng dụng ReactJS lên Heroku, cài đặt thêm các phần mềm cần thiết trước khi đẩy ứng dụng lên Heroky.

...

Tích hợp Redux vào ReactJS

Trong bài viết này chúng ta sẽ cùng nhau đi tìm hiểu về cách tích hợp Redux vào trong một dự án ReactJS.

...

Tạo máy tính đơn giản bằng ReactJS

Trong bài này ta sẽ xây dựng một ứng dụng máy tính đơn giản bằng ReactJS.

...