25 марта 2019 г.,
В минувшие выходные я посетил свой самый первый хакатон. Шестой Балтиморский хакатон в Балтиморе, Мэриленд. Доступны были треки Программное обеспечение, Аппаратное обеспечение и Гражданские технологии. До посещения я никого лично не знал, только несколько взаимодействий в социальных сетях, поэтому я, мягко говоря, нервничал. Я чувствовал, что мой единственный вариант - присоединиться к команде, а не создавать свою, и, к счастью, я так и сделал.
Я не знал, чем буду способствовать, мой единственный реальный опыт - это HTML, CSS и немного Ruby. Я участвую в онлайн-учебном курсе для самостоятельного изучения веб-разработки Full Stack. Скажем так, мы все знаем, что синдром самозванца существует. Для создания веб-сайта были выбраны Ruby on Rails и React. К сожалению, у меня не было ни того, ни другого, но, рискуя, я решил, что собираюсь пройти ускоренный курс React (который я прошел в пятницу и субботу утром). Вместо того чтобы сосредотачивать свою энергию на том факте, что я не знал основы, но зная, что в будущем я вернусь назад со своей учебной программой и буду впереди всех.
React - это библиотека JavaScript для построения пользовательских интерфейсов. React является декларативным, он разрабатывает простые представления для каждого состояния в приложении, а также эффективно обновляет и отображает нужные компоненты при изменении данных. React основан на компонентах, он создает инкапсулированные компоненты, которые управляют своим собственным состоянием, а затем компрометируют их, создавая сложные пользовательские интерфейсы. React также позволяет разрабатывать новые функции в React, не переписывая существующий код.
React состоит из двух компонентов. Простой компонент: компоненты React реализуют метод render (), который принимает входные данные и возвращает то, что нужно отображать. Входные данные, переданные в компонент, можно оценить с помощью render () через this.props. Компонент с отслеживанием состояния: помимо приема входных данных (доступных через this.props), компонент может поддерживать данные внутреннего состояния (доступные через this.state). Когда данные состояния компонента изменяются, визуализированная разметка будет обновлена путем повторного вызова render ().
Наряду с React, я баловался Grommet: фреймворком на основе реакции, который обеспечивает доступность, модульность, отзывчивость и темы в крошечном пакете. Затем я поигрался с SASS: CSS с супер силой.
Я потратил около 12 часов на кодирование, большую часть времени я потратил на кодирование одновременно. Мои товарищи по команде были чрезвычайно полезны в обучении. Хотя я не чувствую, что внес большой вклад в проект, я был благодарен за весь опыт.
Мой технический путь вытолкнул меня из зон комфорта, которые я никогда не мог себе представить, и тех зон, о которых я даже не подозревал. Мы с командой договорились встретиться в будущем и продолжить работу над этим, а также стать товарищами по команде на будущих местных хакатонах.
Первоначально опубликовано на www.codepresssolutions.com.