Back to Question Center
0

چگونه به یادگیری واکنش: همه چیز شما نیاز به شروع نحوه یادگیری واکنش: همه چیزهایی که باید شروع کنید موضوعات مرتبط: ReactRaw JavaScript Node.js ES6 Tools & ؛ Semalt

1 answers:
چگونه به یادگیری واکنش: همه چیز شما باید شروع

برای معرفی مقدماتی با کیفیت بالا، React، نمیتوانید از Wes Bos توسعهدهنده کامل پشته کانادایی شوید. سعی کنید در اینجا درس خود را، و از کد SITEPOINT برای دریافت 25٪ تخفیف و کمک به پشتیبانی از SitePoint استفاده کنید.

Semalt یک کتابخانه جاوا اسکریپت است، که در ابتدا توسط توسعه دهندگان در فیس بوک ساخته شده است، برای ایجاد رابط کاربری سریع سریع. اگر انگشت شست خود را به آبهای Semalt بریزید یا اگر سفر توسعه Semalt خود را به سرعت برساند، ممکن است دشوار باشد که در مورد مبانی، تکنیک ها، ابزار ها و ترفندها باقی بمانید - بنابراین ما این راهنمای را برای آنچه که خارج از آن است، ایجاد کرده ایم و آنچه ما توصیه می کنیم - qual eo programa para fazer videos. مهم نیست که در سفر هستید، بهترین مطالب Semalt شما در اینجا لازم است - نگاهی بیاندازید و دریابید! (و اگر فکر می کنید چیزی را از دست داده اید، به ما در فرم زیر اطلاع دهید!)

به روز شده در 18 سپتامبر 2017 با راهنمای گرفتن Vim برای توسعه Semalt تنظیم شده است. مهندسی] و راهنمای ساخت یک بازی با Semalt و WebGL [sitepoint].

مقالات

آیا شما هنوز تصمیم بگیرید که سمپلاد را سقوط دهید یا به ابزار و سیستم پیشرفته تر نگاهی بیندازید، بهترین منابع نوشته شده ما می توانند پیدا شوند.

معرفي و مقايسه

  • چگونه می توان گفت که React بهترین گزینه برای پروژه بعدی شما است [sitepoint].
  • React vs. Angular - مقیاس عمیق [sitepoint].
  • واکنش به Vue - "چرا من انتخاب React over Vue" [medium / @ calinleafshade].
  • شروع به کار با React، راهنمای مبتدی [sitepoint].
  • با ایجاد یک پخش کننده موسیقی [sitepoint]، ویژگی های جدید React 16 را بررسی کنید.
  • چگونه React چگونه انیمیشن D3 شما را بهتر می کند [sitepoint].
  • مقدمه رسمی فیس بوک برای پاسخ دادن [فیس بوک. github]

اصول

  • تمام مفاهیم واکنش بنیادین به یک مقاله تکیه می کنند [medium. freecodecamp].
  • با استفاده از برنامه Create React Facebook [sitepoint] سریع پروژه ها را آماده کنید.
  • بازگشت به مبانی - با استفاده از React Flow [medium / javascript-inside].
  • چگونه برای بهینه سازی عملکرد واکنش با استفاده از اجزای بدون سرنشین [sitepoint].
  • رها کردن یک ظاهر طراحی شده در React - از استفاده از CSS خارجی به اجزای مدل شده [sitepoint].
  • واکنش دادن انیمیشن ها به عمق [متوسط ​​/ واکنش-بومی آموزش].
  • یک مقدمه به الگوی پوشه کامپوننت [medium / styled-components]، که باعث نوشتن مقیاس پذیر می شود برنامه های واکنش را آسانتر می کند.
  • همه چیز در مورد React Router 4 [css-tricks].
  • و یک راهنمای به سمت سرور React rendering [css-tricks].
  • چهار روش تغییر ناپذیر برای دست زدن به دولت در React [medium / @ housecor].
  • چگونه برای نصب React Native [sitepoint].
  • راهنمای احراز هویت در برنامه های React Native [goshakkk. نام].
  • ورق تقلب قابل جستجو، قابل فیلترکردن [reactcheatsheet].

کمی پیشرفته تر

  • چگونه می توان یک برنامه بزرگ React را سازماندهی کرد و مقیاس [sitepoint] را اندازه گیری کرد.
  • توصیه: یادگیری قبل از استفاده از Redux [robinwieruch] واکنش دهید.
  • چگونگی ایجاد سیستم های جزئی جزئی React [middle / styled-components].
  • Redux vs MobX: بهتر است؟ [sitepoint]
  • React 16 تغییر نحوه عملكرد خصیصه های DOM ناشناس: راهنمای نحوه تاثیر این تغییرات بر شما و كد شما [فیس بك. github]

