Psst… đây là 8 tờ rơi tuyệt vời nhất dành cho nhà phát triển React

Bài viết này được xuất bản ban đầu trên .cult bởi Ashutosh Mishra. .cult là một nền tảng cộng đồng cho những nhà phát triển có trụ sở tại Berlin. Chúng tôi viết về mọi thứ liên quan đến sự nghiệp, tạo ra các tác phẩm tư liệu gốc và chia sẻ nhiều câu chuyện phát triển khác từ khắp nơi trên thế giới.

Thực hành là chìa khóa để thành thạo bất kỳ kỹ năng hoặc lĩnh vực kiến thức nào. Bạn không học được mọi thứ trong một ngày. Bạn cần tuần, tháng và đôi khi thậm chí là nhiều năm thực hành nhất định để giỏi một điều gì đó.

React, nói chung, cũng rất rộng lớn và cần thời gian để học nó một cách tốt. Thay vì than khóc trước gương khi bạn quên các khái niệm hoặc cú pháp, hãy tìm kiếm giải pháp.

Tôi giả định ở đây rằng bạn ít nhất có sự quen thuộc cơ bản với React, vì nếu không, tôi có một món quà khác cho bạn, mở nó ở đây.

OK, vậy bạn đã có một số kinh nghiệm với React, nhưng các khái niệm và cú pháp đang thoát khỏi trí nhớ của bạn. Trong trường hợp đó, sau đây là 9 tờ rơi tuyệt vời có thể giúp bạn trong hành trình của mình:

Lưu ý: Tờ rơi không chỉ hữu ích đối với những nhà phát triển mới mẻ mà còn đối với những người có kinh nghiệm. Lập trình là về việc tìm kiếm giải pháp chứ không phải là ghi nhớ cú pháp, vì vậy bạn càng quen thuộc với cơ bản, nó càng giúp ích nhiều hơn.

1. Tờ rơi cho nhà phát triển

Tờ rơi cho nhà phát triển là một trang web chứa tờ rơi cho phát triển web do Leon Gilyadov thiết kế. Trang web thiết kế tối giản này bao gồm các tờ rơi về:

Lịch sử phát triển web

• React
• React Router
• Redux
• ES6

Tờ rơi React này không sâu sắc nhiều nhưng cung cấp nội dung ở mức bề mặt đủ tốt để nhanh chóng đọc qua các đoạn mã và cú pháp. Hãy kiểm tra nó để nhanh chóng làm quen với cú pháp khi bạn đang vội vàng.

Kể từ tháng 4 năm 2022, tờ rơi này chứa cú pháp cho (chỉ đếm các thành phần chức năng):

• Tạo ứng dụng React
• Thành phần không có trạng thái
• Props trong thành phần không có trạng thái
• Con
• Hook useRef
• Hook useState
• Thành phần Cao cấp
• Render Props

2. Gợi ý phát triển

Devhint.io là một trang web khác chứa nhiều tờ rơi cho nhiều công nghệ khác nhau. Tờ rơi React của DevHint chứa nhiều nội dung hơn so với Developer Cheatsheets.

Tuy nhiên, hầu hết nội dung của nó dựa trên các thành phần lớp mà bạn có thể không cần trừ khi làm việc trên một mã nguồn codebase cũ.

Tuy nhiên, tờ rơi này chứa một số đoạn mã hữu ích từ thế giới của các thành phần chức năng. Đây là cách khai báo thành phần chức năng, khai báo và ví dụ về hook useState, hook useEffect, và quan trọng nhất là cách tạo một hook tùy chỉnh.

3. Reed Barger

Tờ rơi này là một bài viết trên freecodecamp của Reed Barger. Đây là một trong những tờ rơi yêu thích nhất của tôi và là tờ rơi React tốt nhất cho người mới bắt đầu. Nó được xuất bản vào tháng 2 năm 2022, vì vậy nó cũng là tờ rơi mới nhất so với những tờ rơi khác được đề cập trong bài viết này.

Phần tốt của tờ rơi này là nó không chỉ là một tờ rơi cú pháp mà còn cung cấp ngữ cảnh đằng sau cú pháp và giáo bạn một chút về những khái niệm đó. Vì vậy nếu bạn ở mức độ mới bắt đầu, điều này sẽ hữu ích.

Tờ rơi này chứa nội dung về những điều cơ bản nhất như các phần tử React, thuộc tính, kiểu dáng, đoạn mã, thành phần, props, vv đến các hook như useState, useEffect, useRef, useContext, useCallback, và useMemo.

Nội dung được viết rất tốt, thân thiện với người mới, và có độ sâu đủ để giữ bạn ở đây cho hầu hết các vấn đề.

Cá nhân tôi, tôi không nghĩ có lý do gì mà trang web này không nằm trong danh sách đánh dấu của bạn.

4. Eric The Coder

Tờ rơi này là một bài viết trên dev.to của Eric The Coder. Anh ấy viết bài này vào tháng 6 năm 2021 như một phương tiện hỗ trợ nhớ khi anh ấy quên các khái niệm và cú pháp của React.

