Lời khuyên đã thử và đúng từ 8 chuyên gia React để giúp bạn làm việc hiệu quả hơn

Đừng cố gắng học tất cả mọi thứ cùng một lúc. Chọn một khía cạnh của React, chẳng hạn như đạo cụ kết xuất và tìm hiểu kỹ về nó bằng cách thử các hướng dẫn khác nhau, bằng cách đọc blog, tham gia các khóa học trực tuyến, v.v. Sau đó, củng cố kiến ​​thức này bằng các dự án phụ nhỏ. Nếu bạn bối rối về điều gì đó, hãy đặt câu hỏi. Rất có thể ai đó cũng bối rối như bạn, vì vậy bạn đừng bao giờ cảm thấy xấu hổ khi thừa nhận sự nhầm lẫn đó. Hãy luyện tập mỗi ngày một chút. Những thói quen nguyên tử này kết hợp lại để đảm bảo sự hiểu biết của bạn về thư viện.

Hiểu các nguyên tắc cơ bản về JavaScript. React đang nhanh chóng hướng tới một tương lai tập trung vào các hook , nhiều chức năng hơn và bạn càng hiểu các nguyên tắc cơ bản cũng như cách hoạt động của JavaScript thì quá trình chuyển đổi sẽ càng dễ dàng hơn khi bạn làm việc với React trong khi nó đi theo hướng mới này!

Việc tìm hiểu hệ sinh thái React có vẻ thực sự quá sức. Cuối cùng, bạn có thể dành cả ngày để định cấu hình Webpack và Babel hoặc quên đọc các ý kiến ​​​​về các giải pháp quản lý trạng thái khác nhau. Tôi nghĩ rằng khi bạn mới bắt đầu, điều tốt nhất bạn có thể làm là tập trung hoàn toàn vào React “vanilla”. Nhóm React đã làm rất tốt khi đảm bảo rằng API cốt lõi của nó đủ ngắn gọn để học nhanh và đủ mạnh để xây dựng các ứng dụng phong phú. Để tránh những rắc rối khi cấu hình hệ thống xây dựng, bạn có thể sử dụng các công cụ như ứng dụng tạo phản ứng hoặc CodeSandbox. Khi nói đến các phần phụ thuộc bổ sung của bên thứ ba, bạn có thể ngạc nhiên về việc mình có thể đi được bao xa mà không cần cài đặt bất kỳ phần nào! Cuối cùng, sự phụ thuộc NPM là giải pháp cho các vấn đề mà tác giả gặp phải. Khi xây dựng ứng dụng của mình, bạn có thể gặp phải một số vấn đề này và khám phá các giải pháp đã được công bố. Bằng cách làm theo cách này - giải quyết từng vấn đề một khi chúng xuất hiện - bạn tránh được việc phải tải trước một loạt kiến ​​thức, một số trong đó có thể bạn không bao giờ cần!

Thật thú vị khi thấy React phát triển theo thời gian và công cụ dành cho nhà phát triển tốt hơn bao giờ hết. Các công cụ dành cho nhà phát triển React như create-react-app là một cách tuyệt vời để bắt đầu và ngày càng hoàn thiện hơn sau mỗi lần phát hành. Nó giúp bạn bắt đầu nhanh chóng và có các cảnh báo tích hợp về khả năng truy cập cũng như các tính năng tìm lỗi mã nguồn khác giúp bạn viết mã tốt hơn. Tôi cũng khuyên bạn không nên lo lắng về việc tối ưu hóa ứng dụng React của mình quá sớm. React là một thư viện nhỏ đã được tối ưu hóa về tốc độ. Chọn sử dụng React trong một dự án là bước đầu tiên tuyệt vời để xây dựng một ứng dụng hiệu quả. Tập trung vào tốc độ khi bạn có thứ gì đó hoạt động được và khi bạn thực sự gặp phải vấn đề, nếu không, hãy bớt lo lắng hơn và tập trung nhiều hơn vào việc học cách xây dựng những thứ thú vị.

