Автор оригинала: FreeCodeCamp Community Member.
Спенсер Карли
Перед погружением я хочу рассказать вам немного истории – я хочу собрать простой веб-сайт. Не веб-приложение, просто простой веб-сайт. Я не сделал это довольно некоторое время, поэтому я начал оглянуться за то, как это сделать …
… А потом я обнаружил, что падал по кролику растущей сложности, используя разные инструменты и забыв о том, что я на самом деле хотел построить.
Я закончил бросать все, что я сделал (в любом случае, это бесполезно), подписываясь на курс, и просто следуя, поэтому я мог получить чувство вещей, прежде чем работать над моим проектом.
Большую часть моего времени проводится в царстве реагировать родных, а в Интернете я вижу много людей в той же ситуации, в которой я был в. Я по электронной почте и пообщаю с несколькими дюжинами людьми в неделю, которые также заинтересованы в изучении реагированных. Они слышали об этом от друга или сотрудника, видели, как говорилось в Twitter, клиенту настаивает на использование его для проекта или одной из десяток других причин. Технологические люди очень разнообразны в том, как и почему они узнают о новых вещах.
Некоторые люди приходят с фона веб-разработки, другие использовали инструменты, такие как Cordova, и другие делают прыжок в мир JavaScript впервые. Независимо от того, что кто-то подходит многие из той же вещей.
Wees синтаксис JavaScript
class App extends React.Component { ... }
Хорошо, я видел занятия раньше. Нет большого значения – но в JavaScript?
const { amount, purchaseDate } = this.props;
Да, Const
А что с фигурными брекетами слева от равных?
export default App;export App;
Какая разница, хотя?
Независимо от того, знакомы ли вы с JavaScript или не использование ES2015/ES6 Triss людей, многое. И это Очень Общий в реактивном родном. Люди, которые использовали JavaScript, часто не использовали этот (относительно) новый синтаксис. И люди, которые просто изучают JavaScript, часто ссылаются на учебники, которые не используют его. Это приводит к более путанице.
Просто знайте, что то, что вы видите в JavaScript Tutorials, по-прежнему применяется, как и то, что вы ранее узнали. ES2015/ES6 – это просто расширение, которое облегчает делать вещи (как только вы его знакомы).
Чтобы узнать ES2015/ES6, ознакомьтесь с этим Нет, пушит вступление Babel Отказ Там тоже Хорошая серия Это представит и объясняет вам вещи.
Иметь основной похвал на реакцию
Я знаю, что вы хотите погрузиться прямо в реакцию на родных – это потрясающий Отказ Но если вы хотите минимизировать путаницу, то я бы предложил провести немного времени, понимая основы приложения React.
Существует некоторая терминология, которую вы захотите узнать, и вы захотите понять, как вы составляете приложение. React Native – это расширение реагирования. Это просто другая цель клиента, которая использует реагирование и его принципы для создания приложения.
Получение похвала на реакцию является хорошим использованием времени. Глядя через Главная страница Один только поможет вам совсем немного. Я также предлагаю вам просмотреть Официальное учебное пособие чтобы получить еще лучше понять.
Вам не нужно тратить точку времени здесь, создавая сложное веб-приложение с реагированием, просто используйте на этот раз, ознакомиться с идеей реагирования.
Настройка среды разработки
Вам не нужен специальный текстовый редактор. Все, что вы использовали, скорее всего, будет работать нормально. Не подчеркивайте редактор прямо сейчас.
Теперь, если вы хотите создать собственное приложение ract action, которое работает на iOS и Android, вы должны установить все инструменты разработки для этих платформ, верно?
Ну нет. Не прямо сейчас, по крайней мере.
Есть инструмент под названием Экспо Что позаботится обо всех нативных средах развития среды развития, чтобы вы могли сосредоточиться на изучении реагирования на родных и строительных приложений с ним.
Но подожди – становится лучше! Там инструмент командной строки под названием Создать реагировать нативное приложение что делает это даже легче начать с реагирования родных. Он поддерживается EXPO, что означает, что все, что нам нужно сделать, это установить интерфейс командной строки, а затем мы находимся в оригинальных гонках RACT!
Сканируйте вывод QR-код из приложения EXPO и начните взломать! Код будет обновлен на каждом файле сохранения.
Как мне…
Вот быстрый огонь, мнение, список инструментов для обработки общих потребностей:
- Управление состоянием: Redux.
- Работа с удаленным API: Redux Saga
- Навигация: Реагировать навигацию
- Поделитесь приложением: Опубликовать в Экспо
- Стиль приложение: Реагируйте нативную расширенную таблицу стилей
- Редактор кода: Визуальный студийный код
Я надеюсь, что это поможет вам встать и работать с реактивным родным немного быстрее и с меньшим путаницей!
Я собрал бесплатный видео-курс, который проводит вас через создание собственного приложения ract React, от создания среды разработки для публикации Expo. Потратьте некоторое время на понимание ES2015, получите общее ощущение реагирования и погрузиться в этот курс. Это помогло уже сотням, и я надеюсь, что это может вам помочь!
Реагировать нативные основы: построить конвертер валюты Научитесь использовать навигацию, настройку Redux, компоненты дизайна, работа с удаленными API и более Узнайте .handlebarlabs.com.
Если вам понравилось, обязательно порекомендуйте его и отправьте его кому-то, кто хочет научиться реагировать родным!