Nội dung trong tờ rơi này không rất sâu sắc nhưng nó chứa nhiều điều cơ bản mà các tờ rơi khác có thể đã bỏ sót. Điều này bao gồm các quy tắc JSX cơ bản, JavaScript trong JSX, Danh sách với key, chi tiết về các sự kiện click khác nhau, vv.

Khi đến với hook, tờ rơi này bao gồm useState, useEffect, và useRef.

Eric đã tạo ra tờ rơi này khi anh ấy là một người mới bắt đầu trong React. Vì vậy, ngay cả những điều cơ bản nhất cũng được tài liệu và nhấn mạnh đầy đủ (mà các tờ rơi khác có phần bỏ qua).

5. SheCodes

React Cheatsheet của Shecodes là một tờ rơi cú pháp chỉ, dựa trên thành phần chức năng đầy đủ chức năng.

Bạn có thể kiểm tra tất cả các đoạn mã cùng một lúc hoặc lọc chúng theo danh mục. Không có giải thích nào được đưa ra với các đoạn mã, vì vậy bạn có thể sử dụng nó chỉ để nhìn nhanh vào các cú pháp khác nhau.

Nội dung tương tự như các trang web khác và dễ dàng và nhanh chóng truy cập, làm cho nó trở thành một tờ rơi tuyệt vời để tham khảo nhanh về cú pháp.

6. React TypeScript

Cuối cùng, chúng ta có một điều tuyệt vời cho những nhà phát triển TypeScript của chúng ta.

React TypeScript là một dự án tờ rơi nguồn mở có giấy phép MIT với hơn 33K sao trên GitHub và rất nhiều người đóng góp tuyệt vời để giữ cho dự án sống và chất lượng cao.

Nếu bạn yêu thích làm việc trong React và TypeScript, bạn chắc chắn sẽ thích tờ rơi này. Bạn có thể truy cập nội dung trên trang web của họ tại đây hoặc trên GitHub README.

Toàn bộ tờ rơi được chia thành 4 phần:

• Cơ bản – Tập trung vào việc giúp những nhà phát triển React mới bắt đầu sử dụng TS trong ứng dụng React.
• Nâng cao – Hiển thị và giải thích cách sử dụng nâng cao của kiểu dữ liệu chung cho những người viết các tiện ích/ chức năng/ render prop/ thành phần cao cấp và thư viện TS+React.
• Di chuyển – Giúp tập hợp lời khuyên để di chuyển từ từ các mã nguồn lớn từ JS hoặc Flow, từ những người đã thực hiện.
• HOC – Tổng hợp tất cả kiến thức có sẵn để viết các thành phần cao cấp với React và TypeScript.

Chất lượng của toàn bộ dự án là xuất sắc, giải thích cần thiết được đưa ra ở mọi nơi và, trên hết, tờ rơi này được cộng đồng duy trì và cập nhật tích cực.

7. Codingcheats.io

Đây là một tờ rơi React tuyệt vời khác chỉ dựa trên các thành phần chức năng. Mặc dù không xuất sắc về thiết kế, tờ rơi này thực sự có nội dung xuất sắc.

Tất cả các đoạn mã đều có sẵn trên trang chủ với một chút giải thích cho mỗi đoạn.

Nội dung bao gồm cú pháp cơ bản của thành phần, các phím tắt, xử lý sự kiện và 6 hook khác nhau – useState, useEffect, useRef, useMemo, useReducer. useCallback.

Ví dụ đúng được đưa ra trong mỗi đoạn mã với một giải thích ngắn gọn. Bạn nên chắc chắn kiểm tra tờ rơi này ít nhất một lần.

8. Ohans Emmanuel

Tờ rơi này là bài viết của LogRocket của Ohans Emmanuel. Khác với các tờ rơi khác trong danh sách của chúng tôi, tờ rơi này không tập trung vào cơ bản của React.

Đây là một tờ rơi React Hooks chỉ tập trung vào giải thích về React Hooks. Nó chứa cú pháp, cách hooks hoạt động và các quy tắc tốt nhất cần nhớ khi làm việc với Hooks trong React. Mọi thứ được giải thích với ví dụ và nội dung được viết rất tốt.

Các Hooks sau đây được bao gồm trong tờ rơi:

• useState
• useEffect
• useContext
• useLayoutEffect
• useReducer
• useCallback
• useMemo
• useRef

Là một nhà phát triển React hiện đại, hiểu biết về Hooks là quan trọng và tờ rơi này sẽ giúp bạn hiểu sâu về cốt lõi của chúng và cách sử dụng chúng trong cuộc sống hàng ngày của bạn.

Học React không phải là một nhiệm vụ một ngày. Điều này sẽ mất thời gian nhưng việc kiên nhẫn, đầu tư vào kiến thức của bạn và sử dụng tờ rơi thông minh sẽ giúp bạn duy trì trong trò chơi lâu dài.

Chúc bạn may mắn trên hành trình của bạn. Nếu bạn có bất kỳ câu hỏi nào, hãy nhắn tôi trên Twitter.

Kiểm tra blog của tôi để biết thêm thông tin.

Chúc bạn mãi mãi mãn mãi trong lập trình!