«Пусть тот, у кого есть бесплатное программное обеспечение, бросит первый камень». - Ассад Чалхуб
Уже несколько дней я возвращаюсь в свою оболочку с тех пор, как мы запустили JavaScript, а теперь и React, но точки начинают соединяться; сначала на JS с помощью нашего Chief CodeSmith, а затем на React благодаря стойкости нашего дружелюбного, веселого, но жесткого учителя г-на Мэтью (также известного как Г-н Мэтт)
После первого или двух дней нашего знакомства с React мистер Мэтт, почувствовав беспокойство среди нас, решил применить другой подход, отказавшись от своих заметок и ноутбука в пользу доски. Да, он снова начал проталкивать в нас React с белой доски.
Он создал очень прочную связь с белой доской, самим собой и стажерами, сделав ее ионной связью, просто чтобы убедиться, что мы понимаем React на определенном уровне. В том, что он делал, замечательно то, что он все время сопровождал нас и никого не оставлял позади, это его торговая марка.
Г-н Мэтт заставил нас понять, что React (эффективная и гибкая библиотека JS для создания многоразовых компонентов пользовательского интерфейса для веб-приложений) прост, понятен и понятен.
Он избавился от опасений, когда мы начали со всех преамбул и создания React. Все шло гладко, пока моя система не упала в яму. Ошибка, которая отказывалась исчезать после того, как мы добавили папки Bootstrap и Font-Awesome в нашу папку ресурсов. Когда пара из нас столкнулась с одной и той же проблемой, было решено, что мы установили оба файла напрямую, а затем удалили нашу папку с активами, содержащую оба файла.
Итак, возвращаясь к React, я понимаю, что он фокусируется только на уровне представления, поскольку Мэтт нашел время, чтобы объяснить некоторые концепции, такие как Состояние, Свойства. (сокращение от свойств), Компоненты, JSX (расширение для разработки приложения React с использованием синтаксиса, подобного HTML), а также то, как оно использует виртуальную модель DOM, которая - это объект JS, который отображается перед основной DOM, что ускоряет работу.
По мере того как г-н Мэтт продолжал свои объяснения, мне стало ясно одно: это Компоненты. Это похоже на то, что React - это все о компонентах, так как вам нужно думать и видеть все как компоненты.
Поэтому, если у меня есть заголовок, содержащий панель поиска, панель навигации и некоторые другие, мне нужно будет видеть эти отдельные элементы внутри заголовка, включая сам заголовок как Компоненты.
Точно так же, если я создаю формы, мне придется делать то же самое. По сути, у нас есть два типа компонентов: с сохранением состояния и без состояния. А компоненты помогают поддерживать коды реакции при работе над более крупномасштабным проектом.
Чтобы лучше объяснить эту концепцию (компонент), я хотел бы использовать то, над чем мы работали вчера, а именно таблицу, которую мы использовали для визуализации данных о человеке (идентификатор, имя, адрес электронной почты и адрес).
Итак, у нас были компоненты Table, Thead (содержащие заголовок таблицы ‹th› ID, Name, Email) и Tbody (для визуализации данных таблицы с помощью ‹td›); все это будет объединено в компонент таблицы с помощью оператора импорта.
Теперь у меня в кармане есть мой друг (Компонент), но игра только начинается. Было забавно видеть, как некоторые стажеры, достигшие вершины горы (например, Джордж, также известный как Phavor-Sparks), и те, кто добился огромного прогресса (например, Чидера, Шалом, Эази, Эз и другие), в какой-то момент выглядели немного потерянными, но как один мудрый человек однажды сказал: «Рим строили не за один день», и наш скетч на React тоже не будет.
Резерфорд пишет…
Ой, реагируй, зачем ты так поступаешь с моими детьми ...
Диарис Бог ..
Мы соберемся завтра. Будь там….
iC
Главный CodeSmith
