Мои опытные советы, как стать настоящим ниндзя!

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

Я не собираюсь здесь говорить о технических аспектах, вы можете получить эти советы практически где угодно, это будет нетрадиционный подход, чтобы улучшить обучение. Я собираюсь поговорить о том, как вы можете использовать свою разработку с профессиональным подходом к работе с вашими проектами React-Native, а также о том, как более эффективно использовать ресурсы и т. Д.

Начни с малого

  1. Как новичок, самая большая ошибка, которую вы можете сделать, - это не прорабатывать мельчайшие части, не изучение мельчайших частей может действительно стать раздражающим, поскольку вы проходите через более высокие концепции, вы будете писать код, не понимая, почему вы вообще используете этот компонент в вашем коде. Итак, начните с мельчайших концепций, я порекомендую изучить основные компоненты React Native (только если вы мало знакомы с React.js), но если вы уже знакомы с React, вам нужно убедитесь, что вы знаете разницу между компонентами в React Native и React.js.
  2. Теперь мы можем предположить, что вы немного знаете о том, как будут вести себя компоненты и где их использовать для создания своих приложений. Прежде чем переходить к дополнительным частям React Native, убедитесь, что вы достаточно хорошо знакомы с рабочим пространством, большую часть времени я имел обыкновение сталкиваться с ошибками и пытаться найти ошибки в своих строках кода для часов и выясняется, что я плохо справлялся с работой, поэтому убедитесь, что вы не делаете этой ошибки.

Используйте встроенные компоненты

  1. На начальном этапе изучения React-Native вы вряд ли обнаружите какие-либо проблемы со встроенными компонентами, которые поставляются с React Native, но внезапно вы обнаружите, что они не так полезны, как встроенные компоненты не так уж и хороши. Но вы можете создавать свои собственные компоненты так, как вы хотите, чтобы они выглядели и вели себя.
  2. Использование сторонних библиотек будет вашим вариантом, если вы не так много делаете для создания собственного компонента. Но я настоятельно рекомендую вам попытаться создать свои компоненты, поскольку вы можете изменять их так, как хотите, поскольку компоненты сторонних библиотек не обладают такой большой гибкостью.

Итак, теперь на этом этапе вы будете хорошо знакомы с тем, как работать с React-Native и добавлять базовые функции в свои приложения.

Изучите паттерн деструктурирования объектов

Если вы уже хорошо разбираетесь в JavaScript и React, то вам не о чем беспокоиться, но когда дело касается новичка, все это не имеет смысла, и если вы пойдете вперед, не изучив Шаблон деструктурирования объектов, ваш код будет постоянно искажаться, и по мере того, как приложение становится больше, сохранять его гибкость становится еще сложнее, этот шаблон работает как прелесть, делая ваши приложения сверхгибкими.

Будут случаи, когда вы столкнетесь с ошибками, и исправление этих ошибок в вашем коде без какого-либо структурного шаблона будет проблемой каждый раз, когда вы пытаетесь над ним работать.

Внести изменения

  1. На этом этапе вы можете создать очень простое приложение с React Native, имеющее простые пользовательские функции, теперь вам нужно научиться разбивать компоненты на гораздо более мелкие части, попытаться изменить свои компоненты по-своему, как вы узнает, как с ними работают API, это будет намного проще, если вы захотите внести небольшие изменения в свои приложения.
  2. Попробуйте изменить свой код и посмотрите, не обнаружили ли вы какие-либо ошибки в expo-cli, прочтите ошибки и узнайте, как их избежать, потому что, если вы получаете слишком много ошибок при разработке приложений с помощью React- Native. Бывают моменты, когда вы теряете продуктивность рабочего процесса.

