Если вы читаете эту статью, то наверняка уже знаете, что такое React. React имеет известную крутую кривую обучения, и многие люди приходят в замешательство, когда начинают изучать React, и я не исключение. Причина в том, что когда мы изучаем React, нам нужно изучить больше, чем просто библиотеку React. Сам по себе React — это всего лишь UI-библиотека, написанная на JavaScript, но чтобы хорошо использовать эту UI-библиотеку, нужно знать много дополнительных знаний.
В этой статье перечислены запасы знаний, которые, по моему мнению, нужны новичкам перед изучением React, и приложены рекомендуемые учебные ресурсы в сочетании с их собственным процессом обучения. Надеюсь, это поможет вам начать работу с React лучше и быстрее. Для той части, которую вы уже знаете, вы можете пропустить ее напрямую.
Основы JavaScript
Как говорится, если вы хотите построить высотное здание, вы должны сначала глубоко пробурить фундамент. В конце концов, React по-прежнему остается библиотекой JavaScript, и если у вас нет прочной основы JS, вы не сможете хорошо изучить React. Если вы не знаете, что такое примитивные типы JS и какие значенияfalsyиз,thisЧто вы имеете в виду, вам может понадобиться изучить основы JS.
Подождите, не спешите открывать «Полное руководство по JavaScript» и начинать грызть. Изучение языка не происходит за одну ночь.Если у вас есть предыдущий опыт написания JS-скриптов, вот несколько статей, которые помогут вам вспомнить некоторые важные концепции, а остальное приберечь для реального боя.
Рекомендуемое чтение:
- Возвращение JavaScript | MDN
- Справочная документация по JavaScript: это | MDN
- Углубленная серия JavaScript от Yu Yu
Углубленное изучение:
- Продвинутое программирование на JavaScript
- «JavaScript, которого вы не знаете»
- «Суть языка JavaScript»
ES6
Вы, наверное, уже знакомы с ES6 (ECMAScript 6). С момента своего выпуска в 2015 году ES6 вдохнул новую жизнь в язык JavaScript, значительно улучшив опыт разработки. Поскольку текущие основные фреймворки используют ES6, даже если вы не используете React, вы все равно будете использовать ES6. Кроме того,BabelСуществование может помочь вам избежать забот.
В ES6 есть много важных знаний, включая, помимо прочего: let/const, стрелочную функцию, назначение деструктурирования, Set/Map, Generator/Iterator, Promise, async/await и т. д. пожалуйста, используйтеMDNфункция поиска.
Рекомендуемое чтение:
модульный
Текущий веб-сайт больше не похож на эпоху вырезания и записи, и написанный от руки сценарий JS может охватывать все взаимодействия с веб-сайтом. По мере усложнения бизнес-логики становится проблемой управление кодом и его повторное использование. Для решения этой проблемы существует модульность, позволяющая создавать большие приложения с помощью JavaScript.
В настоящее время популярны модульные решения: CommonJS, модуль ES6, спецификация AMD, спецификация CMD и т. д. Среди них наиболее часто используются CommonJS и модуль ES6. Излишне говорить, что ES6 Module — это модульное решение, предложенное ES6 на уровне языка, а CommonJS — это модульное решение, принятое Node.js.
Рекомендуемое чтение:
- Модули JavaScript: руководство для начинающих, Прити Касиредди
- Начало работы с ECMAScript 6: синтаксис модуля Руан Ифэн
Углубленное изучение:
Выживание в командной строке с помощью менеджеров пакетов
Вам не нужно быть хакером, чтобы освоить все классные команды, чтобы выжить в командной строке. Прежде всего, вам нужно выбрать удобный терминал, который рекомендуется для пользователей MacOS.iTerm2, пользователи Windows не несут ответственности за рекомендацию Powershell. Во-вторых, вы должны иметь возможность использовать командную строку для свободного доступа к файловой системе, выполнения некоторых основных операций с файлами и простого управления системой. достаточно.
Причина изучения командной строки заключается в том, что инструменты управления пакетами JS работают в командной строке, включая npm и yarn.
Так что же такое инструмент управления пакетами? Как следует из названия, это инструмент для управления зависимостями проекта. Сила JavaScript неотделима от его процветающей экосистемы, существует бесчисленное множество модулей, которые помогут вам решить самые разные проблемы, и React — один из них. С помощью инструмента управления пакетами вам больше не нужно переходить на веб-сайт, чтобы загрузить файл JS, вам просто нужно использовать командную строку, чтобы получить указанный файл с сервера npm.
npm (node package manager) — инструмент управления пакетами, который поставляется с Node, а yarn — менеджер пакетов, предложенный Facebook для решения некоторых проблем с npm. (Последняя версия npm уже работает нормально)
Рекомендуемое чтение: