Экосистема JavaScript довольно сильна, и я рад, что становлюсь ее частью (в приподнятом настроении). На самом деле, что еще вы хотите от языка, кроме возможности написать приложение Frontend и Backend без значительных изменений в вашем языке программирования. , как однажды процитировали в одной статье «Lingo Franca на всю стопку!», я не мог не согласиться.

Однако немного предыстории: я парень, который сначала изучил фреймворк, прежде чем погрузиться в язык, я бы не рекомендовал его, я погрузился в Node.JS и получил от этого удовольствие, именно тогда я понял, что мне не хватает некоторых важных концепций JS.

«Человек, который знает, когда остановиться и вернуться назад, не заблудится». — Неизвестно.

Перенесемся вперед: я заново изучил JS, и мне не следовало считать, что тому, чему научил нас г-н Оппонг, было достаточно, на самом деле это была просто проверка формы с помощью JS (поскольку мне не очень нравилось программировать, я не стал читать дальше и предположил, что это было все, для чего был JS)

Теперь давайте углубимся в итоги моего первого дня.

Я скачал «Ускоренный курс» Брэда Трэверси от 2019 года (не знал, что существует версия 2020 года) и быстро заметил, насколько он устарел, действительно, в JS все происходит очень быстро, файловая структура в его приложении сильно отличалась от той, которую я получил от запуск этого cmd:

npx create-react-app todo-app //that's how you create a new React boilerplate from terminal

Через несколько минут после начала курса я понял, насколько мне знаком React, и вот почему:

Большинство преподавателей или документов не играют, когда они перечисляют эти основные понятия как «должны знать», прежде чем погрузиться в React:

Классы

Разрушение

Методы массива высокого порядка

Стрелочные функции

Fetch API и промисы

Все перечисленные выше концепции будут очень полезны в ReactJS.

Классы: вся структура приложения React выглядела как определенные реализации JS, которые я видел раньше. Полезно изучить ООП в JS, прежде чем рисковать в React, и создавать приложения, некоторые из них хорошие.

Деструктуризация: деструктуризация массивов и объектов, насколько я помню, это способ декомпозировать объект и легко получить доступ к его отдельным значениям.

Методы массива высокого порядка. Это незаменимые операции по изменению массива в JS, от forEach до filter to map и т. д. Без них невозможно выполнять сложные операции.

Стрелочные функции: стрелочные методы ES6 кажутся синтаксическим сахаром, но представляют собой очень современный способ написания функций в JS, это все, что я могу сказать на данный момент, поскольку я еще не полностью испытал их в React.

Наблюдения:

Вы не должны прыгать в React, каким бы мечтательным он ни казался в блогах, не ознакомившись с HTML => CSS => JS.

React to me — это кульминация всех этих технологий в разработке сложных интерфейсов пользовательского интерфейса с точки зрения компонентов.

Пришло время перейти ко второму дню, пожелайте мне удачи.

Спасибо за чтение.