Tài liệu học ReactJS nên kiếm ở đâu? – NordicCoder

React đang nhận được rất nhiều sự chú ý hiện nay trong các blog frontend, và điều đó khiến nhiều lập trình viên muốn tìm hiểu React. Vậy tài liệu học ReactJS chúng ta nên kiếm thế nào?

Chúng ta luôn thấy nhiều câu hỏi như :

• Làm thế nào để bắt đầu với React?
• Tôi làm theo hướng dẫn trên trang web React và tôi không biết phải làm gì với React.
• Google trả về một số lượng lớn các hướng dẫn, ví dụ về React, nhưng chúng quá dài, trông phức tạp với nhiều thứ như Webpack, Babel, ES6 / 7, GraphQL, Relay, Flux, Redux. Sao mọi người lại nói React đơn giản và dễ học?
• …và nhiều vấn đề khác nữa

Theo tôi, học React đòi hỏi một số trình độ kiến ​​thức kỹ thuật và kỹ năng lập trình. Bạn không thể chỉ lao vào với giả định rằng nếu người khác có thể học React một cách nhanh chóng, bạn cũng có thể. Không có thứ gọi là nhanh chóng trong học tập, hoặc có thể là tôi sai.

Hai năm trước, khi tôi thao tác với Angular, có một yếu tố về bảo dưỡng để san sẻ thành phần giữa web và di động .Trong khi tìm giải pháp để cải tổ cơ sở tài liệu Angular từng chút một, tôi đã tìm thấy React. Sau vài giờ chơi với React trên trình duyệt, tôi đã trọn vẹn bị thuyết phục. Vì vậy, tôi quyết định hành động chuyển hàng loạt code từ Angular sang React sau ba ngày tâm lý .Nhưng đó không phải là một việc thuận tiện, vì tôi không có nhiều kiến ​ ​ thức về React. Làm theo hướng dẫn React không được tính là biết về React. Sau đó, tôi đào sâu thêm về React và hệ sinh thái của nó. Theo hệ sinh thái, ý tôi là bất kể thứ gì tương quan đến React đều được sử dụng làm nhu yếu để kiến thiết xây dựng ứng dụng React tốt .Tôi đã vạch ra một lộ trình cho việc học sau khi tìm hiểu và khám phá những gì tôi thực sự cần để tăng trưởng lại ứng dụng của mình :

Tôi học ES6

Lúc đó, tôi hoàn toàn có thể sử dụng ES5 thành thạo nhưng tôi phát hiện ra ES6 là xu thế tương lai và React đang sử dụng nó vì thế học ES6 ( thậm chí còn một số ít ES7 ) là lựa chọn tương thích. Học ES6 rất dễ so với tôi vì tôi đã quen với ngôn từ này và cú pháp mới không quá khó. Nếu bạn đã quen với Javascript, thì bạn sẽ không gặp yếu tố gì khi học ES6. Nhưng nếu không thì bạn phải dành thêm nhiều thời hạn hơn .Một số website đã được thiết kế xây dựng để học ES6 :

Đây là một số ít tính năng quan trọng của ES6 thường được sử dụng trong React hiện tại và tôi muốn khuyên bạn nên tìm hiểu và khám phá trước khi khám phá về React từ những nguồn Internet :

• Các lớp ES6.
• Chức năng mũi tên.
• Hằng
• Phạm vi (biến, chức năng).
• Hàm map ().
• Phân công cơ cấu.
• Chuỗi mẫu. (tùy chọn, nhưng nó tốt cho định dạng chuỗi)

Tôi học Webpack

React sử dụng Webpack làm công cụ build mặc định. Vì vậy, cần phải học cách sử dụng Webpack để tạo ứng dụng. Nhưng tại thời điểm này, Webpack không phổ biến như Grunt hay Gulp và thật khó để tìm thấy bất kỳ hướng dẫn tốt và rõ ràng nào để giải thích các chức năng của Webpack.

Tôi đã cố gắng nỗ lực rất là để học Webpack, lấy những hướng dẫn và tài liệu, ghi nhớ tổng thể. Tạo nhiều Webpack đơn thuần và đổi khác số lượng thông số kỹ thuật Webpack khác nhau để thấy sự độc lạ. Tôi tin vào chiêu thức “ trial and error ” trong trường học .Tuy nhiên, tại thời gian hiện tại của bài đăng này, Webpack đã trở nên phổ cập và có nhiều tài liệu chất lượng cao cho Webpack. Tôi yêu cầu những trang sau nếu bạn chưa quen với Webpack và muốn khám phá nó .

Bạn có thể đào sâu hơn vào loader và plugin sau nếu cần.

Tôi học React, tài liệu học ReactJS

Sau đó, tôi bắt đầu ngay với React. Thật dễ dàng vì tôi đã quen với cú pháp ES6 và Webpack.

