React Native

React Native це кросплатформний фреймворк, побудований на базі реакту, який з'явився на початку 2015 року і слідує ідеї запуску одного коду на різних мобільних платформах. Безперечним його плюсом є філософія «написав раз — використовуй скрізь». Це стосується як різноманітності платформ, з якими можна його використовувати, починаючи від Iphone і закінчуючи додатками для smart TV, VR, а також додатками з доповненою реальністю, так і до багатофункціональності команд. Одна й та команда розробників може підтримувати кілька проектів на React і React Native. Метою даного уроку є створення та запуск першого React Native програми та ознайомлення зі структурою програми. Після закінчення ви зможете запустити ваш перший додаток на симуляторі.

У цьому уроці ми розберемо прийоми стилізації реакційних компонентів, як вони працюють, їх синтаксис, додавання декількох стилів і умовні стилі. Окрім іншого, ми також розглянемо практику верстки з використанням flexbox, що значно прискорює процес.

У цьому уроці ми дізнаємося навіщо використовуються UI компоненти, які найпопулярніші бібліотеки для стилізації компонентів, розберемо найпопулярніший - native base і спробуємо його практично. Крім цього, ми дізнаємося як можна визначити, на якому пристрої запущено нашу програму, розміри екрана пристрою, орієнтацію. По закінченню ми зможемо створювати адаптивний дизайн, який добре відображатиметься на будь-якому розмірі екрану.

У цьому уроці ми дізнаємося, що таке TypeScript і як можна використовувати TypeScript не тільки з React Native, але і при написанні Web-додатків. Після закінчення ми зможемо користуватися всіма перевагами статичної типізації.

Коли справа доходить до розробки мобільних програм з використанням React Native, одним з найважливіших кроків є вибір ідеальної бібліотеки навігації для вашого проекту. Навігація є основою програми і дуже впливає на взаємодію з користувачем. У цьому уроці ми на практиці розберемо основи навігаційної роботи, поняття навігаційного стека, а також навчимося використовувати бібліотеки для навігації. Ми порівняємо React Navigation з його добре відомою альтернативою React Native Navigation (RNN), зваживши важливі аспекти, які мають вирішальне значення для вибору бібліотеки навігації для вашої програми.

У цьому уроці ми дізнаємося, як працювати з Redux store, щоб уникнути небажаних побічних ефектів у наших компонентах. Крім цього, розберемося з рішеннями для асинхронних операцій, які пропонує Redux Saga. Після закінчення ми зможемо писати код програми у функціональному стилі завдяки Redux, що дозволить нам не побоюватися побічних ефектів, втрати чи спотворення даних.

Кожному додатку потрібна красива і впізнавана іконка, яка привертає увагу в магазині та виділяється на головному екрані. Ваша іконка – це перша можливість одразу розповісти про функціонал вашої програми. У цьому уроці ми на практиці налаштуємо стартовий екран і додамо іконки в наш додаток на обох платформах Android та IOs. Також розберемося із сервісами, які будуть корисними при створенні комплектів наших іконок.

Метою даного уроку є підключення нативних функцій пристрою на прикладі react-native-image-picker

Практично всім мобільним програмам необхідно завантажувати ресурси з віддаленої URL-адреси. Ви можете надіслати запит POST до REST API або отримати фрагмент статичного вмісту з іншого сервера. Метою даного уроку є ознайомлення з інтернет запитами у програмах React Native, а також їх налагодження

Складання релізної версії програми - одна з найбільш хвилюючих подій у розробці. Ця можливість повною мірою побачити результат своєї довгої роботи надихає. Сьогодні ми зберемо програми з релізною конфігурацією, підпишемо програми та навчимося встановлювати їх на Android та IOs пристрої.