Соберите друзей и товарищей, пока я показываю чудеса деревьев компонентов!
Один из самых больших вопросов, который у меня возник после завершения первого этапа моего учебного курса по разработке программного обеспечения в школе Flatiron, заключался в том, как мы должны создавать ОГРОМНЫЕприложения на JavaScript? Мы же не должны помещать весь наш код в один JS-файл, верно? К счастью, как только вопрос начал формироваться, на него был дан ответ. Деревья компонентов React.
Если вы не знакомы с React, я быстро объясню. React — это фреймворк для JavaScript, который включает в себя множество встроенных функций, использующих обычный JavaScript и делающих его более простым в использовании, более мощным и, на мой взгляд, более увлекательным! Одной из внутренних возможностей React является его древовидная система компонентов, которая позволяет пользователю разбивать свое приложение на множество более мелких частей, что упрощает и организует ваш код более естественным образом. Сначала я не хотел правильно использовать дерево компонентов и, безусловно, был виновен в чрезмерном наполнении компонентов, чтобы не приходилось организовывать множество компонентов, но благодаря однокласснику и другу Эллиоту Манджини (также загляните в его блог! Ссылка ниже!) он показал мне славу, которая созрела для получения с помощью компонентов.
Я, конечно, воспринял его слова близко к сердцу, может быть, слишком близко к сердцу, что лучше всего иллюстрируется черновым наброском нашего дерева компонентов, сделанным моей проектной группой…
Это действительно раздуто до пародии, но я всегда верил в то, чтобы стать большим или вернуться домой.
Не беспокойтесь, дорогой читатель, потому что после недели работы над проектом мы с членами моей группы, естественно, обрезали жир нашего дерева компонентов, как опытные мясники, что было необходимо для функциональности и нашего собственного здравомыслия.
Теперь, читатель, вы можете спросить себя: «Как продвигается эта статья, действительно ли ему есть что сказать о компонентах?» или вы просто кричите на экран: «МЫ ПОНЯЛИ ВАМ, КАК ДЕРЕВЬЯ КОМПОНЕНТОВ! ЗАВЕРШАЙТЕ ЭТО!» Что ж, в ответ на последний холод, но ответ на первый двоякий. Во-первых, потому что мое их использование аналогично моему росту как инженера-программиста. Я начинаю с опасения, затем я перебарщиваю с новой механикой, наконец, я прихожу к золотой середине (понять ее), а во-вторых, это потому, что без хорошего понимания и навигации по вашему собственному дереву компонентов ваше приложение, по крайней мере, будет неудобным в использовании. , и, скорее всего, это просто не сработает. Позвольте мне привести пример. В течение проектной недели я изо всех сил пытался опубликовать изменение в JSON (что было требованием проекта), и я покажу сначала свой код (который не удался) и код, написанный одним из моих партнеров (который работал).
Как видите, код почти идентичен. По общему признанию, у меня был немного более (ненужный) сложный код в начале попытки решить эту проблему, и я сократил его, когда понял, что он не нужен так много, как я включил. Единственная реальная разница между функциональностью нашего кода заключалась в том, где мы размещали выборку. Я поставил его в место, где не было легкого доступа ко всему, что ему нужно, и Остин сделал это.
В заключение я просто скажу, что деревья компонентов потрясающие, а также загляните в блог моих партнеров!
