thắc mắc Tại sao ReactJS lại hot đến vậy ạ?

monster_hunter · 7/4/23

Hình như hơi lạc đề rồi mấy bác ơi. Đag nói reactjs mà giờ lướt thấy t :cautious:

oàn java, nodejs ko

Sent from Xiaomi 2201117TG using vozFApp

nntgwww · 7/4/23

Perrito đã nói:
Ngôn ngữ nào chẳng có ưu nhược điểm, so sánh cái ưu nhược điểm đó với resource sẵn có mà lựa chọn cho phù hợp thôi.
Nodejs thì dĩ nhiên thua Java về perf, cú pháp dĩ nhiên không chuẩn chỉ bằng. Nhưng perf của nó cũng chẳng phải là quá kém, tốt nhất trong mấy thằng thông dịch rồi. Cú pháp thì xài TS bớt được kha khá vấn đề.
Các team lớn cũng không phải không xài Nodejs. Nói gần thì Baemin không phải big tech nhưng cũng chẳng phải bé và nó vẫn xài Nodejs rất nhiều đó thôi. Các anh tài chê Nodejs trash chắc gì pass được interview của nó chứ chưa nói tới build được hệ thống như vậy.

Xưa build monolith thì còn suy nghĩ chứ giờ micro service, cloud functions. Nào ngon dễ thì quất thôi. Service nào cần optimize speed cao nhất thì xem xét chọn lang khác.

Mà thằng PM nào khơi mào vụ này cũng ngu, phần mềm chậm chưa hiểu lý do đòi nghe mấy thằng cuồng java thay ngôn ngữ cái rụp tính đập đi xây lại hay sao. Đúng là cty trả tiền để mấy anh này với architec bào tiền cty. Dev dốt thì cho nó xài ngôn ngữ siêu nhanh cũng chả làm dc cái gì. PM ngu tech quá cũng khổ vô mấy cty vậy ko có tương lai :go:

Hello.World · 7/4/23

theo các bác để học sâu về React thì cần tìm hiểu về những gì, cho e xin 1 số keyword ạ, tự nhiên ngồi code React 1 thời gian e bị mất định hướng với th React này

Xiao_man_tau · 7/4/23

Hello.World đã nói:
theo các bác để học sâu về React thì cần tìm hiểu về những gì, cho e xin 1 số keyword ạ, tự nhiên ngồi code React 1 thời gian e bị mất định hướng với th React này

Ract.dev, mất định hướng thì cày lại một vòng trang chủ là okiela.

gmthang · 7/4/23

cái useEffect có bắt buộc phải liệt kê đầy đủ các biến trong dependency ko các fen? thấy official recommend là có nhưng như vậy thì dài quá

talatroi · 7/4/23

Vãi, vẫn combat à

talatroi · 7/4/23

gmthang đã nói:
cái useEffect có bắt buộc phải liệt kê đầy đủ các biến trong dependency ko các fen? thấy official recommend là có nhưng như vậy thì dài quá

Biến nào muốn nó thay đổi để update UI thì thêm vào thôi, có 1 số TH phải ignore warning luôn hoặc thêm các dep là keywords bác

Hello.World · 7/4/23

Xiao_man_tau đã nói:
Ract.dev, mất định hướng thì cày lại một vòng trang chủ là okiela.

vẫn hơi hoang mang bác ạ, e đang thắc mắc fresher, junior, senior React khác nhau ở điểm gì :pudency:

gmthang đã nói:
cái useEffect có bắt buộc phải liệt kê đầy đủ các biến trong dependency ko các fen? thấy official recommend là có nhưng như vậy thì dài quá

k, cái dep theo e hiểu muốn chạy lại useEffect khi biến nào thay đổi thì nhét biến đấy vào

nntgwww · 7/4/23

gmthang đã nói:
cái useEffect có bắt buộc phải liệt kê đầy đủ các biến trong dependency ko các fen? thấy official recommend là có nhưng như vậy thì dài quá

