Когда я начал изучать React js, мне хотелось, чтобы был способ, статья или какой-то ресурс, который мог бы помочь мне начать работу с React, связав его с флаттером.

К сожалению, я не нашел ни одного, поэтому я подумал о его создании, когда я научусь и стану лучше или стану увереннее.

Итак, вот оно…

Но сначала я хочу задать вам вопрос:

Почему ты бы так поступил?

вы знаете, что флаттер намного проще, чем реагировать, и он довольно хорошо растет.

В любом случае начнем!

Сначала давайте начнем с самого простого, а затем погружаемся все глубже и глубже.

Что это за инструменты?

Хотя вы знаете, что Flutter — это UI-инструментарий от Google или, скажем, Framework для языка программирования dart, где ReactJs также является инструментом пользовательского интерфейса, но единственное отличие состоит в том, что React — это не фреймворк, а просто библиотека javascript, но все же так. мощный, что он конкурирует с такими фреймворками, как флаттер, угловой и vue.js. И поскольку Flutter разработан и поддерживается Tech Gaint Google, React разрабатывается и поддерживается Tech Gaint Facebook.

Что общего в них обоих?

Инструменты фронтенда:

Оба они предназначены для создания внешнего пользовательского интерфейса, они оба предлагают простое, элегантное и эффективное создание пользовательского интерфейса.

Кроссплатформенная поддержка:

Оба они предлагают кроссплатформенную поддержку, что просто означает, что вы можете создавать или развертывать/запускать одно и то же приложение на устройствах с разными ОС, которые также используют одну и ту же кодовую базу или одну кодовую базу (если быть точным). Но есть еще некоторые детали, о которых мы поговорим позже, например, для разработки нативных приложений, нам нужно использовать React Native и т. д.

Государственное управление:

Оба имеют два типа объектов, во флаттере мы называем их виджетами, а в реакции мы называем их компонентами, и эти два типа являются виджетами/компонентами без состояния и с состоянием. Оба они поддерживают различные инструменты для простой и эффективной обработки состояния, например, у flutter есть пакет Provider, а у React — Redux.

Кусок/объект:

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

Есть еще некоторые сходства, но давайте теперь поговорим о различиях:

Что отличается в обоих из них?

Компоненты против виджетов:

Хотя оба работают одинаково, но реализация имеет разницу. Как и для создания компонента, есть два способа: один с использованием класса, а второй с использованием функции или на основе класса и на основе функции. Но во флаттере есть только один способ — расширение класса (без сохранения состояния или с сохранением состояния).

Кроссплатформенность:

Хотя оба имеют кросс-платформенную поддержку, у них также есть небольшая разница, например, во флаттере, мы можем использовать приложение флаттера для Android, IOS и Интернета с некоторыми настройками пользовательского интерфейса, такими как сделать его отзывчивым и для некоторых вещей доступности, но для реагирования вам нужно изучить React Native для разработки нативного приложения для Android и IOS.

Это еще не все, это часть - I, мы надеемся, что мы рассмотрим обзор в следующей части.

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

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