[Перевод] Слышал, ты хочешь изучить React.js?

внешний интерфейс JavaScript Программа перевода самородков React.js

Слышал, ты хочешь изучить React.js?

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

Кроме того, сначала убедитесь, что вы изучаете React, главным образом, чтобы не запутаться в изучении самого React. Программист, знакомый с HTML и еще одним языком программирования, должен быть в состоянии освоить React на 100% за день или меньше. Начинающий программист должен освоить React за неделю. Конечно, сюда не входят инструменты и другие библиотеки, используемые для дополнения React, такие как Redux и Relay.

Важно учиться в упорядоченном порядке, и этот порядок будет варьироваться в зависимости от приобретенных вами навыков. Само собой разумеется, что сначала вам нужно иметь четкое представление о самом JavaScript и, конечно же, HTML. Думаю под эту проработку, если вы не умеете пользоваться методами map или reduce массивов, или не разбираетесь в замыканиях,Перезвоните, или если вас смущает вид "this" в коде JavaScript. Тогда вы не готовы изучать React, и вам еще предстоит многому научиться в области JavaScript.

Неплохо сначала обновить свои знания JavaScript, главным образом потому, что вам нужно изучить ES2015, а не потому, что React зависит от него (и он не зависит от ES2015). Но поскольку это лучший язык, в большинстве примеров, курсов и учебных пособий используется современный синтаксис JavaScript. В частности, вам нужно следующее:

  • Новые функции для литералов объектов и строк шаблонов
  • Разница между областью действия блока и let/const и var
  • стрелочная функция
  • Деструктуризация и значения по умолчанию/остальные параметры/оператор спреда
  • Классы и наследование (для определения компонентов, но избегайте их использования в других целях)
  • Определение методов с использованием синтаксиса поля класса и стрелочных функций
  • Объекты Promise и как их использовать с async/await
  • Импорт и экспорт модулей (наиболее важные)

Вам не нужно начинать изучать ES2015, но в конечном итоге вам нужно его изучить (не потому, что вы изучаете React)

Таким образом, помимо ES2015, чтобы стать эффективным разработчиком React, вам необходимо изучить следующее:

  • React,ReactDOM,ReactDOMServerAPI: эти API используются не так часто, мы обычно используем (говорим) только о 25 или около того, и вы редко используете их все.Официальная документация ReactНа самом деле это хорошая отправная точка (в последнее время стало лучше), но если вы все еще запутались, посмотритеОнлайн-курсы,читать книгуили принять участие вспециальный семинар. Ваши варианты безграничны, но будьте осторожны при выборе и убедитесь, что он ориентирован на сам React, а не на его инструменты и экосистему.

  • узел и нпм: Причина, по которой вам нужно изучить это (для React), заключается в том, что вnpmjs.orgТам есть много инструментов, которые могут облегчить вашу жизнь программиста. Кроме того, поскольку Node позволяет выполнять код JavaScript на стороне сервера, вы можете повторно использовать интерфейсный код React на стороне сервера (изоморфные/кроссплатформенные приложения). В большинстве случаев вы обнаружите, что node и npm еще более ценны в сочетании с сборщиком модулей, таким как webpack. Что еще более важно, когда вы пишете большие приложения, вам нужен хотя бы один инструмент для обработки JSX (игнорировать JSX необязательно). Для изучения и использования JSX рекомендуется использовать Babel.js.
  • Библиотека экосистемы React: поскольку React — это всего лишь язык для создания пользовательского интерфейса страницы, вам необходимо объединить другие библиотеки инструментов для полного отображения страницы и реализации MVC. Не ждите, пока вы освоитесь с React, чтобы начать этот шаг. Как только вы закончите с React, я предлагаю вам сосредоточиться на react-router и redux, двух библиотеках, забыть то, что вы узнали раньше, и сначала изучить эти две библиотеки.
  • Сразу же после ознакомления с исходными концепциями самого React создайтеReact Nativeприложение. Как только вы это сделаете, вы только оцените красоту React. Поверьте мне.

Лучшее, что вы можете сделать во время обучения, — это строить что-то своими руками. Не копируйте и вставляйте примеры и не следуйте слепо инструкциям, а создавайте что-то еще (в идеале то, что вас больше интересует) с помощью инструкций. Что бы вы ни делали, не делайте только одинПриложение TODO.

Я обнаружил, что создание простых игр демонстрирует идеи React лучше, чем серьезные веб-приложения, управляемые данными. Вот почему в моемВводный курс React.js, Я сосредоточен на создании простых игр. я все еще в своем«Простой React.js»построил еще одинразные игры, вы можете прочитать его бесплатно. попробовать вПлатформа онлайн-разработки JavaScriptЭто хорошее начало для реализации других подобных игр в , вам не нужен сервер, и вам не нужно управлять этим раздражающим состоянием.

Платформа разработки JavaScript REPL и React.js Изучайте JavaScript и React.js с jsComplete Interactive Labs jscomplete.com

Недавно я создал интерактивный инструмент для обучения аудио для jsComplate. Мой первый эксперимент по тестированию этого инструмента былПример React.js. Если вы экспериментировали, обязательно оставьте свой отзыв.

Удачи и приятного времяпровождения! Если вы зададите хорошие вопросы, я буду рад взглянуть на ваше первое приложение React и дать вам несколько советов.

Спасибо за чтение, если вы нашли эту статью полезной, нажмите 💚 ниже и следуйте за мной, чтобы узнать больше статей о React.js и JavaScript.

Программа перевода самородковэто сообщество, которое переводит высококачественные технические статьи из Интернета сНаггетсДелитесь статьями на английском языке на . Охват контентаAndroid,iOS,внешний интерфейс,задняя часть,блокчейн,товар,дизайн,искусственный интеллектЕсли вы хотите видеть более качественные переводы, пожалуйста, продолжайте обращать вниманиеПрограмма перевода самородков,официальный Вейбо,Знай колонку.

Категории