دوره «React Native: The Big Picture 2023.7» از سری آموزش‌های پلتفرم Pluralsight، یک نگاه جامع به فناوری React Native و نحوه ساخت اپلیکیشن‌های موبایل کراس‌پلتفرم ارائه می‌دهد. در این دوره مدرس به معرفی اصول و معماری React Native می‌پردازد و شما را در مسیری قرار می‌دهد تا بتوانید از ابتدا تا انتشار یک اپ در App Store و Google Play را به صورت کامل فراگیرید.

• معماری React Native و تفاوت آن با React وب
• نصب و راه‌اندازی محیط توسعه شامل Node.js، React Native CLI و Expo
• ساخت و ترتیب‌دهی کامپوننت‌ها و صفحات در اپلیکیشن
• استفاده از استایل‌دهی با StyleSheet و کاربرد کتابخانه‌های آماده
• مدیریت State و Props و آشنایی با Context API
• پیاده‌سازی مسیر‌یابی (Navigation) با React Navigation
• اتصال به APIها، Fetch و Axios
• استفاده از دوربین، موقعیت جغرافیایی و Permissions
• راهنمای بهینه‌سازی عملکرد و کاهش حجم نهایی اپ
• تست و Debug با React Native Debugger و Jest
• پکیج‌بندی و انتشار اپلیکیشن در Android و iOS

این دوره برای توسعه‌دهندگانی مناسب است که می‌خواهند:

• با یک تکنولوژی چند سکویی و قدرتمند آشنا شوند.
• زمان و هزینه تولید اپلیکیشن موبایل را کاهش دهند.
• دانش خود را در زمینه JavaScript و React به مرحله موبایل توسعه دهند.
• به سرعت پروتوتایپ‌های موبایل را طراحی و ارائه کنند.
• مهارت‌های لازم برای استخدام در پروژه‌های موبایل را کسب کنند.

• آشنایی اولیه با JavaScript (ES6+)
• درک پایه‌ای از React.js و مفاهیم کامپوننت‌محور
• نصب Node.js و تسلط نسبی به ترمینال
• یک ویرایشگر کد مانند VS Code یا WebStorm

اگر تازه‌کار هستید، پیشنهاد می‌شود ابتدا دوره‌ React مقدماتی را گذرانده باشید تا درک شما از مفاهیم پایه React Native کامل شود.

• بخش ۱: مقدمه و محیط توسعه
  مروری بر آنچه React Native ارائه می‌دهد، راه‌اندازی پروژه با CLI و Expo، ساخت اولین اپ ساده.
• بخش ۲: اصول کامپوننت‌ها
  تفاوت کامپوننت تابعی و کلاسی، Props، State و چرخه حیات.
• بخش ۳: استایل‌دهی و طراحی رابط کاربری
  StyleSheet، Flexbox در React Native، کتابخانه‌های UI مانند NativeBase و React Native Elements.
• بخش ۴: مسیریابی و ناوبری
  React Navigation، Stack, Tab, Drawer Navigator و سفارشی‌سازی header.
• بخش ۵: ارتباط با سرور
  Fetch API و Axios، نمایش داده‌ی دریافت شده در لیست‌ها و مدیریت loading و error.
• بخش ۶: دسترسی به ویژگی‌های دستگاه
  Permissions، دوربین، گالری، موقعیت مکانی و سنسورها.
• بخش ۷: بهینه‌سازی و عملکرد
  Memoization، استفاده از PureComponent، Virtualized Lists و lazy loading.
• بخش ۸: تست و اشکال‌زدایی
  React Native Debugger، Flipper، نوشتن تست با Jest و React Native Testing Library.
• بخش ۹: پک کردن و انتشار
  امضای کلید اندروید و iOS، تنظیمات App Store Connect و Google Play Console.

در هر بخش، مدرس با نمونه‌های واقعی شما را همراهی می‌کند. مثلاً در بخش مسیریابی یک اپ لیستی با جزئیات ساخته می‌شود که کاربر با کلیک روی آیتم‌ها وارد صفحه جزئیات می‌شود. در بخش API، با یک سرویس مستقیم ارتباط می‌گیریم و داده‌ها را در FlatList رندر می‌کنیم. نمونه‌ای از کد ساده Fetch API:

fetch('https://api.example.com/items')
  .then(res => res.json())
  .then(data => this.setState({ items: data }))
  .catch(err => console.error(err));

در ادامه یاد می‌گیرید چگونه با Context API یک Theme سراسری مدیریت کنید:

const ThemeContext = React.createContext('light');
  
function App() {
  return (
    <ThemeContext.Provider value="dark">
      <MainScreen />
    </ThemeContext.Provider>
  );
}

• همواره نسخه‌های React Native و کتابخانه‌ها را با دقت چک کنید تا از ناسازگاری جلوگیری شود.
• برای ساخت اپ نهایی در iOS، نیازمند یک سیستم macOS و Xcode هستید.
• استفاده از Expo برای نمونه‌سازی سریع و تست روی دستگاه‌های اندروید و iOS بسیار ساده است.
• مدیریت حافظه و بهینه‌سازی تصاویر می‌تواند عملکرد اپ شما را به میزان چشمگیری بهبود دهد.

دوره «React Native: The Big Picture 2023.7» یک مسیر کلی و مدون برای ورود به دنیای توسعه اپ موبایل با React Native ارائه می‌دهد. با تکیه بر مثال‌های عملی، توضیحات شفاف و پروژه‌های کوچک و بزرگ، شما به‌سرعت مهارت‌های لازم را کسب می‌کنید و می‌توانید اپلیکیشن‌های حرفه‌ای و بهینه بسازید. اگر به دنبال رشد سریع در زمینه موبایل کراس‌پلتفرم هستید، این دوره انتخابی ایده‌آل خواهد بود.