Во-первых, вступайте в мир с тем, что вам нужно узнать больше, чем просто реагировать на работу с реагированием. Это хорошо, Rect – это библиотека, которую Одчастья действительно хорошо , но это не ответ на все.
Тем не менее, определить, реагирует о том, что вы в настоящее время изучаете, реагируют или нет, в основном, чтобы вы не запутались по поводу ваших усилий, чтобы научиться реагировать. Программист, который комфортно с HTML и другим другим языком программирования сможет выбрать 100% реагирования за 1 день или меньше. Программист для начинающих должен быть достаточно хорошим с реагированием в течение недели. Это не считает инструменты и другие библиотеки, которые завершают реагирование, например, Redux или Relay.
Существует важный вопрос о порядке, с которым вам нужно учиться. Этот заказ будет варьироваться в зависимости от того, какие у вас навыки. Он не говорит о том, что сначала вам нужно твердое понимание самого JavaScript, и, конечно, также HTML. Мне нравится быть конкретным об этом здесь, поэтому, если вы не знаете, как карту или уменьшить массив, или если вы не понимаете концепцию закрытие и Обратные вызовы или если видишь «это» в коде JavaScript смущает вас, вы не готовы к реагированию, и у вас все еще есть много, чтобы сделать в земле JavaScript.
Освежая свои знания на JavaScript сначала не повредила бы, особенно потому, что вам нужно изучить ES2015, не потому, что реагировать зависит от него (это не), но потому что это гораздо лучший язык, и большинство примеров, курсов и учебников вас Найдет воспользоваться современным синтаксисом JavaScript. В частности, вам нужно узнать следующее:
- Новые особенности объекта буквального
- Шаблонные строки
- Блок-область и использование пусть и const
- Функции стрелки
- Разрушивание, аргументы по умолчанию, по умолчанию, отдых и распространенные операторы
- Классы и наследование (слегка используется в определении компонента, но, чтобы избежать иначе)
- Синтаксис полевого поля для определения методов со стрелками функций (функция стадии 3)
- Обещать объекты и и как их использовать с async/ждать
- Модули для импорта и экспорта
Вам не нужно начинать с ES2015, но вам нужно в конечном итоге узнать его (а не потому, что вы изучаете реагирование).
Таким образом, кроме вещей ES2015, вам нужно узнать следующее, чтобы быть продуктивным разработчиком реагирования.
API из Реагировать , Реагировать , ReactomServer : Это не большие API на самом деле, мы говорим, возможно, 25 разных вещей, и вы редко используете их все. Официальная документация на реагирование На самом деле на самом деле очень хорошая отправная точка (она недавно получила намного лучше), но если она все еще путает вас, посмотрите онлайн курс , читать книгу или присоединиться к Целенаправленная мастерская Отказ Ваши варианты здесь бесконечны, но будьте осторожны, что вы выбираете и убедитесь, что он имеет фокус на самом реагировании, а не на его инструменты и экосистеме.
Узел и NPM : Причина, по которой вам нужно узнать тех (для реагирования), заключается в том, что есть тонна инструментов, которые размещены в npmjs.org Это сделало бы вашу жизнь легкой. Кроме того, поскольку узел позволяет вам выполнить JavaScript на своих серверах, вы можете повторно использовать свой интерфейс React Code на сервере (изоморфные/универсальные приложения). В основном, что вы найдете ценным с узлом и NPM, работают с модулем Bundlers, как WebPack. Это гораздо важнее, когда вы пишете большое приложение, но вам понадобится хотя бы один инструмент для работы с JSX (игнорируйте советы, что JSX является необязательным.) Узнайте JSX и используйте его. Рекомендуемый инструмент Babel.js
Реагистрационные библиотеки экосистем: поскольку React – это просто язык пользовательского интерфейса, вам понадобятся инструменты для завершения изображения и выйти за рамки даже MVC. Не начинайте здесь, пока вам не очень удобно реагировать. Я дам вам две вещи, чтобы сосредоточиться, просто забудьте все остальное, что вы столкнулись, и выучите эти два сначала, когда вы закончите с помощью реагирования: React-Router и Redux.
Сразу после того, как он чувствую себя комфортно с сырыми концепциями самого реагирования, построить Реагировать родной приложение. Вы действительно получите только красоту реагирования, как только вы это сделаете. Поверьте мне.
Во время вашего учебного процесса лучшее, что вы можете сделать, это строить вещи своими руками. Не копируйте примеры вставки, не следуйте инструкциям слепо, а скорее, отразите инструкции, чтобы построить что-то еще (в идеале, то, о чем вы заботитесь о). Что бы вы ни делали, просто не создавайте Приложение TODOS Отказ
Я нахожу создание простых игр, чтобы продемонстрировать идеи реагирования намного лучше, чем начать с серьезных веб-приложений, управляемых данными. Вот почему в моем Начало работы с React.js Курс Я сосредотачиваюсь на создании простой игры. Я также построил другую игру в Эта статья Отказ Попробуйте реализовать другие подобные игры в JavaScript Playground Таким образом, это хорошо, вам не нужен сервер, и вам не нужно управлять сумасшедшим государством.
Я пишу Ract.js электронная книга Это будет опубликовано в ближайшее время. Вы можете Предварительно заказать это здесь Отказ
Изучение реагирует на строительные игры | электронная книга
Я создаю онлайн курсы для Плуренайт и Линда Отказ Мои самые последние курсы – Advanced React.js , Advanced Node.js и Обучение Full-Stack JavaScript Отказ Я также делаю подготовку к командам, охватывающим новичок до продвинутых уровней в JavaScript, Node.js, rance.js, graphql, postgresql и многое другое. Email kyle@agilelabs.com Если вы хотите забронировать тренинг для вашей команды.
Эта статья была первоначально опубликована здесь