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.