thảo luận Chia sẻ kinh nghiệm học ReactJS cho người mới

Lào cào

Junior Member
Chào các thím,

Em có hơn 1 năm kinh nghiệm về HTML, CSS, JS thuần. Giờ muốn học thêm ReactJS mà thấy không biết nên học cái này từ đâu. Thím nào có kinh nghiệm rồi chia sẻ cho em lộ trình học cái này với.

Nhân tiện thím nào biết các trang web có thể tham khảo mấy dự án để luyện tập react có thể viết vào cv xin việc được luôn không? Hoặc mấy trang web share dự án thực tế để tham khảo như cách cấu trúc source, cách viết source cho dự án thực tế,.. thì cho em xin với.

Cảm ơn các thím.
 
làm html, css, js thuần được cái gì thì clone sang React là được, đủ để ném vào Resume Fresher.

Bọn JS có cái hay là viết kiểu gì cũng chạy được, nên cứ ngon lành xong app đã, rồi xem lại tree folder sau.
 
làm html, css, js thuần được cái gì thì clone sang React là được, đủ để ném vào Resume Fresher.

Bọn JS có cái hay là viết kiểu gì cũng chạy được, nên cứ ngon lành xong app đã, rồi xem lại tree folder sau.
Gần đây em cũng có thử clone sang reactjs, nhưng thằng bạn đọc code nó bảo không đúng cách viết thực sự của reactJS. Nó bảo viết theo style component gì gì đó mà em không hiểu lắm. Thím cho em xin ít keywords để kiếm source reactJS để tham khảo cũng như học theo với. Cảm ơn thím nhiều
 
Gần đây em cũng có thử clone sang reactjs, nhưng thằng bạn đọc code nó bảo không đúng cách viết thực sự của reactJS. Nó bảo viết theo style component gì gì đó mà em không hiểu lắm. Thím cho em xin ít keywords để kiếm source reactJS để tham khảo cũng như học theo với. Cảm ơn thím nhiều


đây, tùy dự án chứ không phải cái dự án nào cũng làm vậy. :rolleyes:
 
Cảm ơn thím đã chia sẽ, à người mới học có cần lưu ý gì không thím

Tập viết cách đặt tên biến cho đúng. Hạn chế if else lồng nhau quá nhiều, nghiên cứu nhiều method của Array và Object trong JS sẽ giúp đc nhiều thứ. Nên chú ý 2 thằng filter và reduce vì biết dùng sẽ rất bá kiểu như : Sum tất cả value của 1 key trong Object dạng Tree.

À quên, nhớ học thêm Redux hoặc Context API. Cú pháp ES6 là tối quan trọng vì ko biết là ko hiểu người khác viết gì đâu. o_O
 
Tập viết cách đặt tên biến cho đúng. Hạn chế if else lồng nhau quá nhiều, nghiên cứu nhiều method của Array và Object trong JS sẽ giúp đc nhiều thứ. Nên chú ý 2 thằng filter và reduce vì biết dùng sẽ rất bá kiểu như : Sum tất cả value của 1 key trong Object dạng Tree.

À quên, nhớ học thêm Redux hoặc Context API. Cú pháp ES6 là tối quan trọng vì ko biết là ko hiểu người khác viết gì đâu. o_O
Có gì trong quá trình học em có Ping thì thím rảnh thím hỗ trợ em với nhé.
 
Mình 4 năm kinh nghiệm mà dev Reactjs còn mệt.
Có cái concept quan trọng nhất là giữ state ở đâu, và cấu trúc component.
Còn lại thì phải đủ kiến thức về html, css thì thuộc về giao diện chưa quan trọng, cú pháp js, jsx thì code 1 thời gian cũng quen.
 
Mình 4 năm kinh nghiệm mà dev Reactjs còn mệt.
Có cái concept quan trọng nhất là giữ state ở đâu, và cấu trúc component.
Còn lại thì phải đủ kiến thức về html, css thì thuộc về giao diện chưa quan trọng, cú pháp js, jsx thì code 1 thời gian cũng quen.
Thím có project nào share được hay github không, cho em xin em tham khảo source
 
Thím có project nào share được hay github không, cho em xin em tham khảo source
share thím cũng chưa hiểu được ngay đâu, thím cứ cày nát trang chủ reactjs đã, nắm được các concept.
project reactjs framework thì nguồn mở đầy, tất cả đều chỉ là component chứ ko có gì phức tạp, ant-design của bọn tàu dùng khá ngon, còn react-bootstrap...
 
