Phản ứng là gì. js? . Mặc dù bạn phải biết rằng Jordan Walke, một kỹ sư phần mềm tại Facebook đã phát triển React Javascript [js], nhưng bạn có biết rằng một cuộc khảo sát dành cho nhà phát triển của đã tiết lộ rằng trong số 57. 378 phản hồi, 68,9% bày tỏ mong muốn tiếp tục làm việc với React. js?
Đầu tiên, chúng tôi muốn làm rõ rằng mặc dù React. js rất dễ học, rất khó để thành thạo. Một phần của điều này cũng là do các phiên bản nâng cao mới tiếp tục được thêm vào nó.
Chúng tôi liệt kê các điều kiện tiên quyết để học React. js. Chúng như sau.
1. HTML & CSS
Một người phải thành thạo Ngôn ngữ đánh dấu siêu văn bản [HTML] và Cascading Style Sheets để có thể học React. js vì cấu trúc hoàn chỉnh của bất kỳ dự án dựa trên web nào đều được tạo bởi HTML và được thiết kế bởi CSS. Sử dụng phản ứng. js bạn có thể tạo một ứng dụng web
2. Bootstrap
Bootstrap cũng là một framework thiết yếu nếu bạn muốn bắt đầu hành trình của mình với tư cách là một React. js và nếu bạn muốn tìm hiểu Bootstrap, thì việc truy cập vào trang web chính thức của nó sẽ hữu ích
3. ECMA6
ECMA6 là phiên bản nâng cao của javascript, bao gồm các khái niệm nâng cao về js như hàm mũi tên béo, bộ định tuyến, hook, đối tượng và quy trình tạo thành phần
Một điều quan trọng cần nhớ về ECMA6 là tất cả lập trình js trong React đều dựa trên ECMA6
Trình quản lý gói nút [NPM]
NPM là một công cụ dòng lệnh, chủ yếu xử lý các bản cập nhật, cài đặt và gỡ cài đặt Node. gói js. Tuy nhiên, người ta phải biết NPM có thể được triển khai ở đâu trong ứng dụng React
Khung hoặc thư viện chỉ là một bộ công cụ được tạo để giải quyết vấn đề định kỳ hiệu quả hơn. Do đó, không có gì mà vanilla JS không thể giải quyết mà có thể giải quyết bằng cách sử dụng một khung như React, Angular hoặc Vue. Hầu hết mọi người nhảy vào học framework trước khi học đủ JavaScript. Nó không hoàn toàn sai nhưng chỉ có một vấn đề. Nếu một người không có đủ kinh nghiệm học JavaScript cốt lõi, anh ta sẽ không biết những lợi ích mà khung/thư viện cụ thể mang lại cũng như vấn đề mà nó cố gắng giải quyết. Vì vậy, các nhà phát triển/lập trình viên cần có một ý tưởng rõ ràng về những gì khung đang cố gắng cung cấp và những gì có sẵn trong chính ngôn ngữ đó. Ngoài ra, luôn luôn là một điều tốt khi biết những vấn đề nào có thể phát sinh nếu chúng ta cố gắng giải quyết vấn đề tương tự bằng chính ngôn ngữ cơ bản
phản ứng JS
Trong bài viết này, tôi sẽ cố gắng liệt kê ra một số khái niệm cốt lõi cần thiết để học một thư viện JavaScript chẳng hạn như React
Lập trình hướng đối tượng và từ khóa lớp ES6
Các nguyên tắc lập trình hướng đối tượng đóng một vai trò quan trọng trong phản ứng. Trước phản ứng 16. 08, tất cả các thành phần có trạng thái trong React được tạo bằng các thành phần dựa trên lớp và các thành phần chức năng được gọi là các thành phần chức năng không trạng thái. Việc bổ sung các hook mới hơn cho phép chúng tôi tạo trạng thái trên các thành phần chức năng, nhưng vì đây là một tính năng mới được thêm vào trong thư viện nên có thể mất thời gian để áp dụng tính năng này. Do đó, điều quan trọng là người học phải tìm hiểu về Lập trình hướng đối tượng và từ khóa lớp được thêm vào năm 2015 trong ngôn ngữ. Mọi người cũng cần biết về kế thừa nguyên mẫu, hàm tạo và nhiều khái niệm khác như kế thừa và thành phần
Đọc các tài liệu ở đây
Mã như thế này sẽ không khiến bạn phải cố gắng hiểu ý nghĩa của từng dòngTất cả các loại phương pháp khác nhau có sẵn
Bạn cũng có thể sử dụng các loại phương thức mặc định khác nhau có sẵn cho các loại dữ liệu như chuỗi và mảng. Bạn sẽ phải sắp xếp, lọc, lập bản đồ thông qua danh sách các mục thường xuyên hơn bạn tưởng tượng trong khi xây dựng các loại ứng dụng này. Do đó, tôi khuyên bạn nên học ít nhất một số phương thức có sẵn trên JavaScript
Những cái mà tôi khuyên dùng là ánh xạ, lọc, giảm, sắp xếp, bao gồm, v.v. cho mảng, tách, nối, đảo ngược, v.v. cho chuỗi. Bạn sẽ khám phá nhiều hơn khi bạn học được nhiều thứ hơn trong phản ứng
Đọc các tài liệu ở đây
Lời hứa, cuộc gọi lại và JavaScript không đồng bộ
JavaScript không đồng bộ cực kỳ quan trọng trong Ứng dụng một trang. Bạn phải thực hiện các cuộc gọi mạng không đồng bộ và để làm được điều đó, kiến thức về JS không đồng bộ và cách xử lý các yêu cầu AJAX trở nên cần thiết
Lời hứa cung cấp một cách để xử lý mã không đồng bộ. Các cuộc gọi lại cũng có thể làm điều đó nhưng Lời hứa làm cho mã sạch hơn rất nhiều
Đọc các tài liệu ở đây
Đang chờ không đồng bộ
Async-await cung cấp một cách đơn giản hơn để tương tác với các lời hứa. Chúng làm cho mã không đồng bộ trông đồng bộ, tuy nhiên, hoạt động vẫn không đồng bộ
Đọc các tài liệu ở đây
Mô-đun, nhập, xuất, babel
Khi làm việc với React, bạn tách riêng các thành phần của mình trên các tệp riêng biệt. Bạn xuất một số thành phần từ một tệp và nhập vào một tệp khác
Facebook cung cấp một công cụ có tên là create-react-app giúp người dùng khởi tạo dự án phản ứng một cách thuận tiện
create-react-app đi kèm với tất cả các cài đặt và cấu hình này được tạo sẵn, do đó bạn không phải thực hiện các thao tác này theo cách thủ công nhưng điều cực kỳ quan trọng là bạn phải hiểu những điều này đang diễn ra như thế nào ở hậu trường
Babel là một công cụ biên dịch JavaScript hiện đại sang phiên bản JavaScript được hỗ trợ bởi tất cả các trình duyệt phổ biến. Bạn cũng có thể khám phá cách chúng hoạt động và thử trải nghiệm mã mà bạn đã sử dụng để viết biên dịch trong các phiên bản cũ hơn
Đọc các tài liệu ở đây
Danh sách trên đã giải thích các khái niệm mà bạn phải làm quen trước khi chuyển sang phản ứng. Có một điều khác mà tôi muốn giới thiệu và đó là xây dựng các dự án bằng Vanilla JS. Để đánh giá hết vẻ đẹp của React hoặc các framework khác, bạn nên thử xây dựng một dự án mà không cần sử dụng framework hoặc thư viện. Điều đó sẽ giúp bạn biết và hiểu được sự phức tạp khi không có sự tồn tại của thư viện cụ thể đó
“Danh sách việc cần làm” là một loại tiêu chuẩn và theo tôi, đó là dự án bạn cũng nên làm. Ứng dụng “danh sách việc cần làm” phải chứa biểu mẫu để thêm việc cần làm. Cũng nên tồn tại một nút để xóa việc cần làm cụ thể và cũng đánh dấu chúng nếu chúng đã hoàn thành hay chưa
Việc triển khai những việc cần làm với các tính năng này sẽ đủ để bạn hiểu cách hoạt động của phản ứng và các khái niệm quan trọng như trạng thái, thành phần, vòng đời, thay đổi trạng thái, v.v.
Sự kết luậnCảm ơn bạn đã đọc bài viết. Nếu bạn thích nó và muốn đọc thêm blog của tôi, bạn có thể kiểm tra trang web của tôi https. //bigomega. nhà phát triển