রিঅ্যাক্ট নেটিভ: সংশোধিত সংস্করণের মধ্যে পার্থক্য

রিয়েক্ট নেটিভ
উন্নয়নকারী	ফেসবুক ও কম্যুনিটি
প্রাথমিক সংস্করণ	২৬ মার্চ ২০১৫; ৯ বছর আগে
স্থিতিশীল সংস্করণ	০.৬৩.১ / ১৪ জুলাই ২০২০; ৩ বছর আগে
রিপজিটরি	https://github.com/facebook/react-native
যে ভাষায় লিখিত	জাভাস্ক্রিপ্ট, জাভা, সি++, অবজেক্টিভ সি, অবজেক্টিভ সি++, পাইথন
লাইসেন্স	এমআইটি সনদ
ওয়েবসাইট	reactnative.dev

ইতিহাস ব্রাউজ করুন

← পূর্বের পার্থক্য পরবর্তী পার্থক্য →

বিষয়বস্তু বিয়োগ হয়েছে বিষয়বস্তু যোগ হয়েছে

দৃশ্যমানউইকিপাঠ্য

রৈখিক

১০:৪৮, ১১ আগস্ট ২০২০ তারিখে সংশোধিত সংস্করণ

রিঅ্যাক্ট নেটিভ ফেসবুকের তৈরী একটু ওপেন সোর্স মোবাইল অ্যাপলিকেশন ফ্রেমওয়ার্ক ^[৩]। নেটিভ সক্ষমতার সাথে সংমিশ্রন ঘটিয়ে রিঅ্যাক্ট নেটিভ একই ফ্রেমওয়ার্ক ব্যবহার করে ডেভেলপারদের জন্য ওয়েব ^[৪], ডেস্কটপ অ্যাপলিকেশন, ইউডব্লিউপি অ্যাপলিকেশন ^[৫], অ্যানড্রয়েড ^[৬] ও আইওএস অ্যাপলিকেশন নির্মান ও উন্নয়ন সহজ করে দেয়। কিউটির জন্য এর একটি অসম্পূর্ণ পোর্টও রয়েছে ^[৭]।

ইতিহাস

২০১২ সালে মার্ক জাকারবার্গ মন্তব্য করেন, কোম্পানি হিশেবে তাদের সবচেয়ে বড় ভুল ছিলো নেটিভের বদলে এইচটিএমএলের উপর খুব বেশী মনোযোগ দেওয়া। সে মন্তব্য করে ফেসবুক খুব দ্রুত আরও ভালো মোবাইল অভিজ্ঞতা প্রদানে কাজ করবে ^[৮] ।

ফেসবুকের জরডান ওয়াকে ব্যাকগ্রাউন্ড জাভাস্ক্রিপ্ট থ্রেড ব্যবহার করে আইওএসের জন্য ইউআই উপাদান তৈরীর একটা উপায় বের করেন। ফেসবুক এ প্রযুক্তিকে একটা পরিপক্ব রূপ দিতে নিজেদের মধ্যে একটা হ্যাকাথন আয়োজনের সিদ্ধান্ত নেয় ^[৯]।

মাসের পর মাস এর উপর কাজ করার পর ২০১৫ সালে রিঅ্যাক্ট জাভাস্ক্রিপ্ট কনফিগারেশনের প্রথম সংস্করণ প্রকাশিত হয়। একবার আলোচনার সময় ক্রিস্টোপার চ্যাডো বলেন ফেসবুক ইতোমধ্যেই তাদের নিজস্ব গ্রুপ অ্যাপ ও অ্যাড ম্যানেজারের জন্য রিঅ্যাক্ট নেটিভ ব্যবহার করছিলো ^[১০]।

প্রয়োগ

