Nguyen Huy Cuong

Express tốt cho người mới bắt đầu, xây dựng web server đơn giản, hoặc dành cho các pro thích build mọi thứ từ đầu. NestJS thì base trên Express, xây dựng 1 framework BE hoàn chỉnh, support gần như đầy đủ mọi thứ mà chúng ta cần theo một kiến trúc nhất định. Vì vậy mình nghĩ nên thử cả 2 và cảm nhận thôi, cả 2 tool đều xịn cả.

các thư viện modal nói chung đều sử dụng React Portal để render modal outside component, muốn style thì phải truyền style dạng global là oke nhé, còn cụ thể thì có nhiều cách

bạn thử đọc lại phần này nhé, về cơ bản thì chạy prod cũng phải trỏ tới file server.js này, và config hàm next nhé, set dev = false thì sẽ chạy ở mode prod nhá, env nó ko nhận thì bạn dùng thử cross-env xem sao https://nextjs.org/docs/advanced-features/custom-server

const next = require('next')
const app = next({ dev: process.env.NODE_ENV !== 'production' })

• SSR bằng nextjs đại khái là content của 1 trang được render lần đầu ở phía server (khác với client side render thông thường)
• hiểu nôm na là khi e nhập url /home => enter, toàn bộ data phục vụ việc load lần đầu tiên trang Home sẽ được fetch ở hàm getServerSideProps => render HomePageComponent ở phía server => trả về cho client 1 trang html hoàn chỉnh
• Khi về client rồi thì HomePageComponent và các component con bên trong hoạt động như component thông thường (được khởi tạo state, có lifecycle...) => tại sao e cần fetch data trong component con, có thể ví dụ được hem ???, câu trả lời có thể là e fetch hết trong hàm getServerSideProps của component HomePageComponent rồi pass xuống con như props nhé.

nhiều cái khó lắm, chẳng biết kể cái nào trước, thôi bạn cứ vào đây làm hết cái roadmap này đi là biết cái gì khó ngay https://roadmap.sh/frontend

bạn mô tả rõ hơn xíu được không :v

Roadmap này khá nổi tiếng nè: https://www.theodinproject.com/tracks/full-stack-javascript

mình nghĩ là
<input id="no#1" onclick="handleClick()" />
<input id="no#2" onclick="handleClick()" />

bạn có thể thêm một useEffect khác nhé useEffect(() => { window.addEventListener("scroll", handleScroll); }); Nhìn chung là bạn mới học chưa hiểu flow lắm phải không?

Thư viện này 2 năm không có update gì rồi, bạn nên dùng thằng khác, mà sao app React lại dùng cả jQuery thế kia :v dễ toang lắm đó.

về lý do bảo mật nên sẽ không lấy được đâu nhé, link stackoverflow thì mình quên mất rồi cơ mà bạn hiểu thế này: giả sử bản có một cây thư mục: user/data/giaitri/hinhanh/anchoi/img.jpg, JS đc phép truy cập những thông tin thế này thì có thể lộ cách bạn tổ chức data trong máy cá nhân luôn đó.

trong sandbox của bạn thì 2 component đang ko có liên hệ gì, về lý thuyết là không thể nhé, tuy nhiên mình giả sử bạn sẽ render 2 component PostForm và PostList trong component App thì sẽ giải quyết như sau:

• Như mình nói thì 2 Component sẽ cần có mối liên hệ, ở đây 2 component đều được render trong component App, thì đó chính là mối liên hệ, function getPostList thay vì đặt trong component PostList thì đặt ở trong component App, và truyền function đó xuống cả 2 component PostForm và PostList (data nhận được là postList cũng truyền xuống component PostList dưới dạng props) --> đây là flow hoạt động của component trong React, khi 2 component cần giao tiếp với nhau, thì chúng giao tiếp thông qua Component chung (component cha hoặc lớn hơn cha như ông, cụ,... :v )
• khi app lớn lên việc quản lý sẽ khó hơn nên bạn sẽ nên biết thêm các công cụ quản lý state như redux hay mobx hoặc dùng Context API của React (cái này thì khó dùng hơn 2 thằng kia nhưng ko cần cài thêm lib), cho phép bạn gọi trực tiếp function mà không cần truyền props qua nhiều lớp component. Anw, với bài toán hiện tại của bạn thì cứ làm như trên để hiểu đã nhé.

lỗi sai đường dẫn kìa, xoá chỗ nào import index.css và đổi config chỗ HtmlWebpackPlugin thành thế này xem { template: './src/index.html' }

chuyển từ jquery sang React đòi hỏi bạn đổi hoàn toàn mindset, bạn chắc mới học React thì mình khuyên bạn hãy quên jquery và chỉ quan tâm đến state, props và component, vào docs React, phần main concept cày hết ví dụ trong đó trước.

Giải đáp xong câu hỏi này là master reactjs luôn rồi đó bạn