Saya sudah mulai belajar Bere karena penasaran dan ingin tahu perbedaan antara Bereaksi dan Bereaksi Asli - meskipun tidak dapat menemukan jawaban yang memuaskan menggunakan Google. Bereaksi dan Bereaksi Asli tampaknya memiliki format yang sama. Apakah mereka memiliki sintaks yang sama sekali berbeda?
javascript
reactjs
react-native
javascript-framework
shiva kumar
sumber
sumber
<h1>
,<p>
, dll Dimana bereaksi-native merender tampilan aplikasi komponen asli seperti<View>
,<Text>
,<Image>
,<ScrollView>
, sehingga Anda tidak dapat langsung menggunakan kembali kode komponen UI Anda kecuali Anda ulang / mengganti semua elemen.Jawaban:
ReactJS adalah pustaka JavaScript, mendukung web front-end dan dijalankan di server, untuk membangun antarmuka pengguna dan aplikasi web.
React Native adalah kerangka kerja seluler yang mengkompilasi ke komponen aplikasi asli, yang memungkinkan Anda untuk membangun aplikasi seluler asli untuk platform yang berbeda (iOS, Android, dan Windows Mobile) dalam JavaScript yang memungkinkan Anda menggunakan ReactJS untuk membangun komponen Anda, dan mengimplementasikan ReactJS di bawah jilbab.
Keduanya mengikuti ekstensi sintaks JSX ke JavaScript.
Keduanya bersumber terbuka oleh Facebook.
sumber
Ini proyek React .
Di Facebook, mereka menemukan React sehingga JavaScript dapat memanipulasi DOM situs web lebih cepat menggunakan model DOM virtual.
Refresh penuh DOM lebih lambat dibandingkan dengan model virtual-dom Bereaksi , yang hanya me-refresh bagian halaman (baca: refresh sebagian).
Seperti yang mungkin Anda pahami dari video ini , Facebook tidak menciptakan React karena mereka segera memahami bahwa penyegaran sebagian akan lebih cepat daripada yang konvensional. Awalnya mereka membutuhkan cara untuk mengurangi waktu membangun kembali aplikasi Facebook dan untungnya ini menghidupkan kembali DOM parsial.
Bereaksi asli hanyalah konsekuensi dari Bereaksi. Ini adalah platform untuk membangun aplikasi asli menggunakan JavaScript.
Sebelum Bereaksi asli, Anda harus mengetahui Java untuk Android atau Objective-C untuk iPhone dan iPad untuk membuat aplikasi asli.
Dengan React Native dimungkinkan untuk meniru perilaku aplikasi asli dalam JavaScript dan pada akhirnya, Anda akan mendapatkan kode spesifik platform sebagai hasilnya. Anda bahkan dapat mencampur kode asli dengan JavaScript jika Anda perlu mengoptimalkan aplikasi Anda lebih lanjut.
Seperti yang dikatakan Olivia Bishop dalam video itu , 85% dari basis kode asli Bereaksi dapat dibagikan di antara platform. Ini akan menjadi komponen aplikasi yang biasanya digunakan dan logika umum.
15% dari kode adalah khusus platform. JavaScript khusus platform adalah yang memberikan cita rasa platform (dan membuat perbedaan dalam pengalaman).
Yang keren adalah kode khusus platform ini - sudah ditulis, jadi Anda hanya perlu menggunakannya.
sumber
Reaksi:
Bereaksi Asli:
Jadi pada dasarnya React adalah pustaka UI untuk tampilan aplikasi web Anda, menggunakan javascript dan JSX , React native adalah pustaka tambahan di bagian atas React, untuk membuat aplikasi
iOS
danAndroid
perangkat asli.Bereaksi sampel kode:
Bereaksi sampel kode asli :
Untuk informasi lebih lanjut tentang Bereaksi , kunjungi situs web resmi mereka yang dibuat oleh tim facebook:
https://facebook.github.io/react
Untuk informasi lebih lanjut tentang Bereaksi Asli , kunjungi Bereaksi situs web asli di bawah:
https://facebook.github.io/react-native
sumber
ReactJS adalah kerangka kerja untuk membangun hierarki komponen UI. Setiap komponen memiliki status dan alat peraga. Data mengalir dari atas ke komponen tingkat rendah melalui alat peraga. Keadaan diperbarui di komponen tingkat atas menggunakan penangan acara.
Bereaksi asli menggunakan React framework untuk membangun komponen untuk aplikasi seluler. Bereaksi asli menyediakan serangkaian komponen dasar untuk platform iOS dan Android. Beberapa komponen dalam React Native adalah Navigator, TabBar, Text, TextInput, View, ScrollView. Komponen-komponen ini menggunakan komponen asli iOS UIKit dan Android UI secara internal. Bereaksi asli juga memungkinkan NativeModules di mana kode yang ditulis dalam ObjectiveC untuk iOS dan Java untuk Android dapat digunakan dalam JavaScript.
sumber
Pertama, kesamaannya: Baik React & React Native (RN) dirancang untuk membuat antarmuka pengguna yang fleksibel. Ada banyak manfaat untuk kerangka kerja ini, tetapi yang paling mendasar adalah kerangka itu dibuat untuk pengembangan UI. Facebook mengembangkan RN beberapa tahun setelah React.
Bereaksi: Facebook mendesain kerangka kerja ini hampir seperti menulis JavaScript Anda di dalam HTML / XML Anda, itulah sebabnya tag tersebut disebut " JSX " (JavaScript XML) dan mirip dengan tag seperti HTML yang sudah dikenal seperti
<div>
atau<p>
. Ciri khas React adalah tag huruf kapital yang menunjukkan komponen khusus, seperti<MyFancyNavbar />
, yang juga ada di RN. Namun, Bereaksi menggunakan DOM . DOM ada untuk HTML, sehingga Bereaksi digunakan untuk pengembangan web.Bereaksi Asli: RN tidak menggunakan HTML, dan karenanya tidak digunakan untuk pengembangan web. Ini digunakan untuk ... hampir semua yang lain! Pengembangan seluler (baik iOS & Android), perangkat pintar (misalnya jam tangan, TV), augmented reality, dll. Karena RN tidak memiliki DOM untuk berinteraksi, alih-alih menggunakan jenis tag HTML yang sama yang digunakan dalam Bereaksi, ia menggunakan miliknya sendiri tag yang kemudian dikompilasi ke bahasa lain. Misalnya, alih-alih
<div>
tag, pengembang RN menggunakan tag bawaan RN<View>
, yang mengkompilasi ke dalam kode asli lainnya di bawah tenda (misalnyaandroid.view
di Android; danUIView
di iOS).Singkatnya: mereka sangat mirip (untuk pengembangan UI) tetapi digunakan untuk media yang berbeda.
sumber
Sedangkan React.js adalah pustaka Javascript induk untuk mengembangkan aplikasi web.
Saat Anda menggunakan tag seperti
<View>
,<Text>
sangat sering di React-Native, React.js menggunakan tag html web seperti<div>
<h1>
<h2>
, yang hanya sinonim dalam kamus perkembangan web / seluler.Untuk React.js Anda memerlukan DOM untuk rendering path tag html, sedangkan untuk aplikasi seluler: React-Native menggunakan AppRegistry untuk mendaftarkan aplikasi Anda.
Saya harap ini adalah penjelasan yang mudah untuk perbedaan / persamaan cepat di React.js dan React-Native.
sumber
Kami tidak dapat membandingkan mereka dengan tepat. Ada perbedaan dalam hal penggunaan .
(Pembaruan 2018)
ReactJS
Bereaksi memiliki sebagai fokus utama Pengembangan Web.
Bereaksi Asli
Perpanjangan Bereaksi , fokus pada Pengembangan Seluler.
Semoga saya membantumu :)
sumber
Dalam arti sederhana, Bereaksi dan Bereaksi asli mengikuti prinsip-prinsip desain yang sama kecuali dalam hal merancang antarmuka pengguna.
Bagaimanapun, ini adalah perpustakaan yang sangat baik untuk membangun antarmuka pengguna untuk seluler dan web.
sumber
React adalah pustaka JavaScript yang deklaratif, efisien, dan fleksibel untuk membangun antarmuka pengguna. Komponen Anda memberi tahu Bereaksi apa yang ingin Anda render - kemudian React akan memperbarui dan membuat komponen yang tepat secara efisien saat data Anda berubah. Di sini, ShoppingList adalah kelas komponen React, atau tipe komponen React.
Aplikasi Bereaksi Asli adalah aplikasi seluler yang nyata. Dengan React Native, Anda tidak membangun "aplikasi web seluler", "aplikasi HTML5", atau "aplikasi hybrid". Anda membuat aplikasi seluler nyata yang tidak dapat dibedakan dari aplikasi yang dibuat menggunakan Objective-C atau Java. React Native menggunakan blok bangunan UI dasar yang sama dengan aplikasi iOS dan Android biasa.
Info lebih lanjut
sumber
ReactJS adalah kerangka kerja inti, yang dimaksudkan untuk membangun komponen yang diisolasi berdasarkan pola reaktif, Anda dapat menganggapnya sebagai V dari MVC, walaupun saya ingin menyatakan bahwa reaksi memang membawa nuansa yang berbeda, khususnya jika Anda kurang terbiasa dengan konsep reaktif .
ReactNative adalah lapisan lain yang dimaksudkan untuk memiliki komponen yang ditetapkan untuk platform Android dan iOS yang umum. Jadi kode pada dasarnya terlihat sama dengan ReactJS karena ReactJS, tetapi memuat secara native di platform mobile. Anda juga dapat menjembatani API relatif lebih kompleks dan platform dengan Java / Objective-C / Swift tergantung pada OS dan menggunakannya dalam Bereaksi.
sumber
React Native terutama dikembangkan dalam JavaScript, yang berarti bahwa sebagian besar kode yang Anda butuhkan untuk memulai dapat dibagikan di seluruh platform. Bereaksi Asli akan dirender menggunakan komponen asli. Aplikasi React Native dikembangkan dalam bahasa yang diperlukan oleh platform yang ditargetkan, Objective-C atau Swift untuk iOS, Java untuk Android, dll. Kode yang ditulis tidak dibagi di seluruh platform dan perilakunya bervariasi. Mereka memiliki akses langsung ke semua fitur yang ditawarkan oleh platform tanpa batasan apa pun.
React adalah pustaka JavaScript open-source yang dikembangkan oleh Facebook untuk membangun antarmuka pengguna. Ini digunakan untuk menangani tampilan layer untuk aplikasi web dan seluler. ReactJS digunakan untuk membuat komponen UI yang dapat digunakan kembali. Saat ini salah satu perpustakaan JavaScript paling populer di bidangnya dan memiliki dasar yang kuat dan komunitas besar di belakangnya. Jika Anda belajar ReactJS, Anda perlu memiliki pengetahuan tentang JavaScript, HTML5 dan CSS.
sumber
Bereaksi adalah abstraksi dasar dari Bereaksi Asli dan Bereaksi DOM , jadi jika Anda akan bekerja dengan Bereaksi Asli Anda juga akan perlu Bereaksi ... sama dengan web tetapi bukan Bereaksi Asli Anda akan perlu Bereaksi DOM.
Karena React adalah abstraksi dasar, sintaksis umum dan alur kerjanya adalah sama tetapi komponen yang akan Anda gunakan sangat berbeda sehingga Anda perlu mempelajari perbedaan-perbedaan ini. Anda tahu Bereaksi (abstraksi dasar) Anda bisa mempelajari perbedaan antara platform tanpa mempelajari bahasa pemrograman lain, sintaksis dan alur kerja.
sumber
React-Native adalah kerangka kerja, di mana ReactJS adalah pustaka javascript yang dapat Anda gunakan untuk situs web Anda.
React-asli menyediakan komponen inti default (gambar, teks), di mana React menyediakan banyak komponen dan membuatnya bekerja bersama.
sumber
React Js adalah Perpustakaan Javascript tempat Anda dapat mengembangkan dan menjalankan aplikasi web yang lebih cepat menggunakan React.
React Native memungkinkan Anda membuat aplikasi seluler hanya menggunakan JavaScript, ini digunakan untuk pengembangan aplikasi Mobile. info lebih lanjut di sini https://facebook.github.io/react-native/docs/getting-started.html
sumber
Berkenaan dengan siklus hidup komponen dan semua lonceng dan peluit lainnya, sebagian besar sama.
Perbedaannya sebagian besar adalah markup JSX yang digunakan. Bereaksi menggunakan yang menyerupai html. Yang lainnya adalah markup yang digunakan oleh react-asli untuk menampilkan tampilan.
sumber
React Native adalah untuk aplikasi seluler sedangkan React adalah untuk situs web (front-end). Keduanya adalah kerangka yang ditemukan oleh Facebook. React Native adalah kerangka kerja pengembangan lintas platform yang berarti orang bisa menulis kode yang hampir sama untuk iOS dan Android dan itu akan berhasil. Saya pribadi tahu lebih banyak tentang Bereaksi Asli jadi saya akan berhenti di sini.
sumber
Bereaksi Js memanipulasi dengan Dom HTML. Tetapi Bereaksi asli memanipulasi dengan komponen ui asli seluler (iOS / android).
sumber
ReactJS adalah perpustakaan javascript yang digunakan untuk membangun antarmuka web. Anda memerlukan bundler seperti webpack dan mencoba memasang modul yang Anda perlukan untuk membangun situs web Anda.
Bereaksi Asli adalah kerangka kerja javascript dan dilengkapi dengan semua yang Anda butuhkan untuk menulis aplikasi multi-platform (seperti iOS atau Android). Anda membutuhkan xcode dan studio android yang diinstal untuk membangun dan menggunakan aplikasi Anda.
Tidak seperti ReactJS, React-Native tidak menggunakan HTML tetapi komponen serupa yang dapat Anda gunakan di seluruh ios dan android untuk membangun aplikasi Anda. Komponen ini menggunakan komponen asli asli untuk membangun aplikasi iOS dan Android. Karena aplikasi React-Native ini terasa nyata tidak seperti platform pengembangan Hybrid lainnya. Komponen juga meningkatkan penggunaan kembali kode Anda karena Anda tidak perlu membuat antarmuka pengguna yang sama lagi di ios dan android.
sumber
Secara sederhana ReactJS adalah pustaka induk yang mengembalikan sesuatu untuk dirender sesuai dengan lingkungan host (browser, ponsel, server, desktop..etc). Selain rendering itu juga menyediakan metode lain seperti kait siklus hidup .. dll
Di browser, ia menggunakan perpustakaan lain bereaksi dom untuk membuat elemen DOM. Dalam seluler, menggunakan komponen React-Native untuk membuat komponen UI asli platform (Baik iOS dan Android). BEGITU,
react + react-dom = pengembangan web
react + react-native = pengembangan seluler
sumber
REACT adalah perpustakaan Javascript untuk membangun aplikasi web antarmuka besar / kecil seperti Facebook.
REAKSI ALAMI adalah kerangka kerja Javascript untuk mengembangkan aplikasi seluler asli di Android, iOS, dan Windows Phone.
Keduanya bersumber terbuka oleh Facebook.
sumber
Inilah perbedaan yang saya ketahui:
sumber
Singkatnya: React.js untuk Pengembangan Web sementara React-Native untuk Pengembangan Aplikasi Seluler
sumber
ReactJS
Bereaksi Asli
sumber
Bereaksi Js - Bereaksi JS adalah perpustakaan javascript front-end itu perpustakaan besar bukan kerangka
komponen UI yang dapat digunakan kembali
ReactNative - React Native adalah kerangka kerja aplikasi seluler open-source.
sumber
Sedikit terlambat ke pesta, tapi inilah jawaban yang lebih komprehensif dengan contoh-contoh:
Reaksi
React adalah pustaka UI berbasis komponen yang menggunakan "shadow DOM" untuk memperbarui DOM secara efisien dengan apa yang telah berubah alih-alih membangun kembali seluruh pohon DOM untuk setiap perubahan. Awalnya dibuat untuk aplikasi web, tetapi sekarang dapat digunakan untuk seluler & 3D / vr juga.
Komponen antara Bereaksi dan Bereaksi Asli tidak dapat dipertukarkan karena Bereaksi Peta asli ke elemen UI seluler asli tetapi logika bisnis dan kode terkait non-render dapat digunakan kembali.
ReactDOM
Awalnya disertakan dengan perpustakaan React tetapi dibelah begitu React digunakan untuk platform lain selain hanya web. Ini berfungsi sebagai titik masuk ke DOM dan digunakan dalam kesatuan dengan Bereaksi.
Contoh:
Bereaksi Asli
React Native adalah kerangka kerja lintas-platform seluler yang menggunakan Bereaksi dan berkomunikasi antara Javascript dan rekan aslinya melalui "jembatan". Karena ini, banyak penataan UI harus berbeda ketika menggunakan React Native. Misalnya: saat membuat daftar, Anda akan mengalami masalah kinerja utama jika Anda mencoba menggunakan
map
untuk membuat daftar alih-alih Bereaksi AsliFlatList
. React Native dapat digunakan untuk membangun aplikasi seluler iOS / Android, serta untuk jam tangan pintar dan TV.Expo
Expo adalah tujuan ketika memulai aplikasi Asli Bereaksi baru.
Catatan: Saat menggunakan Expo, Anda hanya dapat menggunakan Apative Asli yang mereka sediakan. Semua pustaka tambahan yang Anda sertakan harus javascript murni atau Anda harus mengeluarkan expo.
Contoh yang sama menggunakan React Native:
Perbedaan:
onClick
berubah menjadionPress
, React Native menggunakan stylesheet untuk mendefinisikan gaya dengan cara yang lebih berkinerja, dan React Native menggunakan flexbox sebagai struktur tata letak default untuk menjaga hal-hal responsif.React360
Perlu juga disebutkan bahwa Bereaksi juga dapat digunakan untuk mengembangkan aplikasi 3D / VR. Struktur komponen sangat mirip dengan React Native. https://facebook.github.io/react-360/
sumber
reactjs menggunakan re-dom bukan dom browser sementara react asli menggunakan dom virtual tetapi keduanya menggunakan sintaks yang sama yaitu jika Anda dapat menggunakan reactjs maka Anda dapat menggunakan react asli. karena sebagian besar perpustakaan yang Anda gunakan di reactjs tersedia di reactjs tersedia seperti navigasi reaksi Anda dan perpustakaan umum lainnya yang memiliki kesamaan.
sumber
<h1>
,<p>
, dll Dimana bereaksi-native merender asli tampilan aplikasi komponen seperti<View>
dan<Text>
.Menanggapi komentar dari @poshest di atas, berikut adalah versi React Native dari kode Clock yang sebelumnya diposting di React (maaf, saya tidak dapat mengomentari bagian tersebut secara langsung, kalau tidak saya akan menambahkan kode di sana):
Bereaksi sampel kode asli
Perhatikan bahwa penataan merupakan sepenuhnya pilihan saya dan tidak berusaha mereplikasi secara langsung tag
<h1>
dan yang<h2>
digunakan dalam kode Bereaksi.sumber
Beberapa perbedaan adalah sebagai berikut:
1- React-Native adalah kerangka kerja yang digunakan untuk membuat Aplikasi Seluler, di mana ReactJS adalah pustaka javascript yang dapat Anda gunakan untuk situs web Anda.
2- React-Native tidak menggunakan HTML untuk membuat aplikasi saat React menggunakan.
3- React-Native digunakan untuk mengembangkan hanya Aplikasi Seluler sementara React digunakan untuk situs web dan Seluler.
sumber
Bereaksi Asli
Ini adalah kerangka kerja untuk membangun aplikasi asli menggunakan JavaScript.
Ini mengkompilasi ke komponen aplikasi asli, yang memungkinkan Anda untuk membangun aplikasi seluler asli.
Bereaksi js
Ini mendukung web front-end dan dijalankan di server, untuk membangun antarmuka pengguna dan aplikasi web.
Ini juga memungkinkan kita membuat komponen UI yang dapat digunakan kembali.
Anda dapat menggunakan kembali komponen kode dalam Bereaksi JS, menghemat banyak waktu.
sumber
React.js sering disebut sebagai React atau ReactJS adalah pustaka JavaScript yang bertanggung jawab untuk membangun hirarki komponen UI atau dengan kata lain, bertanggung jawab atas rendering komponen UI. Ini memberikan dukungan untuk frontend dan sisi server.
React Native adalah kerangka kerja untuk membangun aplikasi asli menggunakan JavaScript. Bereaksi kompilasi Asli untuk komponen aplikasi asli, yang memungkinkan Anda membangun aplikasi seluler asli. Dalam React JS, React adalah abstraksi dasar dari React DOM untuk platform web, sementara dengan React Native, React masih abstraksi dasar tetapi React Native. Jadi sintaks dan alur kerjanya tetap sama, tetapi komponennya berbeda.
sumber