Научитесь добавлять функции

  1. При создании приложений с помощью React Native это действительно важный шаг. Теперь вам нужно подумать о том, чтобы вывести свое приложение на новый уровень, поскольку вы будете изучать, как Аутентифицировать пользователей. в вашем приложении, как перемещаться между страницами, делая ваше приложение более и более кроссплатформенным, поскольку вам нужно тестировать приложение на обоих устройствах (iOS и Android).
  2. Постарайтесь узнать, как реализовать функции из сторонних библиотек в своем приложении, так как это будет более простой путь вместо того, чтобы копаться в каждом компоненте. Вы можете попробовать реализовать формы и проверку в своих формах большую часть времени в любых приложениях, которые собираетесь расширить пользовательскую базу (вы будете использовать formik во многих раз в этом случае).

React Native API

Я могу сказать, что создание приложений с помощью React Native не означает, что вам нужно использовать только простые компоненты и функции. Сторонние библиотеки в вашем приложении, и вы можете создавать приложения с несколькими страницами с навигацией.

Итак, теперь вам нужно сосредоточиться на том, как использовать React Native API, & и создать полноценное приложение, которое может обрабатывать аутентификацию пользователей и может работать с различными API.

Без использования API вы не сможете много сделать с вашим приложением, чтобы достичь качества для хороших приложений, вам нужно использовать API (API камеры с expo-SDK, API карт Google), научившись добавлять базовые API в вашем приложении Я могу сказать, что у вас не возникнет проблем с созданием приложений, которые придут вам в голову на следующий день.

Подключение бэкэнда

Независимо от того, насколько вы хороши, если вы не знаете о бэкэнде и о том, какой из них использовать в своем приложении, React Native предлагает множество вариантов для бэкэнда.

  1. Я рекомендую использовать Firebase, если вы новичок в любом типе разработки, так как это будет легкий путь для изучения основ серверной части, если вы хорошо знакомы с опытом веб-разработки, а затем изучаете серверную часть услуги не будут для вас тяжелой работой
  2. Вы можете использовать сервер Node.js на своем локальном компьютере, я рекомендую использовать его, так как это будет более профессиональный способ изучения серверных служб с приложениями React Native.

Итак, на этом этапе вы почти закончили обучение и будете чувствовать себя комфортно с приложениями с React Native.

Теперь, когда вы можете преобразовать свою идею в кроссплатформенное приложение, вам нужно узнать о дополнительной концепции, которая будет охватывать масштабирование вашего приложения , UI Framework, тестирование, платежи, мониторинг производительности. & Развертывание. Эти концепции охватывают все части, которые вам понадобятся для управления растущим приложением с увеличением количества пользователей.

Платежи в React Native

Интегрировать способ оплаты будет несложной задачей, так как провайдеров довольно много. Но вот некоторые из моих рекомендаций

  1. Tipis Stripe: аналогично Paypal, он не поставляется с SDK для React-Native, но компания Tips создала оболочку, которая поможет вам безопасно интегрировать платежи с Stripe в вашем приложении.
  2. RazorPay: обеспечивает официальную поддержку платежей и, безусловно, стоит использовать в своем приложении, так как у вас не возникнет никаких проблем при совершении платежей. RazorPay поставляется с React Встроенная оболочка, которая будет производить платежи из самого приложения.

Фреймворки пользовательского интерфейса

Выбор правильного UI-фреймворка намного важнее, чем мы думаем: в React Native у нас есть много вариантов для создания лучшего UI для вашего приложения. Вот один из моих любимых!

  1. Материальный пользовательский интерфейс: при создании приложений вы должны убедиться, что вы не только создаете правильные удобные для пользователя приложения, но и убедитесь, как ваше приложение будет выглядеть на последнем этапе, а Material-UI имеет очень широкий спектр элементов пользовательского интерфейса, которые вы используете, просто установив пакеты npm. Доступны все основные значки, и это единственная причина, по которой разработчики до сих пор пользуются самой популярной библиотекой пользовательского интерфейса.

Спасибо за чтение. Надеюсь, вы нашли это полезным!