دوره ها

اگر مسیر یادگیری خود را از طریق مقالات در اختیار شما قرار ندهد، یا مایلید اطمینان حاصل کنید که در همه مفاهیم و تکنیک ها هستید، این دوره های آموزشی سمانه است که ما توصیه می کنیم.

  • واکنش برای مبتدیان [reactforbeginners] استاندارد طلایی در React education است، از React tutor extraordinaire Wes Bos.
  • واکنش نشان می دهد. Express] یک راهنمای همه جانبه برای واکنش به توسعه است.

پروژه ها

سمیرت اصول اولیه - و شاید حتی کمی بیشتر. در اینجا برخی از پروژه هایی که باید در جهت تحقق این دانش به عمل بگذاریم، عبارتند از:

  • یک راهنمای گام به گام برای ساخت یک برنامه React با ورود به سیستم کاربر و احراز هویت [sitepoint].
  • راهنمای ساخت یک برنامه زمانی واقعی با React Native و Pusher [sitepoint].
  • نحوه اضافه کردن تجزیه و تحلیل به یک برنامه بومی React [sitepoint].
  • اولین برنامه سرور خود را با ریلر [مهندسی. musefind]
  • چگونه یک کلون Reddit با React و Firebase [sitepoint] ایجاد کنیم.
  • یک گالری تصویر کامل 3D کروی با React VR [sitepoint] ساخت کنید.
  • سپس کلون Trello fulltack را با React، Redux، Express و MongoDB [sitepoint] بسازید.
  • و سپس یک برنامه تشخیص چهره با React Native [sitepoint] ایجاد کنید.
  • چگونه یک برنامه Android با React Native [sitepoint] ایجاد کنیم.
  • ساخت یک بازی با React و WebWL [sitepoint].

کتابخانه ها و ابزارها

  • نحوه راه اندازی Vim برای توسعه واکنش [driven. مهندسی].
  • reactive-boilerplate [github / react-boilerplate] مقیاس پذیر، پایه آفلاین برای پروژه بعدی React است.
  • react-vt [github / reactvt] یک کتابخانه تست بصری برای React devs است.
  • آینه [github / mirrorjs] یک چارچوب واکنش ساده و قدرتمند با حداقل API و بدون هیچگونه تکراری است.
  • UI مواد React، React Bootstrap، UI semantic و (چهار) بیشتر - هفت کتابخانه های واکنش نشان می دهند که شما باید بدانید [readwrite].
  • اجزاء وب UI وب JetBrains منبع باز [وبلاگ. jetbrains]
  • Gatsby [gatsbyjs] یک ژنراتور سایت دوستانه و سریع استاتیک برای React است.
  • React Static یک ژنراتور سایت استاتیک واکنش است که هدف آن سهولت پیکربندی و شناسایی اطلاعات است.
  • واکنش بومی برای بازگرداندن [github / nadikuts] کشیدن سفارشی برای بازخوانی جزء برای آندروید است.
  • Lottie [airbnb. طراحی] iOS، Android، و React Native Library است که به برنامه اجازه می دهد از انیمیشن ها به راحتی به عنوان تصاویر ثابت استفاده کند.
  • طرح. برنامه [airbnb] یک ابزار دیگر از Airbnb است که به شما اجازه نوشتن واکنش دادن اجزا را داده است که به اسکچ اسناد رندر شده اند.

خبرنامه

اگر همه اینها به شما در وارد شدن به جهان Semalt کمک کرده اند - در اینجا برخی از خبرنامه هایی هستند که به شما کمک می کند با آنچه که جدید است، به روز باشید.

  • Versioning [sitepoint] - یک خبرنامه روزانه، موضوعات مختلفی از جمله React را پوشش می دهد، نوعی به نظر می رسد مانند این پست (متن و لینک) و توسط من نوشته شده است!
  • وضعیت واکنش [واکنش نشان می دهد. کد وضعیت] - یک خبرنامه هفتگی از افراد خوب در Cooperpress.
  • React Newsletter [reacjsnewsletter] - یک خبرنامه هفتگی است که توسط Tyler McGinnis و Ean Platter سرپرستی می شود.
  • واکنش هضم [reactigest] - یک خبرنامه هفتگی، پنج پیوند React ارسال شده هر دوشنبه.

چه چیزی ما را از دست داده؟

در نهایت اگر شما یک منبع یا ابزار React بزرگ که متعلق به آن است، پیدا کرده اید، به ما در فرم زیر اطلاع دهید. مبارک واکنش واکنش Semalt. همه این چیزها!

طراحی شده توسط Typeform