Mẹo đã thử và đúng từ 25 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ư các đạ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ể, người khác 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ự bối rối. Thực hành một chút mỗi ngày. Những thói quen nguyên tử này kết hợp để đảm bảo bạn hiểu được thư viện.

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

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 bị lạc khi đọc các ý kiến ​​về các giải pháp quản lý nhà nước 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 đã hoàn thành xuất sắc nhiệm vụ đả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 khó khăn khi xây dựng cấu hình hệ thống, bạn có thể sử dụng các công cụ như tạo-phản ứng-ứng dụnghoặ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ề mức độ bạn có thể đạt được mà không cần cài đặt bất kỳ thứ gì! Cuối cùng, các phụ thuộc NPM là giải pháp cho các vấn đề mà các tác giả đã gặp phải. Khi bạn 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 xuất bản. Bằng cách làm theo cách này - giải quyết một vấn đề tại một thời điểm, khi chúng bật lên - bạn tránh phải tải trước một loạt kiến ​​thức, một số trong đó có thể bạn sẽ không bao giờ cần đến!

Thật thú vị khi xem 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ông cụ dành cho nhà phát triển React như ứng dụng tạo-phản ứng là một cách tuyệt vời để bắt đầu và tiếp tục cải thiện với mỗi bả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 sẵn về khả năng truy cập cũng như các tính năng linting 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ỏ đã tối ưu hóa 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 và khi bạn thực sự gặp sự cố, nếu không, hãy bớt lo lắng và tập trung nhiều hơn vào việc học cách xây dựng những thứ hay ho.

Tôi có một người bạn bắt đầu học React cách đây vài năm 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ì?! Redux không phải là một phần của React. Trên thực tế, nó có thể là trở ngại lớn nhất đã làm chậm lại cộng đồng React. Tôi không thể tưởng tượng có bao nhiêu người mới bắt đầu vẫn rơi vào cái bẫy này và làm hỏng 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 hãy thử bất kỳ lựa chọn thay thế nào tốt hơn, chẳng hạn như mobx-state-treevà Overmind trước khi chuyển sang xu hướng cách đây bốn năm chỉ vì một số “chuyên gia” nói rằng tính bất biến quan trọng và Redux là một giải pháp “sạch” cho quản lý nhà nước. Đừng lãng phí thời gian của bạn (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 một số trợ giúp từ cộng đồng Stack Overflow. Tôi đã học được rất nhiều trong giai đoạn này và bây giờ 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 để đảm bảo an toàn cho loại. 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 từ ghép như prettier và eslint . Khi làm điều này, tôi không chỉ ngừng viết những đoạn mã tệ hại mà còn học được từ những sai lầm của mình.

Đừng đi đường tắt trước khi bạn đi một chặng đường dài. Các phím tắt được cung cấp với chi phí. Là người mới bắt đầu, bạn không thể biết chi phí đó là bao nhiêu và khi nào hóa đơn sẽ đến hạn. Vì vậy, hãy tập cho ngón tay của bạn quen với chặng đường dài. Nắm vững kiến ​​thức cơ bản — Thành phần, Phần tử, Phần tử con và kết hợp chúng lại với nhau. Những điều này đã không thay đổi trong nhiều năm và là chìa khóa để hiểu mọi xu hướng trong React. ESLint là một công cụ tuyệt vời nhưng nhiều cài đặt trước chỉ tồn tại để chống lại các nhà phát triển. Không sử dụng cấu hình ESLint của người khác. Tạo ra con đường của riêng bạn.

Đảm bảo rằng bạn hiểu rõ về chính JavaScript. Đừng bỏ qua các nguyên tắc cơ bản của React, nó có rất nhiều tính linh hoạt và giống như bất kỳ thứ gì có tính linh hoạt, có thể phù hợp với bạn hoặc chống lại bạn. Hiểu được các nguyên tắc cơ bản và những cách phổ biến mà những nguyên tắc cơ bản đó được áp dụng sẽ giúp bạn tiến xa hơn bất kỳ điều gì khác mà tôi có thể nghĩ ra. Tài liệu về React rất tuyệt vời, vì vậy hãy dành thời gian để tìm hiểu và tìm hiểu về nó. Khi bạn đã quen thuộc với các tài liệu, hãy chọn một vài nhà lãnh đạo trong cộng đồng mà bạn kết nối và tập trung vào việc học hỏi từ họ ngay từ đầu. Chỉ tập trung vào một vài người sẽ giúp loại bỏ những thông tin mâu thuẫn có thể đến từ tình trạng quá tải của người lãnh đạo. Một trong những sở thích cá nhân của tôi là Kent C. Dodds .