× Giới thiệu Lịch khai giảng Tin tức Sản phẩm học viên

Mẹo đã thử và đúng từ 25 chuyên gia React giúp bạn làm việc hiệu quả hơn

14/04/2023 01:22

Mời bạn cùng tìm hiểu thêm về các mẹo để cải thiện quá trình làm việc cùng React thông qua câu trả lời của 25 chuyên gia hàng đầu

Nhiệm vụ của nhà phát triển React về năng suất

Triết lý kaizen xoay quanh ý tưởng thực hiện từng bước nhỏ mỗi ngày để ngày càng hoàn thiện hơn những gì một người làm. Quá trình này bao gồm - và trở nên hiệu quả hơn thông qua - trở nên năng suất hơn. Với tư cách là nhà phát triển React, chúng tôi muốn tìm hiểu (và chia sẻ) các Mẹo, thủ thuật và phương pháp hay nhất được các chuyên gia quan tâm nhất có thể giúp nhà phát triển React làm việc hiệu quả hơn. Và vì vậy, nhóm KendoReact đã tìm đến 25 chuyên gia từ cộng đồng React và JavaScript và hỏi họ một câu hỏi sau:

Mẹo năng suất hàng đầu của bạn là gì (công cụ, lối tắt, phương pháp thực hành, tài nguyên) mà bạn muốn cung cấp cho các nhà phát triển React đồng nghiệp?

Hãy đọc tiếp để tìm hiểu xem Emma Wedekind và chantastic đã nói gì về việc đặt câu hỏi đúng và nắm vững những điều cơ bản. Bạn cũng sẽ được nghe từ Kent C. Dodds, người nhấn mạnh tầm quan trọng của việc giảng dạy và giúp đỡ người khác khi bạn học. Ngoài ra còn có Kitze và Dan Wahlin với những quan điểm hữu ích liên quan đến Redux - cùng với nhiều ý tưởng tuyệt vời, chất lượng cao khác! Vì vậy, hãy đi sâu vào. Hãy tận dụng nguồn tài nguyên này - bạn chắc chắn sẽ tìm thấy thứ gì đó để thu hút trí tưởng tượng của mình và thử nghiệm.

 

Bắt đầu đơn giản và phát triển

Đừng cố gắng học tất cả mọi thứ cùng một lúc

Đừ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 và di chuyển với React

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ập trung vào Vanilla React

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!

ừng lo lắng, React đã được tối ưu hóa cho tốc độ

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.

Redux không phải là một phần của React

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).

Học hỏi từ cộng đồng và viết mã sạch

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.

Không có lối tắt giá rẻ

Đừ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.

Đừng bỏ qua các nguyên tắc cơ 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 .