রিঅ্যাক্ট নেটিভের কাজের ধরণ অনেকটা রিয়েক্টের মতন। একটা তফাৎ হলো রিঅ্যাক্ট নেটিভ ডকুমেন্ট অবজেক্ট মডেল বা ডোম ভার্চুয়াল ডোম ব্যবহার করে পরিবর্তন করে না। এটা অই নির্দিষ্ট যন্ত্রের একটা ব্যাকগ্রাউন্ড প্রসেসে চলে আর অ্যাসিনক্রোনাস, সিরিয়ালাইসেশন আর ব্যাসড ব্রিজ ব্যবহার করে নেটিভ যন্ত্রের সাথে যোগাযোগ করে।

রিঅ্যাক্ট নেটিভ এইচটিএমএল বা সিএসএস ব্যবহার করে না। বরং নেটিভ ভিউ নিয়ন্ত্রনের জন্য জাভাস্ক্রিপ্ট থ্রেডের ম্যাসেজ ব্যবহার করে। এটা অ্যানড্রয়েডে জাভা, আইওএসে সুইফট বা অবজেক্টিভ সিতে নেটিভ কোড লেখার সুযোগ দেয়, যা এতে অ্যাপলিকেশন নির্মান আরও নমনীয় ও ব্যবহার আরও বিস্তৃত করে।

হ্যালো ওয়ার্ল্ড উদাহরণ

হ্যালো, ওয়ার্ল্ড প্রোগ্রাম রিঅ্যাক্ট নেটিভে যেমন দেখায়:

import React from 'react';
import { AppRegistry, Text } from 'react-native';

const HelloWorldApp = () => <Text>Hello world!</Text>;
export default HelloWorldApp;

AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);

import HelloWorldApp from './HelloWorldApp';

আরও দেখুন

ফ্লাটার (সফটওয়্যার)

তথ্যসূত্র

↑ "React Native: Bringing modern web techniques to mobile"।
↑ "Releases – Facebook/React"। গিটহাব।
↑ "অধ্যায় ১। রিঅ্যাক্ট নেটিভ কি?"। oreilly.com। ও'রেলি মিডিয়া ইনকর্পোরোটেড। সংগ্রহের তারিখ ৩০ জুলাই ২০২০।
↑ "React Native for Web"। সংগ্রহের তারিখ ৬ নভেম্বর ২০১৯।
↑ উইন্ডোজ অ্যাপস টিম (১৩ এপ্রিল ২০১৬)। "React Native on the Universal Windows Platform"। blogs.windows.com। সংগ্রহের তারিখ ৬ নভেম্বর ২০১৯।
↑ "Android Release for React Native"।
↑ "Out-of-Tree Platforms"। reactnative.dev। ফেসবুক ইনকর্পোরেটেড। সংগ্রহের তারিখ ৩০ জুলাই ২০২০।
↑ "Zuckerberg's Biggest Mistake? 'Betting on HTML5'"। ম্যাশেবল। সংগ্রহের তারিখ ৭ এপ্রিল ২০১৮।
↑ "A short Story about React Native"। সংগ্রহের তারিখ ১৬ জানুয়ারি ২০১৮।
↑ "React Native: Bringing modern web techniques to mobile"।

[initialrelease-1] "React Native: Bringing modern web techniques to mobile"।

[ghrelease-2] "Releases – Facebook/React"। গিটহাব।

[3] "অধ্যায় ১। রিঅ্যাক্ট নেটিভ কি?"। oreilly.com। ও'রেলি মিডিয়া ইনকর্পোরোটেড। সংগ্রহের তারিখ ৩০ জুলাই ২০২০।

[4] "React Native for Web"। সংগ্রহের তারিখ ৬ নভেম্বর ২০১৯।

[5] উইন্ডোজ অ্যাপস টিম (১৩ এপ্রিল ২০১৬)। "React Native on the Universal Windows Platform"। blogs.windows.com। সংগ্রহের তারিখ ৬ নভেম্বর ২০১৯।

[6] "Android Release for React Native"।