Tôi có một người bạn bắt đầu học React vài năm trước và vào ngày thứ hai, anh ấy đã gọi cho tôi và nói: “Cái này cực hay, nhưng phần Redux đó khó quá”. Đợi đã, cái gì cơ?! Redux không phải là một phần của React. Trên thực tế, đây có thể là trở ngại lớn nhất khiến cộng đồng React bị chậm lại. Tôi không thể tưởng tượng được có bao nhiêu người mới bắt đầu vẫn rơi vào cái bẫy này và hủy hoại năng suất của họ bằng cách viết quản lý trạng thái của họ bằng Redux thay vì chỉ sử dụng vanilla React. Lời khuyên của tôi là mọi người nên thử bất kỳ giải pháp thay thế nào tốt hơn như mobx-state-tree và Overmind trước khi chuyển sang xu hướng thịnh hành bốn năm trước chỉ vì một số “chuyên gia” nói rằng tính bất biến là quan trọng và Redux là một giải pháp “sạch” cho trạng thái sự quản lý. Đừng lãng phí thời gian của bạn nữa (trừ khi bạn được trả lương theo giờ, sau đó, bằng mọi cách, hãy tiếp tục viết năm tệp khác nhau để đẩy một mục vào một mảng).

Tôi đã viết mã được khoảng năm tháng và nếu tôi có thể nói thêm, với sự trợ giúp từ cộng đồng Stack Overflow. Tôi đã học được rất nhiều điều trong giai đoạn này và hiện tại chủ yếu làm việc một mình. Tôi viết rất nhiều mã giả vì nó giúp tôi hiểu cú pháp và logic của những gì tôi đang cố gắng xây dựng. Tôi chủ yếu sử dụng TypeScript thay vì JavaScript để thực thi an toàn kiểu. Nếu bạn đang sử dụng TypeScript, hãy học cách tôn trọng các giao diện. Cuối cùng, để viết mã rõ ràng và tự tin hơn, hãy sử dụng các linters như prettier và eslint . Làm được điều này, tôi không chỉ ngừng viết những dòng code tệ hại mà còn rút kinh nghiệm từ những sai lầm của mình.

Dành cho người mới bắt đầu: học bằng cách tạo một ứng dụng React đơn giản. Cố gắng hiểu các phương pháp vòng đời khi bạn tiến xa hơn. Đối với trình độ trung cấp: hãy thử xây dựng một phiên bản đơn giản của ứng dụng web mà không cần sử dụng React. Và sau đó so sánh nó với phiên bản React của nó. Bạn sẽ có nhiều điều để tìm hiểu, bạn cũng sẽ nhận ra rằng không phải lúc nào bạn cũng cần React hoặc thực sự đánh giá cao cách React xử lý Virtual DOM hoặc chỉ một số phần nhất định của DOM được làm mới trên các bản cập nhật mới. Dành cho chuyên gia: dạy cấp dưới và tìm hiểu những kiến ​​​​trúc cơ bản cơ bản về kiến ​​​​trúc của React, hiểu trình phân tích hiệu suất, tránh cập nhật DOM không cần thiết, v.v. Yêu thích của tôi là luôn cố gắng xây dựng một phiên bản không phải React đơn giản và tránh khoản nợ node_modules khổng lồ. 

React là một công nghệ trưởng thành và chủ đạo. Khi bắt đầu, hãy bỏ qua hệ sinh thái phong phú được phát triển xung quanh nó. Hãy để React là một thư viện khung nhìn và nghiên cứu sự trừu tượng hóa như vậy. Tận dụng thực tế là cốt lõi nhỏ và các khái niệm rõ ràng. Hãy đóng vai một người sáng tạo và chơi đùa với từng khối xây dựng. Xây dựng sự trừu tượng của bạn từ đầu và bắt đầu lại thường xuyên. Cho phép bản thân hiểu những gì bạn đang làm việc. Con đường khó khăn nhất phía trước là thẳng lên đồi. Hãy dành thời gian của bạn - bạn sẽ rất vui vì bạn đã làm như vậy.