10nam1loihua
Senior Member
Mấy bạn làm React cho mình hỏi best practices/use case để dùng React Server component trong thực tế là gì vậy? Hóng fen nào đã dùng cho production 
thảo luận Trả lời tất cả những câu hỏi về Front End !!!
- Thread starter JordanPham
- Start date
onthemoon
Senior Member
Em không biết hỏi đây đúng chỗ không, nhưng cách code chỗ vuốt xuống làm slider chạy hết rồi mới xuống tiếp, keyword là gì đây mấy bác?
link ví dụ: OPPO Find N3 Flip - Điện Thoại Gập Thế Hệ Mới Với Nhiều Cải Tiến | OPPO Việt Nam (https://www.oppo.com/vn/smartphones/series-find-n/find-n3-flip/)
link ví dụ: OPPO Find N3 Flip - Điện Thoại Gập Thế Hệ Mới Với Nhiều Cải Tiến | OPPO Việt Nam (https://www.oppo.com/vn/smartphones/series-find-n/find-n3-flip/)
kazimhung559
Senior Member
bạn đã xài nextjs bao h chưa, mặc định nó xài rsc đóMấy bạn làm React cho mình hỏi best practices/use case để dùng React Server component trong thực tế là gì vậy? Hóng fen nào đã dùng cho production
còn làm react thuần client side rendering thì ko cần cố gắng dùng rsc làm gì vì nó vô nghĩa lắm
Big Butt
Senior Member
mn cho mình hỏi chút về Angular với ạ
mình có 1 màn hình cần hiển thị nhiều data, mỗi data lại cần nhiều function tính toán phức tạp để hiển thị, hiện mình đang dùng rxjs để quản lý các state cho việc hiển thị đó, mỗi 1 observable mình để 0.1-1s chạy 1 lần
cách làm của mình có ổn không? có cách nào để tối ưu hơn không? Trong các dự án thực tế thì mọi người xử lý case này như nào?
mình có 1 màn hình cần hiển thị nhiều data, mỗi data lại cần nhiều function tính toán phức tạp để hiển thị, hiện mình đang dùng rxjs để quản lý các state cho việc hiển thị đó, mỗi 1 observable mình để 0.1-1s chạy 1 lần
cách làm của mình có ổn không? có cách nào để tối ưu hơn không? Trong các dự án thực tế thì mọi người xử lý case này như nào?
onthemoon
Senior Member
Bác nào trùm front end chỉ em chỗ này với, muốn làm trước phần slider như thế này.
Còn cái animation web này mướt quá, làm sao để tự code được vậy đây mấy bác
Đa phần animation em gặp thì toàn vuốt xuống là nó hiện lên, rồi sau đó là tĩnh, còn thằng này vuốt ngược lại thì nó sẽ quay ngược animation khá hay
Inormall
Senior Member
gsap horizontal scrollBác nào trùm front end chỉ em chỗ này với, muốn làm trước phần slider như thế này.
Còn cái animation web này mướt quá, làm sao để tự code được vậy đây mấy bác
Đa phần animation em gặp thì toàn vuốt xuống là nó hiện lên, rồi sau đó là tĩnh, còn thằng này vuốt ngược lại thì nó sẽ quay ngược animation khá hay
telbook
Senior Member
trend css scroll driven animation trên twitter thấy đầy màBác nào trùm front end chỉ em chỗ này với, muốn làm trước phần slider như thế này.
Còn cái animation web này mướt quá, làm sao để tự code được vậy đây mấy bác
Đa phần animation em gặp thì toàn vuốt xuống là nó hiện lên, rồi sau đó là tĩnh, còn thằng này vuốt ngược lại thì nó sẽ quay ngược animation khá hay
coder biết khóc
Junior Member
đơn giản là bác quên hết mịa Next 12 trở xuống đi, next 13 file page.jsx trong app/ là root, còn các folder khác bằng cấp với page.jsx sẽ là subpath.Từ React nhảy lên Next 13 nên hơi lấn cấn cái API routes.
Trước em làm project React thì ở component gọi API từ api folder (dùng axios). Giờ đọc docs trên Next nó viết loạn xạ quá em không hiểu nỗi nào là viết api trong Next luôn, nào là dùng fetch không nên dùng axios, nào là SSR,... Mấy bác có kinh nghiệm qua Next thì thông não em trước cái Routing trong NextJs 13 với ạ
Ví dụ url home page "/" là file app/page.jsx,
url của about page là "/about" là app/about/page.jsx
coder biết khóc
Junior Member
trình độ thế nào gọi là middle/senior Front-end v bác ?Bạn nào mới ra trường, đang chuyển nghề, đang có những thắc mắc về Web Development mà không biết hỏi ai?
Hãy hỏi và mình sẽ trả lời
Chung Ly
Senior Member
Thắc mắc của mình là hiện tại bảo mình code màn hình và giao diện web bằng vue và react mình đều làm đc, vậy cơ sở nào để phần biệt dev vú middle và senior nhỉ, xây dựng cấu trúc code thì chắc chắn cả 2 đều biết rồiBạn nào mới ra trường, đang chuyển nghề, đang có những thắc mắc về Web Development mà không biết hỏi ai?
Hãy hỏi và mình sẽ trả lời
onthemoon
Senior Member
thanks 2 bác, em chuyên bên marketing, bị bắt làm web landing page giờ đang lọ mọ ngồi mò... khá là chua
Cho em hỏi thêm nếu nhờ làm web dạng như trang trên thì chi phí đắt không bác?
Bên cạnh đó có web nào chuyên show mấy cái animation đẹp vậy mà có sẵn code để học theo không
Inormall
Senior Member
bác tay ngang muốn nhanh thì chỉ có wordpress là ngon, bác làm web lĩnh vực gìthanks 2 bác, em chuyên bên marketing, bị bắt làm web landing page giờ đang lọ mọ ngồi mò... khá là chua
Cho em hỏi thêm nếu nhờ làm web dạng như trang trên thì chi phí đắt không bác?
Bên cạnh đó có web nào chuyên show mấy cái animation đẹp vậy mà có sẵn code để học theo không
onthemoon
Senior Member
mình đang thử cái ladipage cho nhanh bác, hiện làm cái landing page cho brand bên nội thất thôi...
muốn làm cái landing page đẹp tí để thu hút lúc mới vào, mà cái animation bên tụi ladi hình như hơi ít
Đấng Tối Cao
Member
dùng webflow, framer thử bạn; mấy cái này biết code thì làm nhanh, còn không rõ thì chơi tool cho khỏe
ladi hình như của vn, cùi lắm, không so được với webflow hay framer đâu
onthemoon
Senior Member
dạ thanks bác, bữa em có thử wix thấy cũng ngang ngang ladidùng webflow, framer thử bạn; mấy cái này biết code thì làm nhanh, còn không rõ thì chơi tool cho khỏe
ladi hình như của vn, cùi lắm, không so được với webflow hay framer đâu
ladi của VN đúng rồi bác, theo mình thấy thấy thì cũng k đến nỗi cùi nhưng k thể ngon như 2 thằng bác giới thiệu được, nhưng do mình có acc nên khỏi mua, build xong là xuất HTML luôn. Chủ yếu xài template của nó rồi mày mò kéo thả các kiểu
về code thì em tay ngang, đọc hiểu sơ sơ, toàn hỏi GPT
Hót hay hay hót
Senior Member
Chưa hiểu lắm use case của bạn.
- Tại sao các observable lại phải chạy đi chạy lại cứ mỗi 1s ?
Nếu là làm kiểu auto-refresh data từ server về thì okey còn nếu không thì tại sao lại phải liên tục refresh ? Có cách nào giảm thiểu việc tất cả các observable cứ phải refresh dữ liệu k ?
*Theo nguyên tắc thì data hiển thị không nên xài dạng function call vì nó sẽ bị gọi lại mỗi lần angular detect change => nên xài data ở dạng object.
Big Butt
Senior Member
vì data cần hiển thị thay đổi liên tục nên mình mới làm vậy, trung bình 1s log trả về hàng trăm hàng ngàn data, mình set 0.1-1s để giới hạn cho nó không update UI liên tục
khongcogay
Đã tốn tiền
giả sử data$ là cái mà bạn nói 1s trả về data thì mỗi function tương đương 1 observable mà bạn pipe thêm các function tính toán phức tạp gì đó mà bạn nói từ data$. Lúc nãy bạn chỉ cần dùng trực tiếp những observable đó ở template để hiện thị còn cái data$ bạn muốn nó 1s hay 10s hay mỗi lần user làm gì đó cũng được, tất cả các observable kia chỉ là thêm một số transformation từ observable data$.
omcuasatdat
Senior Member
Chào các thím, sơ sơ qua về background của em thì em có khoảng 2 năm làm BE, 2,5 năm làm FE, làm BE trước, sau nhảy qua làm FE thấy hợp hơn vì thích làm mấy thứ tương tác được, màu mè các thứ trông cool hơn làm BE 
Về quá trình thì em kiểu nhảy vào dự án làm luôn, không đi từ base lên(chắc nhiều thím cũng vậy), làm đến đâu, khó thì mò, cái gì chưa biết thì đọc, để đắp dần vào kiến thức của mình.
Sau khoảng 2.5 năm làm FE(Focus vào Vue) thì em đang bị loay hoay ở đoạn không xác định được rõ ràng lằm về việc mình đang nằm ở level nào, cần làm gì để upgrade thêm kỹ năng.
Việc build 1 dự án từ đầu, triển khai và xây dựng thì được, nhưng về tối ưu, so sánh ngôn ngữ này với ngôn ngữ kia, build/bundle thế nào hoặc những kiến thức xung quanh thì khá mù mờ, đi đọc thêm thì bị ăn quả loop đang đọc thấy cái A, thấy có nhắc đến cái B nhưng không hiểu, quay ngang sang đọc cái B rồi lại bị không hiểu cái C, thế là bỏ ngỏ(vừa lười vừa thiếu kiên trì
). Rồi cũng mất tự tin vì chả hiểu là mình đang nằm ở level nào nữa.
Đã có thím nào đi qua giai đoạn này, có thể chia sẻ cho em 1 chút xem các thím đã làm gì, thường thì các thím update thêm kiến thức qua đâu không.
Về quá trình thì em kiểu nhảy vào dự án làm luôn, không đi từ base lên(chắc nhiều thím cũng vậy), làm đến đâu, khó thì mò, cái gì chưa biết thì đọc, để đắp dần vào kiến thức của mình.
Sau khoảng 2.5 năm làm FE(Focus vào Vue) thì em đang bị loay hoay ở đoạn không xác định được rõ ràng lằm về việc mình đang nằm ở level nào, cần làm gì để upgrade thêm kỹ năng.
Việc build 1 dự án từ đầu, triển khai và xây dựng thì được, nhưng về tối ưu, so sánh ngôn ngữ này với ngôn ngữ kia, build/bundle thế nào hoặc những kiến thức xung quanh thì khá mù mờ, đi đọc thêm thì bị ăn quả loop đang đọc thấy cái A, thấy có nhắc đến cái B nhưng không hiểu, quay ngang sang đọc cái B rồi lại bị không hiểu cái C, thế là bỏ ngỏ(vừa lười vừa thiếu kiên trì
). Rồi cũng mất tự tin vì chả hiểu là mình đang nằm ở level nào nữa.Đã có thím nào đi qua giai đoạn này, có thể chia sẻ cho em 1 chút xem các thím đã làm gì, thường thì các thím update thêm kiến thức qua đâu không.