[7] "Out-of-Tree Platforms"। reactnative.dev। ফেসবুক ইনকর্পোরেটেড। সংগ্রহের তারিখ ৩০ জুলাই ২০২০।

[8] "Zuckerberg's Biggest Mistake? 'Betting on HTML5'"। ম্যাশেবল। সংগ্রহের তারিখ ৭ এপ্রিল ২০১৮।

[9] "A short Story about React Native"। সংগ্রহের তারিখ ১৬ জানুয়ারি ২০১৮।

[initial_rn_post-10] "React Native: Bringing modern web techniques to mobile"।

[১]

[২]

[৩]

[৪]

[৫]

[৬]

[৭]

[৮]

[৯]

[১০]

@@ ১৩ নং লাইন: / ১৩ নং লাইন: @@
 }}
-রিঅ্যাক্ট নেটিভ [[ফেসবুক]]ের তৈরী একটু উন্মুক্ত উৎসের [[মোবাইল অ্যাপ]]লিকেশন [[সফটওয়্যার ফ্রেমওয়ার্ক|ফ্রেমওয়ার্ক]] <ref>{{cite web
+রিঅ্যাক্ট নেটিভ [[ফেসবুক]]ের তৈরী একটু [[ওপেন সোর্স]] [[মোবাইল অ্যাপ]]লিকেশন [[সফটওয়্যার ফ্রেমওয়ার্ক|ফ্রেমওয়ার্ক]] <ref>{{cite web
  |url= https://www.oreilly.com/library/view/learning-react-native/9781491929049/ch01.html
  |title= অধ্যায় ১। রিঅ্যাক্ট নেটিভ কি?
@@ ২২ নং লাইন: / ২২ নং লাইন: @@
  |publisher= ও'রেলি মিডিয়া ইনকর্পোরোটেড
  |access-date= ৩০ জুলাই ২০২০
- |quote=}} </ref>। নেটিভ সক্ষমতার সাথে সংমিশ্রন ঘটিয়ে রিঅ্যাক্ট নেটিভ একই ফ্রেমওয়ার্ক ব্যবহার করে ডেভেলপারদের জন্য ওয়েব <ref>{{cite web|url=https://github.com/necolas/react-native-web/|title=React Native for Web|accessdate=৬ নভেম্বর ২০১৯}}</ref>, ডেস্কটপ অ্যাপলিকেশন, ইউডব্লিউপি অ্যাপলিকেশন <ref>{{cite web|url=https://blogs.windows.com/buildingapps/2016/04/13/react-native-on-the-universal-windows-platform/|title=React Native on the Universal Windows Platform|author=উইন্ডোজ অ্যাপস টিম |date=১৩ এপ্রিল ২০১৬|website=blogs.windows.com|accessdate=৬ নভেম্বর ২০১৯}}</ref>, [[অ্যানড্রয়েড]] <ref>{{cite web|url=https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/|title=Android Release for React Native}}</ref> ও [[আইওএস]] অ্যাপলিকেশন নির্মান ও উন্নয়ন সহজ করে দেয়। কিউটির জন্য এর একটি অসম্পূর্ণ পোর্টও রয়েছে <ref> {{cite web
+ |quote=}} </ref>। নেটিভ সক্ষমতার সাথে সংমিশ্রন ঘটিয়ে রিঅ্যাক্ট নেটিভ একই [[ফ্রেমওয়ার্ক]] ব্যবহার করে ডেভেলপারদের জন্য [[ওয়েবসাইট|ওয়েব]] <ref>{{cite web|url=https://github.com/necolas/react-native-web/|title=React Native for Web|accessdate=৬ নভেম্বর ২০১৯}}</ref>,  ডেস্কটপ অ্যাপলিকেশন, ইউডব্লিউপি অ্যাপলিকেশন <ref>{{cite web|url=https://blogs.windows.com/buildingapps/2016/04/13/react-native-on-the-universal-windows-platform/|title=React Native on the Universal Windows Platform|author=উইন্ডোজ অ্যাপস টিম |date=১৩ এপ্রিল ২০১৬|website=blogs.windows.com|accessdate=৬ নভেম্বর ২০১৯}}</ref>, [[অ্যানড্রয়েড]] <ref>{{cite web|url=https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/|title=Android Release for React Native}}</ref> ও [[আইওএস]] অ্যাপলিকেশন নির্মান ও উন্নয়ন সহজ করে দেয়। কিউটির জন্য এর একটি অসম্পূর্ণ পোর্টও রয়েছে <ref> {{cite web
  |url= https://reactnative.dev/docs/out-of-tree-platforms
  |title= Out-of-Tree Platforms
@@ ৩৬ নং লাইন: / ৩৬ নং লাইন: @@
 ২০১২ সালে [[মার্ক জাকারবার্গ]] মন্তব্য করেন, কোম্পানি হিশেবে তাদের সবচেয়ে বড় ভুল ছিলো নেটিভের বদলে এইচটিএমএলের উপর খুব বেশী মনোযোগ দেওয়া। সে মন্তব্য করে ফেসবুক খুব দ্রুত আরও ভালো মোবাইল অভিজ্ঞতা প্রদানে কাজ করবে <ref>{{cite web|title=Zuckerberg's Biggest Mistake? 'Betting on HTML5'|url=https://mashable.com/2012/09/11/html5-biggest-mistake|publisher=ম্যাশেবল |accessdate=৭ এপ্রিল ২০১৮}}</ref> ।
-ফেসবুকের জরডান ওয়াকে ব্যাকগ্রাউন্ড [[জাভাস্ক্রিপ্ট]] থ্রেড ব্যবহার করে আইওএসের জন্য ইউআই উপাদান তৈরীর একটা উপায় বের করেন। ফেসবুক এ প্রযুক্তিকে একটা পরিপক্ব রূপ দিতে নিজেদের মধ্যে একটা হ্যাকাথন আয়োজনের সিদ্ধান্ত নেয় <ref>{{cite web|title=A short Story about React Native|url=https://jobninja.com/blog/short-story-react-native/|accessdate=১৬ জানুয়ারি ২০১৮}}</ref>।
+ফেসবুকের জরডান ওয়াকে ব্যাকগ্রাউন্ড [[জাভাস্ক্রিপ্ট]] থ্রেড ব্যবহার করে আইওএসের জন্য [[ব্যবহারকারী ইন্টারফেস|ইউআই]] উপাদান তৈরীর একটা উপায় বের করেন। ফেসবুক এ প্রযুক্তিকে একটা পরিপক্ব রূপ দিতে নিজেদের মধ্যে একটা হ্যাকাথন আয়োজনের সিদ্ধান্ত নেয় <ref>{{cite web|title=A short Story about React Native|url=https://jobninja.com/blog/short-story-react-native/|accessdate=১৬ জানুয়ারি ২০১৮}}</ref>।
 মাসের পর মাস এর উপর কাজ করার পর ২০১৫ সালে রিঅ্যাক্ট জাভাস্ক্রিপ্ট কনফিগারেশনের প্রথম সংস্করণ প্রকাশিত হয়। একবার আলোচনার সময় ক্রিস্টোপার চ্যাডো বলেন ফেসবুক ইতোমধ্যেই তাদের নিজস্ব গ্রুপ অ্যাপ ও অ্যাড ম্যানেজারের জন্য রিঅ্যাক্ট নেটিভ ব্যবহার করছিলো <ref name="initial_rn_post">{{cite web|url=https://code.facebook.com/posts/1014532261909640/react-native-bringing-modern-web-techniques-to-mobile/|title=React Native: Bringing modern web techniques to mobile|publisher=}}</ref>।
@@ ৫৯ নং লাইন: / ৫৯ নং লাইন: @@
 import HelloWorldApp from './HelloWorldApp';
 </syntaxhighlight>
 ==আরও দেখুন==