Một số khái niệm nên được học một cách cẩn trọng nếu bạn trọn vẹn lạ lẫm so với React :

• và hãy chú ý đến “shouldComponentUpdate()”.

Đừng bỏ lỡ việc học chúng hoặc bạn sẽ hụt hẫng về sau !

Tôi học ReactRouter

Điều quan trọng là việc điều hướng trên frontend, vì thế ReactRouter là bắt buộc cần biết. Phần này đã làm tôi mất khá nhiều thời hạn. Tôi liên tục tạo và xóa những dự án Bất Động Sản để khám phá ReactRouter. Bởi vì tâm lý của tôi đã quen với ngRoute trong Angular, nên thật khó để nghĩ về việc định tuyến trong React trải qua component .Tại thời gian hiện tại của bài đăng này, có nhiều hướng dẫn cho ReactRouter, vì thế tôi không cung ứng nhiều link, chỉ có điều này tôi nghĩ rằng nó đủ tốt cho người mới mở màn :

Tôi học Flux

Flux là một phong cách thiết kế kiến ​ ​ trúc frontend của Facebook React. Tôi khởi đầu học Flux với Reflux. Tôi đã có một thời hạn khó khăn vất vả để học thư viện thực thi Flux tiên phong. Khái niệm này ổn, nhưng sau này với ứng dụng luồng tài liệu phức tạp, tôi đã bỏ lỡ việc theo dõi quản trị tài liệu. Debug rất khó vì nó là event-based. Dù sao, vì gặp rắc rối trong việc học sử dụng Reflux, tôi đã có sáng tạo độc đáo về kiến ​ ​ trúc Flux. Sau đó, tôi cần tìm 1 số ít thư viện hoàn toàn có thể giúp tôi quản trị tài liệu tốt hơn. May mắn thay, tôi đã tìm thấy Redux 200 !

Tôi học Redux

Tôi đọc tài liệu và học Redux ngay lập tức. Dễ dàng và nhanh gọn như được đề cập bởi tác giả :Đừng để bị lừa bởi tổng thể những cuộc chuyện trò mê hoặc về reducers, middleware, store enhancers – Redux cực kỳ đơn thuần. Nếu bạn đã từng kiến thiết xây dựng một ứng dụng Flux, bạn sẽ cảm thấy rất tự do. Nếu bạn chưa quen với Flux, điều đó cũng thuận tiện ! – theo Tài liệu ReduxJS .Chỉ cần viết lại ứng dụng TodoList nhiều lần, bạn sẽ học nó rất nhanh. Tôi hứa với bạn về điều này !Có hai điều cần nhớ khi sử dụng Redux :

• Dữ liệu phải luôn luôn immutable. Đó là một thực hành tốt để làm cho dữ liệu của bạn trở nên bất biến nếu bạn không muốn dành thời gian để tìm các bí ẩn ở đâu đó trong ứng dụng của mình.
• Xử lý async actioncẩn thận. Bạn không muốn mất dữ liệu ở đâu đó trong hoạt động không đồng bộ, phải không?

Tôi học bằng cách thực hành để tạo ra nhiều ứng dụng từ nhỏ đến lớn

Bạn sẽ không thực sự học được một cái gì đó nếu không sử dụng nó. Đây là phần quan trọng nhất để đến gần với React. Hãy thử nghĩ ra nhiều sáng tạo độc đáo nhỏ và triển khai chúng trong React .

Tôi học được nhiều hơn nữa..

Tại thời điểm này, bạn có thể tìm thấy bất cứ điều gì khác trong hệ sinh thái React phù hợp với kiến ​​trúc của bạn, tìm hiểu và sử dụng đúng cách. Một số điều khác bạn có thể xem xét:

Tôi đã mất khá nhiều thời gian, 3,5 tháng để đào sâu vào React và những thứ liên quan. Nhưng nó giúp tôi tiết kiệm rất nhiều thời gian, bằng cách viết lại các ứng dụng Angular cũ đã khiến tôi mất 3 tháng để phát triển trong 5 tuần bằng React. Mọi thứ trở nên dễ dàng hơn, và React thật tuyệt nếu bạn học đúng cách. Đối với ứng dụng, tôi đã không sử dụng React Native vì nó không có ở đó. Tôi sử dụng Apache Cordova với React để xây dựng các ứng dụng di động vào năm 2014.

Nếu bạn thực sự muốn học React, thì đây là lời khuyên của tôi: Hãy đừng vội vàng, hãy bình tĩnh và học React từng bước một!

Chúc suôn sẻ trên hành trình dài tìm hiểu và khám phá React của bạn ! ?

Source: https://laodongdongnai.vn
Category: Chia Sẻ Kiến Thức