Introduction Chapter 1

Ласкаво просимо на самий початок вашої подорожі з React Native! Якщо ви шукаєте інструкції по налаштуванню середовища, то вони перемістилися у власний розділ. Продовжуйте читати для ознайомлення з документацією, нативними компонентами, React і не тільки!

core components Chapter 2

React Native - це фреймворк з відкритим вихідним кодом для створення додатків для Android та iOS з використанням React та нативних можливостей платформи. З React Native ви використовуєте JavaScript для доступу до API вашої платформи, а також для опису зовнішнього вигляду та поведінки вашого інтерфейсу користувача за допомогою React-компонентів: пакети багаторазового, вкладеного коду. Ви можете дізнатися більше про React у наступному розділі. Але спочатку давайте розглянемо, як працюють компоненти в React Native.

react fundamentals Chapter 3

React Native працює на React, популярна бібліотека з відкритим вихідним кодом для створення користувацьких інтерфейсів за допомогою JavaScript. Щоб максимально ефективно використовувати React Native, необхідно розуміти сам React. Цей розділ може допомогти вам розпочати роботу або слугувати курсом підвищення кваліфікації.

Ми розглянемо основні концепції, що лежать в основі React:

• + components. У решті цього вступу до React в якості прикладів використовуються коти: доброзичливі, доступні істоти, яким потрібні імена і кафе, де вони можуть працювати.
• + JSX. React і React Native використовують JSX, синтаксис, який дозволяє вам писати елементи всередині JavaScript: <Text>Hello, I am your cat!</Text>.

У документації React є вичерпний посібник з JSX, до якого ви можете звернутися, щоб дізнатися більше. Оскільки JSX - це JavaScript, ви можете використовувати змінні всередині нього. Тут ви оголошуєте змінну name для кота, ім'я та вставляємо його фігурними дужками всередину <Text>

• + props. Props - це скорочення від “properties”.
• + state. У той час як пропси можна уявити як аргументи, які ви використовуєте для налаштування відображення компонентів, стан - це як сховище персональних даних компонента. Стан корисний для обробки даних, які змінюються з часом або виникають внаслідок взаємодії з користувачем. Стан надає вашим компонентам пам'ять!

handling text input Chapter 4

TextInput - це основний компонент, який дозволяє користувачеві вводити текст. Він має такі властивості onChangeText який отримує функцію, що викликається щоразу, коли текст змінюється, і проп onSubmitEditing, який отримує функцію, що викликається, коли текст надсилається.

Наприклад, скажімо, коли користувач набирає текст, ви перекладаєте його слова іншою мовою. У цій новій мові кожне слово пишеться так само: 🍕. Тож речення "Hello there Bob" буде перекладено як "🍕 🍕".