Khóa học React Native cũng gần giống như ReactJS, nhưng nó sử dụng một số kỹ thuật chuyên nghiệp hơn để cấu tạo nên thành phần của web và ứng dụng di động. Vì vậy, trước khi bắt đầu hiểu về React Native, bạn cần hiểu một số khái niệm cơ bản như JSX, components, state, props.
Cách nó vận hành
Trước hết, chúng ta cần nhập React để có thể sử dụng JSX, sau đó nó sẽ được chuyển đổi thành các thành phần gốc của mọi nền tảng.
Trên dòng 2, chúng ta nhập các thành phần văn bản và xem.
-
Sau đó, chúng tôi xác định chức năng HelloWorldApp, đây là một thành phần chức năng và hoạt động theo cách tương tự như trong React cho web. Hàm này trả về một thành phần chế độ xem với một số kiểu và ATEXT là con của nó.
-
Thành phần văn bản cho phép hiển thị một văn bản, trong khi thành phần xem hiển thị một container.
-
Kiểu đầu tiên mà chúng ta tìm thấy là Flex: 1, Flex Prop sẽ xác định cách các mục của bạn sẽ "lấp đầy" trên không gian có sẵn dọc theo trục chính của bạn. Vì chúng ta chỉ có một container, nên nó sẽ mất tất cả không gian có sẵn của thành phần cha. Trong trường hợp này, nó là thành phần duy nhất, vì vậy nó sẽ lấy tất cả không gian màn hình có sẵn.
Trước hết, ES2015 (còn được gọi là ES6) là một tập hợp các cải tiến cho JavaScript hiện là một phần của tiêu chuẩn chính thức, nhưng chưa được hỗ trợ bởi tất cả các trình duyệt, vì vậy thường nó chưa được sử dụng trong phát triển web. Bạn có thể sử dụng công cụ này mà không phải lo lắng về khả năng tương thích.
Components
Khi bạn đang xây dựng một ứng dụng gốc React, bạn sẽ tạo ra các thành phần mới rất nhiều. Bất cứ điều gì bạn thấy trên màn hình là Components.
Props
Hầu hết các thành phần có thể được tùy chỉnh khi chúng được tạo, với các tham số khác nhau. Các tham số sáng tạo này được gọi là Props.
Các thành phần của riêng bạn cũng có thể sử dụng Props. Điều này cho phép bạn tạo một thành phần duy nhất được sử dụng ở nhiều nơi khác nhau trong ứng dụng của bạn, với các thuộc tính hơi khác nhau ở mỗi nơi.
-
Sử dụng tên làm prop cho phép chúng ta tùy chỉnh thành phần chào, vì vậy chúng ta có thể sử dụng lại thành phần đó cho mỗi lời chào.
-
Với Props và các thành phần văn bản, hình ảnh xem cơ bản, bạn có thể xây dựng nhiều màn hình tĩnh.
State
Không giống như các Props chỉ đọc và không nên được sửa đổi, State cho phép các thành phần React thay đổi đầu ra của chúng theo thời gian để đáp ứng với các hành động của người dùng, phản hồi mạng và bất cứ điều gì khác.
Sự khác biệt giữa State và Props trong React là gì?
Trong một thành phần React, các Props là các biến mà chúng ta chuyển từ thành phần cha sang thành phần con. Tương tự, State cũng là các biến, với sự khác biệt mà chúng không được truyền dưới dạng tham số, mà là thành phần khởi tạo và quản lý chúng trong nội bộ.
Sự khác biệt giữa React và React Native là gì?
Như ở trên ICT Hà Nội đã nói, không có sự khác biệt trong việc xử lý State giữa React và React Native. Bạn có thể sử dụng State của các thành phần trong các lớp và trong các thành phần chức năng bằng cách sử dụng móc.
Lời kết: Khóa học react native sẽ giúp chúng ta nắm được một số kiến thức nền tảng như Props hay State trong quá trình phát triển ứng dụng mobile cũng như Web.
📌 Mạng xã hội của NIIT-ICT Hà Nội