Если вы новичок в мире React Native или даже в программировании в этом отношении, первое, что вы сделаете, - это зайдите в Интернет и поищите рекомендации о том, что делать, чтобы стать программистом.

После этого вы увидите несколько сообщений в блогах, руководств и форумов, предлагающих вам попробовать создать приложение ToDo.

Основная причина этого в том, что приложение ToDo достаточно просто, чтобы вы могли начать работу с любой новой структурой. Кроме того, приложение ToDo охватывает некоторые основные функции, такие как чтение, запись, обновление и удаление.

Вот приложение Todo на React Native, созданное Ришичандрой Вавхалом. Приложение использует NativeBase для пользовательского интерфейса, Hasura для бэкэнда и Redux для управления состоянием.

Начиная

Прежде чем начать, убедитесь, что в вашей системе установлен инструмент Hasura CLI.



Установка интерфейса командной строки hasura | Документация по Hasura 0.15
Это установит инструмент CLI в / usr / local / bin. Возможно, вам придется указать свой пароль в зависимости от разрешений… docs.hasura.io



Клонировать проект

Введите следующую команду в командный терминал, чтобы клонировать приложение в свой каталог:

hasura quickstart roarman/native-base-todo-hasura

Эта команда также создаст для вас бесплатный кластер hasura.

Настроить проект

Установите модули узлов, выполнив следующую команду:

cd react-native && npm install

Чтобы получить имя кластера, запустите:

hasura cluster status

Скопируйте имя кластера, затем перейдите к react-native/src/hasuraAPI.js. Добавьте имя вашего кластера в этот файл.

clusterName = "buns47" //here "buns47" is the cluster name. Add your own.

Разверните проект с помощью git push

git add . 
git commit -m "First commit"
git push hasura master

Вы можете найти весь исходный код приложения здесь:



Hasura Hub - roarman / native-base-todo-hasura
Приложение задач на React Native с пользовательским интерфейсом NativeBase, бэкэндом Hasura и Redux. hasura.io



Если вам понравилось это приложение, обязательно ознакомьтесь с некоторыми из наших демонстрационных приложений NativeBase на https://startreact.com

Я Раджат С., автор технического контента в GeekyAnts. Подпишитесь на меня в Twitter, чтобы узнать больше обо всех удивительных вещах, которые происходят в GeekyAnts.

Спасибо за прочтение! Пожалуйста, сделайте 👏, если вам понравился этот пост, и оставьте свой отзыв в комментариях ниже.

Также ознакомьтесь с BuilderX - новым инструментом дизайна от GeekyAnts, который пишет для вас код React Native!