Если вы когда-нибудь планируете начать работу с ReactJS, прочтите это.
Я начал работать веб-разработчиком в COBE около трех месяцев назад. Первый проект, который мне поручили, был действительно большим и требовал навыков, которыми я тогда не овладел. Итак, естественно, моей первой мыслью было: «Как я собираюсь это сделать?»
Я помню, что все казалось мне новым, от работы в гибкой среде до изучения различных процессов, но я не паниковал. Я знал, что такое COBE, ценность моей команды и то, что я могу рассчитывать на людей, которые мне помогут. Кроме того, я помню, как думал о том, как через три месяца я, вероятно, буду смеяться над всеми своими заботами - и действительно, я смеюсь 😄.
Первые несколько недель прошли быстро, благодаря огромной поддержке моей веб-команды. Ребята всегда следили за тем, чтобы я все понимал. Я помню, что проводил много исследований, смотрел учебные пособия и читал статьи о передовых методах, и всякий раз, когда я чувствовал себя застрявшим, моей команде удавалось указать мне выход. Некоторыми технологиями, с которыми мне пришлось познакомиться для работы над проектом, были ReactJS, TypeScript и GraphQL.
Раньше я работал с Ruby on Rails, решениями для электронной коммерции и WordPress. Я помню, что меня всегда заинтриговал ReactJS, но у меня не было возможности изучить его и поработать с ним с нуля (если исключить прикосновение к нему с точки зрения компонентов стиля). Я и не подозревал, что в будущем собираюсь написать статью о том, как начать работу с ReactJS. Но вот я! 🤗
Поскольку я освоил разработку пользовательского интерфейса, касающуюся современного HTML, CSS (включая его фреймворки, а также пре- и постпроцессоров), адаптивного веб-дизайна и jQuery, я был готов к большему. Вот почему я пришел в COBE.
GraphQL
Я начал свое познавательное путешествие с GraphQL - мне потребовалось около дня, чтобы разобраться в нем. Один из моих товарищей по команде очень подробно объяснил мне: Это интерфейс, здесь вы пишете запросы, здесь вы можете писать переменные, и там вы получите свой ответ. Есть схемы и документы, вы можете искать как по запросу, так и по ответу, и на этом все . И, честно говоря, мне не нужно было намного больше информации, чем эта. Но вы можете найти больше здесь. Так, на всякий случай. 😅
ReactJS и TypeScript
Когда дело дошло до изучения ReactJS и TypeScript, это было не так просто, как с GraphQL. Что касается Typescript, я следовал исходной документации, где я нашел всю информацию по установке, в то время как мое начало с ReactJS было больше связано с изучением простого JavaScript, чем с ReactJS.
Я был знаком с JavaScript раньше и имел базовое представление о его стандартных объектах, выражениях, операторах и функциях, но затем я наткнулся на Eloquent JavaScript. Я рекомендую эту книгу всем, кто планирует начать работу с ReactJS, с видео и статьями по таким темам, как объектно-ориентированное программирование, функциональное программирование, функции высшего порядка и массивы в JS.
Еще я наткнулся на интересный репозиторий GitHub с коллекцией чистых веб-проектов Vanilla JS. Когда дело дошло до руководств по React, мой товарищ по команде предложил Complete Intro to React и Intermediate React замечательного Брайана Холта из FrontendMasters. В настоящее время я использую Intermediate React, медленно отношусь к делу и стараюсь все понять. У ReactJS есть отличная документация, но я хотел бы выделить эту статью Thinking in React », которую определенно стоит прочитать!
От теории к практике
Когда я только начал работать над проектом, я в основном исправлял небольшие ошибки. Но не поймите меня неправильно, поиск фрагмента кода, который нужно исправить, в то время занимал у меня больше времени, чем исправление самой ошибки. Но в конце недели я всегда чувствовал гордость - за каждое исправление, которое я сделал, за каждый созданный мной PR, получивший одобрение, и за каждую «хорошо сделанную команду», которую мы получили от клиента.
Мне не потребовалось много времени, чтобы начать делать функции вместо исправления ошибок. Наряду с этим я начал более глубокое исследование понимания самих данных для внешней стороны разработки. Написание запросов GraphQL и исследование образцов данных теперь не является для меня загадкой, равно как и создание компонентов ReactJS и их стилизация с использованием стилизованных компонентов, добавление их в Storybook и заполнение их реальными данными. Я также активно использую TypeScript и стараюсь идти в ногу с последними стандартами ES.
Три месяца - это небольшой срок, но для меня этого было достаточно, чтобы найти ценность в моей новой команде и научиться чему-то новому. Я начинаю лучше разбираться в JavaScript и заметил некоторые положительные изменения в способах написания кода.
Эта однострочная функция, которая возвращает массив аэропортов на основе параметра locale, появилась около двух месяцев назад. Возможно, для вас это ничего не значит, но эта единственная строка кода сделала меня таким счастливым и гордым. 😊 Он такой чистый, что почти видно, как он сияет! Без оператора if-else, без ключевого слова return, без let, без var и добавленного типа в параметр локали.
Кодирование делает меня счастливым, вот и все. Конечно, это не происходит в одночасье, это требует много времени, мотивации и решимости. Но делайте маленькие шаги каждый день и убедитесь, что у вас в голове есть цель. Кроме того, если у вас есть отличная команда, которая поддерживает вас и отвечает на все ваши вопросы, вам хорошо.
Удачного обучения и программирования! 🤞
Эта статья ранее была опубликована на cobeisfresh.com.
Любица - веб-разработчик в COBE. Она чрезмерно мыслит, любит небо, места и мелочи. Когда она не осваивает свои навыки взаимодействия с пользователем, она проводит время на природе, играет на пианино или просто путешествует по миру.
Нравится то, что вы читаете? Поставьте лайк и порекомендуйте нас! А если вы хотите продолжить обучение, ознакомьтесь с другими интересными статьями от нашей команды:
