Исходя из чистого фона Angular, я чувствовал, что «упускаю», когда кто-то говорил о React. То, что вы можете делать с React, варианты, доступные для плагинов, и с React Native — возможность разработки нативного приложения прямо из коробки.

Но я верен Angular. Я боялся, что если я сосредоточусь на одном фреймворке, а затем перейду к другой UI-библиотеке или фреймворку, то стану мастером на все руки и мастером ни в чем. Настоящий страх и ключевая причина, по которой я решил сосредоточиться на качестве, а не на количестве. Сосредоточение всего внимания на разработке интерфейса Ionic и Angular было плодотворным, по крайней мере, для меня лично.

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

Итак, в 2019 году компания Ionic представила Ionic React. Это заинтриговало меня, и я захотел глубже понять React. Я видел React раньше, и меня оттолкнуло понимание различных методов использования JSX/TSX. Я никогда не делал серьезных шагов в изучении того, как на самом деле создавать что-то с помощью React, поскольку это был совершенно другой метод и идеология, чем Ionic Angular.

Я также понял, что избалован генераторами командной строки, предоставляемыми Ionic Angular, имея возможность легко создавать сервис или компонент в любое время. Конечно, это недоступно в React. Нужно генерировать каждый файл и компонент самостоятельно.

В конце концов я решил попробовать Ionic React. Так как, в конце концов, он автоматически добавляется в Ionic CLI. Не нужно настраивать create-react-app и др., просто запустите Ionic и вуаля. После завершения обработки с помощью Ionic CLI я запускаю обычную команду ionic serve и понимаю, что приложения Ionic Angular и Ionic React имеют одинаковый начальный шаблон. интерфейс.

Это момент озарения, потому что в каком-то смысле можно использовать то, что я очень хорошо знаю — Ionic Angular — и использовать его как своего рода Розеттский камень, чтобы в основном опираться на Ionic. Реагировать приложение. Конечно, позже я узнал, что между ними есть несколько ключевых различий, таких как использование хуков в React, но это отличное введение в Ionic React для тех, кто не работал с JSX или TSX.

Одной из первых вещей, которые я попробовал в приложении Ionic React, были всегда надежные и простые в использовании компоненты пользовательского интерфейса Ionic. К моему большому удивлению, несмотря на немного разные соглашения об именах, после удаления «-» использование компонентов пользовательского интерфейса Ionic в Ionic Angular и Ionic React идентично. Например, в типичной Ion Grid параметры, вставленные в компонент, такие как смещение и размер, используются точно так же, как показано как в Ionic Angular, так и в Ionic React. Это показано ниже:

Вскоре мне удалось создать полномасштабное приложение Ionic React, используя то, что я знаю о компонентах пользовательского интерфейса Ionic и Ionic Angular. Я также смог разобраться с компонентными методами построения с помощью Ionic React, это не так сложно, как я думал ранее, а с хуками React, Ionic React наверняка стал для меня чем-то приятным, и я понимаю, почему Ionic React так оно и есть. Хотя я не собираюсь отказываться от Ionic Angular, изучение Ionic React дало мне понимание того, почему эта библиотека пользовательского интерфейса так популярна и довольно проста в использовании.

Заключение

Что ж, вам не нужно развивать симпатию ко всем разновидностям фреймворков и библиотек пользовательского интерфейса. Не будь, ради всего святого, мастером на все руки и ни в чем не мастером. Страх пропустить (FOMO) реален, но важно сохранять концентрацию. Однажды на пике популярности будет Z-фреймворк, а затем F-фреймворк или X UI-библиотека, которые сейчас актуальны.

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

Мое личное мнение однозначно: придерживайтесь одного фреймворка, в котором вы хороши, и осваивайте его! Это так просто.

Спасибо за чтение

Селамат Менгатуркара!

Моя презентация на Ioniconf 2022

Во время недавней конференции Ioniconf 2022 я представил следующую идею понимания Ionic React с помощью Ionic Angular в качестве переводчика Rosetta stone-type. Вот видео, надеюсь вам понравится:

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Посетите наш Community Discord и присоединитесь к нашему Коллективу талантов.