آقای maximilian schwarzmüller که یکی از معروفترین مدرس های سایت یودمی هستش سال گذشته توی کانال یوتیوب خودش یه مقایسه از سه فریمورک محبوب Vue و Angular و React انجام داد که اون زمان خیلی مورد استقبال قرار گرفت. حالا امسال دوباره یه مقایسه جدید با توجه به تغییرات جدید این فریمورک ها انجام داده.
با این که مقایسه ی بین این فریم ورک ها کمی خسته کننده و تکراری شده ولی دیدن این ویدیو خالی از لطف نیست.

https://www.youtube.com/watch?v=SWZ_4YBFBhs

#link #js #vue #angular #react

@ProGraphs

🔺نقشه‌ راه برای توسعه‌دهنده حرفه‌ای React شدن در سال 2018 👇🏻

https://github.com/adam-golab/react-developer-roadmap

#link #react #roadmap

@ProGraphs

ویژگی‌های جدید Create React App 2

https://scotch.io/tutorials/whats-new-in-create-react-app-2

#link #js #react

@ProGraphs

🔺 انتشار نسخه 16.8 React

https://reactjs.org/blog/2019/02/06/react-v16.8.0.html

#link #react

@ProGraphs

🔺یه منبع فارسی خوب برای یادگیری React

https://github.com/zohre1023/Persian-The-Road-to-learn-React


#link #react

@ProGraphs

Real-time visualizer for React lifecycle methods

https://github.com/Oblosys/react-lifecycle-visualizer

#tool #react #visualizer

@ProGraphs

مقاله و ویدیوهای eddie راجع به نحوه کارکرد internal هوک‌های ری‌اکت رو حتما ببینید 👌

http://vrgl.ir/PsPUb

#article #react #hooks

@ProGraphs

​به کد زیر دقت کنید:

let obj = {
  whatIsThis: () => {
    console.log("this is:", this);
  }
};

در این کد، متد whatIsThis داخل آبجکت obj تعریف شده است. اما با توجه به اینکه arrow functionها در جاوااسکریپت this ندارند، مقدار this داخل این تابع به آبجکت گلوبال اشاره می‌کند (و نه به خود آبجکت obj).

اما چرا وقتی از arrow functionها در کلاس‌های جاوااسکریپت استفاده می‌کنیم، مقدار this به خود آبجکت‌های کلاس اشاره می‌کند؟
به عنوان مثال به کد داخل تصویر (که یک کلاس کامپوننت ری‌اکت است) دقت کنید.
متد handleClick را به صورت arrow function تعریف کرده‌ایم، اما مقدار this به خود آبجکت react element اشاره می‌کند! (دقیقا برعکس رفتاری که در کد بالا دیدیم)

چرا رفتار arrow functionها در آبجکت‌ها و class field‌های جاوااسکریپت متفاوت است؟

#interviewquestion #js #react #thiskeyword

@ProGraphs

این مقاله‌ی کامل و عالی eddie رو از دست ندید 👌

https://vrgl.ir/d7bFp

#article #react #concurrent

🔺بیشتر از 300 سوال مصاحبه ری‌اکت (PDF) 👌😎

#react

🔺آیا وسط گذاشتن یک div براتون یک چالشه؟ آیا ابزاری ساختین که کل دنیا دارن ازش استفاده می‌کنن، ولی توضیح دادن کاربرد اون سخته؟

- مصاحبه فنی Dan Abramov رو ببینین تا یکم به خودتون امیدوار بشین 😂

https://www.youtube.com/watch?v=XEt09iK8IXs

پ.ن:‌ Dan Abramov یکی از اعضای اصلی تیم ری‌اکت و سازنده Redux هست. توی این ویدئو، مصاحبه با یک انسان عادی مثل خودمون رو می‌بینیم که از چیزها و چالش‌هایی حرف میزنه که همه‌مون باهاش مواجه هستیم

#react