Có cài eslint react hook đi. Nói chung điền thiếu or chơi mấy trò tà dạo như Json.stringfy or disable eslint là code có vấn đề. 99% là phải điền đủ.

À Cài eslint autofix hay gì đó nó auto điền rồi mà. Cơ mà điền đủ rồi mà code bug thì phải xem lại tại sao lại bug. dependency thay đổi có đúng chưa, có cần useMemo, useCallback gì để memo value trước khi bỏ vào dependency array hay ko.

nntgwww · 7/4/23

thanbaiks · 7/4/23

nntgwww đã nói:
Xem tệp đính kèm 1765311

Đây là cái ESLint autofix ngu nhất tôi từng thấy. Mấy bạn mới vào toàn abuse fix all thành ra bóp dé team mấy lần.
Fix này thay đổi behavior của code.

nntgwww · 7/4/23

thanbaiks đã nói:
Đây là cái ESLint autofix ngu nhất tôi từng thấy. Mấy bạn mới vào toàn abuse fix all thành ra bóp dé team mấy lần.
Fix này thay đổi behavior của code.

Ko hiểu lắm. Có thể project đã build lâu. or ko biết xài useeffect chính xác nên bóp dé. Còn ignore cái eslint hook là có vấn đề trong code vậy thôi.

Tôi toàn lười type dependcy auto fix thôi. Chưa thấy bug. Cùng lắm nó sai 1 chút như object không select đúng property thì sửa lại thôi (kiểu code trong đó chỉ xài abc.length nhưng nó quăng nguyên cái abc, abc mà ko dc memo thì khả năng cao chạy effect nhiều lần)

nntgwww · 7/4/23

Túm váy auto fix ko làm code hết bug, Chỉ phục vụ việc lười gõ vào array và việc k biết phải điền cái gì vô array. Vấn đề là điền dep vào mà call effect quá nhiều lần (loop) or bóp dé gì đó thì có nghĩa là code chỗ đó có vấn đề. Phân biệt junior với senior thì senior phải hiểu rõ cái dependency array của useEffect.

Tôi hàng ngày vẫn auto fix đỡ type và điền đủ vào array.Chả bao giờ ignore dependcy. Ko bị effect loop hay bóp dé gì cả. Căn bản qua cái thời mà useEffect hành hạ dc tôi :shame:

teeeeeeeee · 8/4/23

nntgwww đã nói:
Túm váy auto fix ko làm code hết bug, Chỉ phục vụ việc lười gõ vào array và việc k biết phải điền cái gì vô array. Vấn đề là điền dep vào mà call effect quá nhiều lần (loop) or bóp dé gì đó thì có nghĩa là code chỗ đó có vấn đề. Phân biệt junior với senior thì senior phải hiểu rõ cái dependency array của useEffect.

Tôi hàng ngày vẫn auto fix đỡ type và điền đủ vào array.Chả bao giờ ignore dependcy. Ko bị effect loop hay bóp dé gì cả. Căn bản qua cái thời mà useEffect hành hạ dc tôi

Gặp mấy đồng nghiệp như fence tôi dị ứng cực kì :look_down:

làm việc với React mà ko kiểm soát được callback của hook sẽ gọi lúc nào mà cứ auto fill full deps như thế thì cái app sẽ cực kì tệ.

via theNEXTvoz for iPhone

nntgwww · 8/4/23

teeeeeeeee đã nói:
Gặp mấy đồng nghiệp như fence tôi dị ứng cực kì
làm việc với React mà ko kiểm soát được callback của hook sẽ gọi lúc nào mà cứ auto fill full deps như thế thì cái app sẽ cực kì tệ.

via theNEXTvoz for iPhone

Thưa anh người ta làm ra cái rule eslint hook là có lý do nhé. Khi nào anh code mà eslint rule hook ko chửi thì quay lại đây.

