React là gì và tôi có thể học nó như thế nào?

Phản ứng Là gì?
React là một thư viện JavaScript và giao diện người dùng mã nguồn mở và miễn phí có thể được sử dụng để tạo các giao diện đồ họa phức tạp hơn bằng cách tách và kết hợp các ứng dụng đơn giản. Thư viện này được tạo với sự cộng tác của Facebook và cộng đồng các nhà phát triển.
Bài viết gợi ý: back-end là gì? Lập trình viên back-end là ai?
Điều kiện tiên quyết để học React
Để có thể học React, bạn phải làm quen với HTML, CSS và JavaScript trước khi thực hiện bất kỳ hành động nào. Trong 2-3 tuần, bạn có thể học HTML và CSS, đây là những công cụ để thiết kế các trang web và ứng dụng. Học JavaScript mất nhiều thời gian hơn vì JavaScript là ngôn ngữ lập trình. Cần ít nhất một đến hai tháng để học JavaScript. Lưu ý trong khi học bạn nên xác định các dự án nhỏ và thực hiện các dự án này liên tục. Các dự án nhỏ như danh sách việc cần làm, máy tính, ứng dụng ngẫu nhiên hóa trò đùa, v.v., rất phù hợp cho mục đích của bạn.
Tập lệnh Java
Trong khi học JavaScript, bạn nên cẩn thận để không mắc phải một số lỗi như tôi đã mắc phải. Tôi cho rằng để học React, tôi phải hoàn toàn thông thạo JavaScript (tất nhiên, hoàn toàn thông thạo JavaScript về cơ bản là vô nghĩa). Khi mới bắt đầu, tôi bắt đầu học các khái niệm JavaScript phức tạp hơn và do không đạt được mục tiêu này, tôi cho rằng mình không đủ khả năng. Nhưng tôi muốn nói với bạn rằng ban đầu, bạn chỉ cần có đủ hiểu biết về JavaScript. Tôi sẽ liệt kê một số tiêu đề chính ở đây:
- Biến
- If/else và Switch điều kiện
- Chức năng
- Mảng
- Các phương thức mảng, chẳng hạn như Bộ lọc, Bản đồ và Giảm
- Khái niệm về ES6
- lời hứa
- calback
- Không đồng bộ/Đang chờ
- Các khái niệm về lớp và OOP
- Làm việc với API
Phản ứng
Sau khi học những kiến thức cơ bản về JavaScript, đã đến lúc bắt đầu học React. Bạn có thể có ý tưởng cơ bản về cách thức hoạt động của thư viện này bằng cách tham khảo tài liệu chính thức về React hoặc các hướng dẫn chính thức về React. Tài liệu về React được viết rất tốt và nếu bạn thông thạo tiếng Anh, bạn có thể học các khái niệm cơ bản về React theo cách này. Để học sâu về React, bạn cần hiểu rõ các khái niệm sau:
- JSX
- Các thành phần (Dựa trên chức năng và lớp)
- Phương pháp vòng đời
- Tiểu bang
- đạo cụ
- Làm việc với các sự kiện
- các hình thức
- Kết xuất có điều kiện hoặc Kết xuất có điều kiện
- Làm việc với các API của bên thứ ba. Sau khi bạn đã hiểu rõ những khái niệm này, đã đến lúc kiểm tra xem chúng hoạt động như thế nào trong thực tế bằng cách thực hiện một dự án.
Bộ định tuyến phản ứng
Làm quen với React Router. React Router là một thư viện định tuyến giúp bạn điều hướng giữa các trang trong ứng dụng React. Tìm hiểu về cách tải nội dung trang, cách chuyển tham số url, chuyển hướng, v.v. Ngoài ra, hãy lưu ý rằng React Router không phải là một phần của React và là một thư viện được xây dựng riêng cho React.
Phản ứng nâng cao
Bây giờ bạn đã có kiến thức cơ bản về React và đã hoàn thành các dự án trong lĩnh vực này, đã đến lúc hiểu các khái niệm nâng cao hơn như Hook, Context, v.v. Để làm được điều này, hãy xem tài liệu về React và hiểu các khái niệm sau:
- Định nghĩa bài văn
- móc
- Ranh giới lỗi
- Thành phần bậc cao hơn
- Tách mã
- Giới thiệu
- Chuyển tiếp giới thiệu
- kết xuất đạo cụ
Sau khi tìm hiểu các khái niệm cơ bản về React, việc tìm hiểu một số thư viện ngoại vi như Materıal UI, Reactstrap, tailwindcss và Semantıc UI cũng sẽ hữu ích. Những thư viện này giúp bạn trong các công việc hàng ngày. Tất nhiên, bạn không cần phải học tất cả những điều này và bạn nên tập trung vào các khái niệm cơ bản của React trước.
Xin chúc mừng! Bạn là nhà phát triển React và bạn có thể mở rộng kiến thức của mình trong lĩnh vực này bằng cách chạy các dự án khác nhau và tham khảo tài liệu về React.
Các chương trình đào tạo lập trình front-end của công ty là một trong những cách nhanh nhất và chắc chắn nhất để trở thành nhà phát triển front-end React.
Kiến thức và công nghệ chào buổi sáng: Bootcamp lập trình front-end (dựa trên React)
Một số lời khuyên hữu ích
- Đừng cố gắng học mọi thứ cùng một lúc. Chấp nhận thực tế rằng bạn là người mới bắt đầu và bạn cần dành đủ thời gian để nắm vững các khái niệm.
- Đừng sợ viết sai mã. Như tôi đã nói, bạn là người mới bắt đầu, vì tất cả các nhà phát triển chuyên nghiệp ngày nay đều đã từng như vậy.
- Tránh các khóa học từ xa quay lại. Nếu bạn đang theo dõi các video hướng dẫn trên YouTube, đừng nhảy từ video này sang video khác. Biết đâu là điểm dừng xem video và bắt đầu tự xây dựng dự án.
- Nhận trợ giúp từ Google. Cùng với các bài báo và blog hữu ích, StackOverflow là người bạn tốt nhất của bạn. Google các câu hỏi của bạn và biết rằng rất có thể vấn đề hoặc lỗi của bạn đã được giải quyết và trả lời bởi ai đó trên Internet.