Gần đây em cũng có thử clone sang reactjs, nhưng thằng bạn đọc code nó bảo không đúng cách viết thực sự của reactJS. Nó bảo viết theo style component gì gì đó mà em không hiểu lắm. Thím cho em xin ít keywords để kiếm source reactJS để tham khảo cũng như học theo với. Cảm ơn thím nhiều
mục tiêu của thím là làm demo để tham khảo, để học tập chứ không phải là join vào dự án của thằng bạn nên trước tiên cứ phải để code chạy được cái đã, khi mà có cái nhìn tổng quan nhất định rồi hãng nghĩ đến việc refactoring code. Chất lượng code thì cứ chú trọng vào ES6, pure function, đặt tên có tâm tý là được.

btw, styled-component nhìn thì có vẻ ngon những cũng sida bỏ mẹ, ông lead đọc blog xong bắt dùng khắm đ chịu được.
 
mua sách hoặc video (nếu có điều kiện thì ủng hộ tác giả), và cũng không cần thiết phải đọc nhiều sách, hoặc ko nên xem quá nhiều các video dành cho beginner.
Nên đầu tư học những cái cơ bản nhất của JS như scope/closure, function, object, etc. Và mấy cập nhật lớn từ ES2015 trở lại đây.
Blog và video có thể tham khảo ông này (https://kentcdodds.com/) ông ấy có nhiều content hay và cũng có khóa học nhưng khá chát (~600$ cho khóa pro epicreact). ông này cũng có 1 khóa học react cho beginner ở egghead.io, trang web này cũng có chứa nhiều khóa học khác khác chất lượng.
Sau khi code ổn ổn, hiểu được tạm các concept của nó thì code thử những app clone. code từ những cái đơn giản như blog, app chat, hay e-commerce cũng có nhiều thứ để trải nghiệm.
Ngoài ra tìm hiểu các lib hay sử dụng kèm để xây dựng nên một trang web SPA như router, form, state management, styling, axios, hay UI component (ví dụ ant design, material, bootstrap component cho react).
 
Bạn có thể tham khảo source và tự build cho mình 1 cái SPA ở đây
https://github.com/gothinkster/realworld

Mới bắt đầu thì cứ create-react-app mà làm.
  • Hiểu được 1 trang web SPA nó là như thế nào
  • Cách viết 1 component (Class vs function đôi khi 1 số thằng hỏi cả class), lifecycle, sử dụng dev tool để debug
  • State vs props
  • Style component (simple first cứ chọn cách bạn thấy quen thuộc, import css)
  • Compose trong react
  • Events trong element (vd: onClick v.v...)
  • Global store: redux, redux thunk
  • React router (chuyen giữa các trang)
  • Gọi API rồi lưu trong state... (axios)
  • Một số thư viện như material ui, ant v.v...
  • Thử build project ra rồi đêm đi deploy lên server xem nó làm gì
Sau đó thì hiểu đươc SPA (client side) nó mạnh yếu những gì, làm sao để khắc phục được.
Và thế đéo nào 1h20 tôi chưa ngủ.
 
Last edited:
Tập viết cách đặt tên biến cho đúng. Hạn chế if else lồng nhau quá nhiều, nghiên cứu nhiều method của Array và Object trong JS sẽ giúp đc nhiều thứ. Nên chú ý 2 thằng filter và reduce vì biết dùng sẽ rất bá kiểu như : Sum tất cả value của 1 key trong Object dạng Tree.

À quên, nhớ học thêm Redux hoặc Context API. Cú pháp ES6 là tối quan trọng vì ko biết là ko hiểu người khác viết gì đâu. o_O
Reduce với filter có khỉ gì nhỉ? Chỉ là kiểu viết khác của for loop chứ gì mà bá?

Sent from Samsung Note 20 Ultra via nextVOZ
 
Reduce với filter có khỉ gì nhỉ? Chỉ là kiểu viết khác của for loop chứ gì mà bá?

Sent from Samsung Note 20 Ultra via nextVOZ
Tất nhiên map, foreach, reduce, filter đều là cách viết khác của for loop nhưng nó dành cho những trường hợp khác nhau :D chứ không nó bày vẽ ra chi.
 
Back
Top