Còn tôi fill đủ mà task ko bug, change state props mà effect run đúng. Ko loop or ko run khi ko cần thiết.

Có vẻ react dev trên đây chắc ko ai thèm cài eslint. Nói chứ cực dị dev nào ko cài eslint dac biệt rule of hook

Đấng Tối Cao · 8/4/23

nntgwww đã nói:
Thưa anh người ta làm ra cái rule eslint hook là có lý do nhé. Khi nào anh code mà eslint rule hook ko chửi thì quay lại đây.

Còn tôi fill đủ mà task ko bug, change state props mà effect run đúng. Ko loop or ko run khi ko cần thiết.

Có vẻ react dev trên đây chắc ko ai thèm cài eslint. Nói chứ cực dị dev nào ko cài eslint dac biệt rule of hook

xin bác bộ eslint config đơn giản dễ hiểu, cài nhiều rule giờ nó như nồi cháo :beat_brick:

cr7mp3 · 8/4/23

Hello.World đã nói:
theo các bác để học sâu về React thì cần tìm hiểu về những gì, cho e xin 1 số keyword ạ, tự nhiên ngồi code React 1 thời gian e bị mất định hướng với th React này

Life cycle, diffing algorithm, reconciliation, useMemo, memo, useCallback, lazyload,...

Hello.World · 8/4/23

cr7mp3 đã nói:
Life cycle, diffing algorithm, reconciliation, useMemo, memo, useCallback, lazyload,...

tks bác

, bác có code nextjs k?

gmthang · 8/4/23

Hello.World đã nói:
tks bác , bác có code nextjs k?

fen hỏi j nextjs thì hỏi đi, thấy đi thớt nào cũng hỏi có code nextjs k

nntgwww · 8/4/23

Đấng Tối Cao đã nói:
xin bác bộ eslint config đơn giản dễ hiểu, cài nhiều rule giờ nó như nồi cháo

Tùy cái xài cái gì nữa. Eslint mặc định có kha khá rule rồi. Nhưng vì code react thì phải thêm những cái dưới đây.
- eslint-plugin-react (must have)
- eslint-plugin-react-hooks (must have)
- eslint-plugin-next (nếu xài nextjs)

Typescript thì thêm eslint typescript.

Nói chung cái eslint-plugin-react-hooks quan trọng. Qua 2pic này tôi thấy react dev hổng kiến thức react hook useEffect kha khá. Người làm ra cái eslint hook ver 1 chính là là Dan Abramov trong team React. Nên ai nghĩ mình thông minh hơn core team react thì cứ việc ignore cái eslint này.

99% là phải fill đủ dep array. 1% là optimzie và phải rất rất hiểu mình đang làm cái gì đó. Thường 1 số hook của lib tôi đọc open src thấy cũng có người ignore dep array 1 chút nhưng đó là vì nguòi ta hiểu mình muốn làm gì và đó là cái case đặc biệt. Còn ai fill dủ mà bug thì xem lại code or tự nghĩ mình thuộc 1% rồi ignore.

Tùy team sẽ có thêm nhiều config khác nhau từ khó đến dễ nhưng thường project bt thì eslint mặc định + đống trên kia là đủ. Ai muốn hardcore có thể thử eslint rules của AirBnb.

À mà chắc tôi nghĩ mấy cái useMemo với useCallback ae dev react chắc cũng ko hiểu xài khi nào quá.

Mà tại react tiên phong chế ra cái củ nợ này. Như solidjs sau này thừa kế bỏ vụ dep array. Nhưng mà giữa việc control được tất cả và magic thì thôi tôi chọn manual control của react :shame:

thắc mắc Tại sao ReactJS lại hot đến vậy ạ?

Senior Member

Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Member

Member

Senior Member

Member

Member

Senior Member

Member

Member

Junior Member

Senior Member

Senior Member

Member

Chủ đề tương tự

Thống kê chủ đề

Chia sẻ trang này