React چیست؟
یک کتابخانه یا فریمورک برای جاوا اسکریپت است که توسط فیس‌بوک توسعه داده شده است.
این فریم ورک در طراحی رابط کاربری (UI – User Interface) کاربرد دارد و ابزاری برای ساخت اجزاء UI است.
چگونه کار می‌کند؟
بجای دستکاری مستقیم DOM مرورگر، این کتابخانه یک DOM مجازی در حافظه ایجاد می‌کند و تمام تغییرات لازم را قبل از اینکه در DOM مرورگر اعمال کند در DOM مجازی اعمال می‌کند.
افزودن react به یک صفحه HTML
در ابتدا این ۳ کتابخانه را در صفحه html خود فراخوانی می‌کنیم:
<!– Load React API –>
<script src= “https://unpkg.com/react@16/umd/react.production.min.js”></script>
<!– Load React DOM–>
<script src= “https://unpkg.com/react-dom@16/umd/react-dom.production.min.js”></script>
<!– Load Babel Compiler –>
<script src=”https://unpkg.com/babel-standalone@6.15.0/babel.min.js”></script>
در ادامه می‌توانیم کدهای خود را در تگ اسکریپت زیر بنویسیم:
<script type=”text/babel”>
// JSX Babel code goes here
</script>
اجزاء
اجزاء ری‌اَکت یا React component همان توابع جاوااسکریپت هستند.
در مثال زیر یک React component با نام Welcome ایجاد می‌کنیم:
function Welcome() {
return <h1>Hello React!</h1>;
}
ReactDOM.render(<Welcome />, document.getElementById(‘root’));
این کتابخانه همچنین می‌تواند از کلاس‌های ES6 برای ایجاد component استفاده کند.
در مثال زیر یک React component با نام Welcome با استفاده از متد رندر، ایجاد می‌کنیم.
class Welcome extends React.Component {
render() { return(<h1>Hello React!</h1>); }
}
ReactDOM.render(<Welcome />, document.getElementById(‘root’));
جاوا اسکریپت دارای کتابخانه یا فریمورک های مختلفی می باشد که به کمک آن ها می توانید، کدنویسی خود را آسان و سرعت برنامه نویسی خود را بالا ببرید. یکی از این فریمورک های جاوا اسکریپت، React نام دارد و به دلیل ویژگی هایی که دارد، امکانات بسیاری را در اختیار طراحان خود قرار می دهد. برای آشنایی با کتابخانه React JS به شما پیشنهاد می دهیم مطالعه این مقاله را از دست ندهید.
، یک کتابخانه یا فریمورک مربوط به زبان جاوااسکریپت می باشد که به صورت متن باز در اختیار طراحان قرار می گیرد. این کتابخانه در ساخت رابط های کاربری و اجزای (Component) صفحات وب مورد استفاده قرار می گیرد. ری اکت توسط فیس‌بوک و مجموعه ای از توسعه دهندگان و شرکت ها تولید شده است که در سایت های نت فلیکس، ایمجر، بلیچر رپورت، فیدلی، ایر بی‌ان‌بی و … استفاده می شود. این کتابخانه بسیار بهینه می باشد و طراحان می توانند از آن در توسعه برنامه تک صفحه ای و برنامه های موبایل استفاده کنند.