Мы, люди, будем путаться во многих вещах. Путаница может возникнуть из-за разных характеристик вещей. Самый распространенный способ запутаться в разных вещах — это их названия.
Люди сначала узнают названия новых вещей. Или это другой человек, животное, продукт, программное обеспечение и т. д., они будут искать по именам, а затем узнают о различных функциях, приложениях, истории и т. д.,
Почему все это?
Да, люди часто путаются с терминами (названиями) React и React Native. Если люди, не являющиеся техническими специалистами, увидят названия React и React Native, в большинстве случаев они решат, что Reactive Native является расширением React. Даже некоторые технари могут думать так же, если у них 0% знаний в этих областях.
Что именно это за вещи? Почему люди часто путают их, а не других?
React и React Native — это два фреймворка. Имена выглядят одинаково с дополнительным словом между ними. Итак, люди часто путаются в своих именах с первого взгляда. Если у вас такая же путаница, то вы находитесь в правильном месте, чтобы раскрыть тайну, стоящую за ними.
Давай выясним.
Реагировать
React — это библиотека JavaScript, используемая для создания одностраничных веб-приложений. Это одна из самых популярных библиотек внешнего интерфейса для Интернета. Пожалуй, можно сказать, что это самая популярная библиотека на данный момент. Он создан и поддерживается Facebook. Он также известен как ReactJS.
Имея опыт работы с React, могу сказать, что его приятно и легко изучать и создавать. Это библиотека. Таким образом, мы можем построить все, что захотим и как захотим, используя его функции. Нет жестких и быстрых правил, которым необходимо следовать при разработке приложений с помощью React. Так что у нас будет свобода.
У React так много замечательных функций. Давайте посмотрим на них.
№1. Компоненты
В React все является компонентом. Это как строительный блок веб-приложения. Мы можем формировать большие компоненты, комбинируя маленькие компоненты. Каждый компонент имеет свое состояние и управление. Компоненты управляют пользовательским интерфейсом и решают, что показывать пользователям в зависимости от его состояния.
Компоненты все в React. И они многоразовые. Напишите один раз и используйте его везде.
Мы должны писать компоненты с особой тщательностью. Это упрощает поддержку, когда наше приложение растет. Если мы напишем много кода в одном компоненте, в конечном итоге это станет бременем для обслуживания. Компоненты реакции должны быть небольшими и сладкими. Они делают жизнь разработчика не только адом, но и раем.
№ 2. Виртуальный дом
Вы должны увидеть что-то вроде загрузчика внутри кнопки. А в социальных сетях количество лайков увеличивается, как только вы нажимаете на нее. В первые дни существования Интернета нам приходилось перезагружать все, чтобы получить информацию. Но теперь сингл, который нужно обновить, будет обновляться для нас, не касаясь других вещей. что это?
Как мы видели ранее, все в React является компонентом. Браузеры поддерживают структуру DOM для элементов веб-приложений. Когда часть веб-приложения необходимо обновить, нам нужно обновить ее с помощью манипуляций с DOM. React делает то же самое эффективно.
React создает виртуальный DOM (копию DOM) для всех своих компонентов. Чтобы что-то обновить в веб-приложении, React сравнивает реальный DOM с виртуальным DOM. Если есть какие-либо изменения, React запускает обновление компонента.
№3. Односторонний поток данных
Мы не можем разделить большой набор компонентов на более мелкие компоненты без потока данных. Должен быть какой-то способ передачи данных между компонентами.
React позволяет нам передавать данные от одного компонента к другому в одном направлении. Данные передаются от родительских компонентов к дочерним компонентам. А дочерние компоненты не могут обновлять данные. Невозможно отправить данные обратно в родительский компонент, поскольку поток данных является односторонним.
Сначала вы можете подумать, что не существует разнонаправленного потока данных. Но однонаправленный поток данных дает нам больший контроль над многонаправленным потоком данных.
Обзор
Есть много других функций, таких как JSX, условный рендеринг и т. д.; они вторичны. Мы рассмотрели основные функции библиотеки React. Когда дело доходит до приложений React, мы можем создать с его помощью веб-приложение практически любого типа. Сообщество React огромно. Вы можете найти множество пакетов для работы с React.
Реагировать на родной
React Native — это среда JavaScript, используемая для разработки кроссплатформенных мобильных приложений. Он также создан и поддерживается Facebook.
Большинство из вас будут поражены приведенным выше утверждением.
Можем ли мы создавать мобильные приложения для Android и IOS с помощью единой платформы?
Если вы не следите за обновлениями в мире технологий, вы никогда не узнаете об этом. Да, мы можем создавать кроссплатформенные приложения (как для Android, так и для iOS) с помощью React Native. Существуют и другие фреймворки для разработки кроссплатформенных приложений.
React Native — один из самых популярных в своем роде. Не самый популярный из-за ограничений JavaScript в нативных приложениях. Но он блистает в своих областях развития. Его используют даже крупные компании, такие как Facebook, Instagram, Flipkart и т. д. Это не значит, что вы должны его использовать. Это означает, что мы можем создавать приложения производственного уровня на нескольких платформах, используя React Native.
В приведенном выше абзаце я использовал группу слов под названием «Родные приложения». Кто они такие? Это не какое-то новое приложение. Нативное приложение создается специально для конкретной платформы. Приложения Android для мобильных устройств Android, приложения iOS для мобильных устройств iPhone, приложения Windows для Windows и т. д.,
Что не так с Native в React Native? В связи с этим React Native создает нативное приложение, которое подходит как для Android, так и для IOS, исходя из нашего желания. Приложения, разработанные с помощью React Native, являются нативными, как Android Studio для Android и аналогично для iOS.
Возможно, из-за этого создатели назвали его React Native. Это не факт.
Когда дело доходит до функций React Native, их ждет множество. Давайте посмотрим на некоторые из их основных особенностей.
№1. Кроссплатформенность
Мы можем создавать мобильные приложения для Android и iOS одновременно с единой кодовой базой. Это экономит много времени и денег для компаний.
№ 2. Горячая или живая перезагрузка
Если у вас есть опыт работы с приложениями React или React Native, то вы, вероятно, знаете об этом. Эта функция перезагружает все приложение новыми обновлениями, когда мы меняем код. Нам не нужно нажимать кнопку перезагрузки каждый раз, когда мы меняем код. Обновите код и посмотрите изменения. Вот и все. Нам не нужно ничего ждать, если нет ошибки.
Вам может показаться, что это второстепенная функция. Но если вы пришли из Android-разработки без какого-либо фреймворка, вы поймете ценность этой функции в React Native.
№3. Библиотеки пользовательского интерфейса и сообщество
В React Native есть много встроенных нативных компонентов. Мы можем использовать их напрямую без какой-либо дополнительной настройки или установки. Нативные компоненты выглядят нативными на соответствующих платформах. Пользовательский интерфейс приложений React Native соответствует родному пользовательскому интерфейсу iOS, а также пользовательскому интерфейсу Android. React Native имеет компоненты, похожие на React.
А когда дело доходит до сообщества. Он большой и все время растет. Вы можете без труда получить помощь от сообщества, когда застряли в нем.
Обзор
Вы можете найти множество других функций React Native в Интернете. Изучите их, если вы собираетесь заниматься разработкой мобильных приложений. Фронтенд-разработчик также может разрабатывать нативные приложения с помощью React Native. Это упрощает разработку кроссплатформенных мобильных приложений.
Реагировать против. Реагировать на родной
Между React и React Native есть некоторые сходства и различия. Давайте посмотрим на них.
Когда дело доходит до приложений React и React Native, они полностью отличаются друг от друга. Но когда дело доходит до принципов, они кажутся похожими. И React, и React Native имеют компоненты. И они следуют тем же принципам в соответствующем развитии.
Оба используют язык JavaScript для разработки. Давайте посмотрим простое приложение Hello, World в обоих.
Реагировать
import React, { Component } from 'react';
import './App.css';
class App extends Component {
render() {
return (
);
}
}
export default App;
Реагировать на родной
import React from 'react';
import { Text, View } from 'react-native';
const App = () => {
return (
Hello, world!
Как видите, оба используют пакет React. Синтаксис обоих приложений выглядит одинаково, потому что они используют специальную разметку под названием JSX. Но когда дело доходит до рендеринга, они оба используют разные вещи. React использует виртуальный DOM, а React Native использует Native API для рендеринга пользовательского интерфейса.
Есть несколько внешних пакетов, таких как Reduk, MobX и т. д., для управления объявлениями приложений React. Те же пакеты можно использовать и в приложениях React Native.
И React, и React Native используют JavaScript. Таким образом, мы можем использовать практически любой пакет JavaScript с обоими. Это добавляет множество пакетов в обе их библиотеки пакетов.
React и React Native взаимосвязаны. Но используются они для разных целей.
Заключение
React и React Native различаются по конечным продуктам и платформам приложений. Но они следуют схожим принципам при разработке соответствующего приложения. Если вы можете изучить одну из двух сред, React или React Native, вы можете ускорить изучение другой. Однако знание React требуется для разработки приложений React Native. Но этого недостаточно для этого. Нам нужно больше узнать о разработке нативных приложений, поскольку поддержка в React Native ограничена.
Надеюсь, что в конечном итоге он будет разработан для полной поддержки в будущем.
Если вы хотите начать разрабатывать веб-приложения или мобильные приложения, то React или React Native вам обязательно пригодятся в будущем. Но это все же не обязательно.
Изучение концепций React не составит труда, если вы хотите знать JavaScript. Официальная документация будет отличным ресурсом для начала работы с React или React Native.
Приятного знакомства ?
