Как я изучил ReactJs |

Обо мне

Меня зовут Макс, и я 32-летний инженер-программист из Германии. Когда я был ребенком, у меня появился мой первый компьютер, и мне сразу же стало интересно программировать, особенно те вещи, которые создавали какое-то взаимодействие между пользователями. Это был 2004 год, и я вам скажу, javascript был немного другим, чем сегодня. Итак, я начал кодировать PHP и создал базовый пользовательский интерфейс с помощью html/css, используя рендеринг на стороне сервера, практически без какой-либо инфраструктуры. Это заняло довольно много времени, потому что я должен был во всем разобраться сам.

С течением времени веб-фреймворки развивались и делали создание приложений более «доступным» для разработчиков. Созданные фреймворки помогают мне справляться с базовой функциональностью и проблемами дизайна. Так что я попробовал Javascript и совершенно его ненавидел — он был таким другим. Но как только я понял основные понятия, он стал настолько привлекательным для меня, что я не хотел кодировать на каком-либо другом языке.

Почему я хотел изучить ReactJs

Я искал какую-то структуру или парадигму, которая помогла бы мне организовать мои огромные модули javascript и структурировать мои идеи таким образом, чтобы я мог реализовать свои мысли с большей точностью и скоростью.

В то время (думаю, это было где-то в 2014 году) ReactJs был фреймворком, представленным инженерами DevOps из Facebook в Instagram, и я полностью влюбился в подход структурирования всего в компонентах. Было так много смысла разбивать визуальные элементы моих веб-приложений на более мелкие модули, компоновать и вкладывать их друг в друга, создавая абстрактные автономные фрагменты кода, которые волшебным образом будут работать и играть вместе.

Тогда я стал участвовать в сообществе и действительно чувствовал, как эта технология привлекает все больше и больше разработчиков.

Как я подошел к изучению ReactJs

Когда я начинал, был отличный справочный сайт, который давал представление об основных концепциях ReactJs (он сильно отличался от того, как он выглядит сейчас). Наряду с этой рекомендацией я создавал проекты и учился по пути, пока я искал клиентов и собственные идеи.

К тому времени было не так много учебных пособий, но я взял большую часть того, что знаю, на практике.

Проблемы, с которыми я столкнулся

Часть экосистемы вокруг ReactJs была представлена ​​в виде учебных пособий, таких как работа с менеджером пакетов, создание конвейеров, настройка живой перезагрузки, зависимости и многое другое. Иногда было сложно просто настроить и запустить среду.

С ростом требований такие вещи, как управление состоянием, становились все более и более сложными, и требовалось внедрять в мой «стек» больше технологий, таких как фреймворк Flux. Понимание концепций и интеграция этого в мой существующий код было довольно сложной задачей. Такие понятия, как неизменяемость, были настолько нелогичными.

Технологии развивались, и ECMA представила новый синтаксис, react представила нам классовые и функциональные компоненты, контексты, к которым мне пришлось адаптироваться.

Основные выводы

Я узнал, что мой практический подход был отличным способом получить глубокие знания, действительно понимая проблемы, с которыми я столкнулся в их основе, но также потратил много времени, я мог бы быть более продуктивным.

Изучение концепций, которые на первый взгляд не имели для меня никакого смысла, действительно помогло мне извлечь из них большую пользу.

Советы и советы

Первое, что я действительно рекомендую вам сделать, это: не идти по короткому пути. Иногда необходимы обходные пути, если технология просто не готова, но, пожалуйста, никогда не переставайте ставить перед собой задачу найти наиболее адекватный способ создания ваших приложений. Эта дисциплина проложит путь к совершенству.

Ограничение себя с помощью шаблонов и лучших практик будет болезненным, но поможет вам уменьшить сложность в долгосрочной перспективе. Просто убедитесь, что вы не применяете все шаблоны и лучшие практики, а вместо этого рассуждаете о том, что они делают для вас и почему вам это нужно в первую очередь. Устанавливайте только те зависимости, о которых вы знаете, зачем они вам нужны.

Заключительные мысли и следующие шаги

Мне понравилось, как много я узнал об этой технологии, что заставило меня быстрее выполнять итерации и думать о более сложных требованиях, получая мгновенное представление о том, что возможно, а что нет, что я должен делать, а что нет. Я стал более уверенным в себе как разработчик, и изучение этой технологии сыграло в этом большую роль.

Я хочу пригласить вас присоединиться ко мне. Я поддержу вас в создании собственного проекта или научу вас по ходу дела.