Как я создал свое первое приложение React: введение
Часть 1: Введение
Все началось около 6 месяцев назад. Я использовал Free Code Camp, чтобы узнать все, что нужно знать о фронтенд-разработке. Там же я впервые узнал о React. До этого момента я выполнял задания FCC как маньяк, стремящийся узнать больше. К сожалению, их учебная программа по React в то время не была завершена, что вынудило меня сразу погрузиться в раздел проектов. Я начал учиться, делая.
Я люблю это. Это было немного многословно, и в то же время так просто и понятно (в отличие от Angular, где я до сих пор понятия не имею, в чем разница между фабриками и сервисами). Методы жизненного цикла казались очень знакомыми благодаря моему опыту работы с Android, и мне понравилась идея написания HTML с использованием JavaScript. Тот факт, что React также поддерживает рендеринг на стороне сервера и может использоваться для создания изоморфных приложений (подождите, что?), только сделал меня более заинтересованным и любопытным.
Но мне еще предстояло узнать больше. Проекты FCC React были отличными, но недостаточно сложными, чтобы полностью понять React, обычно им требовалось простое дерево компонентов. Такие вопросы, как «Как два несвязанных компонента могут передавать сообщения?», «Как я могу создавать одностраничные приложения с помощью React?» и «Как интегрировать получение данных с React?» даже не приходило в голову. Поэтому, когда я, наконец, добрался до первого проекта полного стека FCC, использование React было очевидным выбором.
Создайте приложение для голосования
Так назывался проект. Задача состояла в том, чтобы создать приложение для голосования: каждый посетитель может просматривать опросы, созданные пользователями. Вам нужно будет зарегистрироваться, чтобы создать опрос или проголосовать за него. Это было в значительной степени это, основное и простое. Вы можете выбрать любую библиотеку или фреймворк и любую серверную среду. Единственным требованием является реализация упомянутых вариантов использования.
Как я уже сказал, я решил использовать React. Я никогда не планировал делать больше, чем меня просили, это просто случилось. На этот простой проект у меня ушло шесть месяцев (не полный рабочий день).
Работая над ним, я задавал себе те же вопросы, о которых упоминал ранее, поэтому я исследовал различные «ответы». Учитывая каждый вопрос, я, наконец, решил ответить «Реактивный», и под этим я подразумеваю ответ, который лучше подходит для React или, по крайней мере, должен подходить лучше.
В следующей серии статей я собираюсь показать, как я создал свое изоморфное реактивное приложение для голосования: Question-It.
От построения через выборку данных до их изоморфности. Это: Как я создал свое первое приложение React.
Это первая статья из моей серии Как я создал свое первое приложение React, в которой показаны шаги, которые я предпринял, пытаясь создать изоморфное приложение для голосования с помощью React. Весь код доступен в моем репозитории GitHub: question-it.
- Часть 1. Введение.
- Часть 2: Строительство.
- Часть 3: выборка данных.
- Часть 4: Изоморфизм.
Кстати, это моя первая статья, надеюсь, вам понравится.
