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

উইকিপিডিয়া, মুক্ত বিশ্বকোষ থেকে
বিষয়বস্তু বিয়োগ হয়েছে বিষয়বস্তু যোগ হয়েছে
ট্যাগ যোগ/বাতিল
রিয়েক্টকে রিঅ্যাক্ট করেছি।
১৩ নং লাইন: ১৩ নং লাইন:
}}
}}


রিয়েক্ট নেটিভ [[ফেসবুক]]ের তৈরী একটু উন্মুক্ত উৎসের [[মোবাইল অ্যাপ]]লিকেশন [[সফটওয়্যার ফ্রেমওয়ার্ক|ফ্রেমওয়ার্ক]] <ref>{{cite web
রিঅ্যাক্ট নেটিভ [[ফেসবুক]]ের তৈরী একটু উন্মুক্ত উৎসের [[মোবাইল অ্যাপ]]লিকেশন [[সফটওয়্যার ফ্রেমওয়ার্ক|ফ্রেমওয়ার্ক]] <ref>{{cite web
|url= https://www.oreilly.com/library/view/learning-react-native/9781491929049/ch01.html
|url= https://www.oreilly.com/library/view/learning-react-native/9781491929049/ch01.html
|title= অধ্যায় ১। রিঅ্যাক্ট নেটিভ কি?
|title= অধ্যায় ১। রিঅ্যাক্ট নেটিভ কি?
২২ নং লাইন: ২২ নং লাইন:
|publisher= ও'রেলি মিডিয়া ইনকর্পোরোটেড
|publisher= ও'রেলি মিডিয়া ইনকর্পোরোটেড
|access-date= ৩০ জুলাই ২০২০
|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
|url= https://reactnative.dev/docs/out-of-tree-platforms
|title= Out-of-Tree Platforms
|title= Out-of-Tree Platforms
৩৮ নং লাইন: ৩৮ নং লাইন:
ফেসবুকের জরডান ওয়াকে ব্যাকগ্রাউন্ড [[জাভাস্ক্রিপ্ট]] থ্রেড ব্যবহার করে আইওএসের জন্য ইউআই উপাদান তৈরীর একটা উপায় বের করেন। ফেসবুক এ প্রযুক্তিকে একটা পরিপক্ব রূপ দিতে নিজেদের মধ্যে একটা হ্যাকাথন আয়োজনের সিদ্ধান্ত নেয় <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>।
মাসের পর মাস এর উপর কাজ করার পর ২০১৫ সালে রিঅ্যাক্ট জাভাস্ক্রিপ্ট কনফিগারেশনের প্রথম সংস্করণ প্রকাশিত হয়। একবার আলোচনার সময় ক্রিস্টোপার চ্যাডো বলেন ফেসবুক ইতোমধ্যেই তাদের নিজস্ব গ্রুপ অ্যাপ ও অ্যাড ম্যানেজারের জন্য রিঅ্যাক্ট নেটিভ ব্যবহার করছিলো <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>।


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


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


==হ্যালো ওয়ার্ল্ড উদাহরণ==
==হ্যালো ওয়ার্ল্ড উদাহরণ==
[["হ্যালো, ওয়ার্ল্ড!" প্রোগ্রাম|হ্যালো, ওয়ার্ল্ড]] প্রোগ্রাম রিয়েক্ট নেটিভে যেমন দেখায়:
[["হ্যালো, ওয়ার্ল্ড!" প্রোগ্রাম|হ্যালো, ওয়ার্ল্ড]] প্রোগ্রাম রিঅ্যাক্ট নেটিভে যেমন দেখায়:


<syntaxhighlight lang="js" line="1">
<syntaxhighlight lang="js" line="1">

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

রিয়েক্ট নেটিভ
উন্নয়নকারীফেসবুক ও কম্যুনিটি
প্রাথমিক সংস্করণ২৬ মার্চ ২০১৫; ৯ বছর আগে (2015-03-26)[১]
স্থিতিশীল সংস্করণ
০.৬৩.১ / ১৪ জুলাই ২০২০; ৩ বছর আগে (2020-07-14)[২]
রিপজিটরি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';


আরও দেখুন

তথ্যসূত্র

  1. "React Native: Bringing modern web techniques to mobile" 
  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"। সংগ্রহের তারিখ ১৬ জানুয়ারি ২০১৮ 
  10. "React Native: Bringing modern web techniques to mobile"