ابزار React Slingshot
React Slingshot یک کیت استارت جامع برای پیشرفت سریع طراحی سایت در مشهد اپلیکیشن با به کارگیری از React میباشد.
خصوصیت های بلندتر :
React Slingshot با امر آغاز سنتی npm برای فعالسازی سرور پیشرفت در مرورگر پیشفرض شما یاروهمدم با امکان لود دوباره داغ، لینتینگ و آزمایشهای خود کار ارائه می گردد!
به مکان تقسیم خروجی خط دستور به یکسری خط، React Slingshot مجموع بازخوردهای بر طبق فرمان را در یک خط اکران میدهد.
در صورتی درین کتابخانه مبتدی می باشید، پس حتی یک اپ مثال عمل داراست تا خصوصیت های بلندتر آن را به اکران بگذارد که شمارا موعظه می نماید که چه گونه همگی با هم شغل می نمایند.
این یک تجربیات گسترش دهنده بی نیاز را ارائه میدهد چون از فناوری هایی مانند Redux ، React Router ، Babel ، Webpack ، Jest ، ESLint و غیره به کارگیری می نماید !
منبع
ابزار Codesandbox
Codesandbox یک فضا IDE آنلاین میباشد که برای ساخت، اشتراکگذاری و اخذ برخورد با باکسهای شنی مشترک برای بسط سریع اینترنت تاسیس شده است.
خصوصیت های رفیعتر :
برای ساخت یک سندباکس تازه بر اساس React به معنای حقیقی وواقعی کلمه و واژه نیازی به پیکربندی وجود ندارد. شما صرفا یک سرمشق را گزینش میکنید و آحاد بسته های مایحتاج، ابزارها و یک پنجره مرورگر در اکنون انجام را در مشت شما قرار میدهد!
مشارکتی میباشد. این بدان مضمون میباشد که میتوانید برخورد اخذ نمایید و با هم، به طور بلادرنگ یا این که ناهمزمان ساخت و ساز فرمایید.
کدی که می نویسید به طور زنده در پنجره مرورگر آپ تو دیت میشود و به راحتی میتوانید به راحتی به sandbox فرد دیگری به اشتراک بگذارید، جاسازی فرمایید یا این که به آن بپیوندید.
این یک فهرست داخلی بسته NPM با بیشتراز 1 میلیون بسته دارااست که میتوانید به آسانی کاوش نمائید و سوای اجرای یک خط از خط امر به [پروژه خویش] اضافه نمایید.
این برای گوشه و کنارهای بر طبق React با صرفهسازی گردیده است و برای وارد کردن و اجرای مخازن GitHub شما مستقیماً از مرورگر دفاع مینماید.
منبع
ابزار React Sight
React Sight یک نمای زنده از درخت سلسله مراتب اجزای نرمافزار React شما با حفاظت از React Router و Redux میباشد.
خصوصیت های رفیعتر :
این ویژوالایزر React به راحتی در مرورگرهای اساسی مانند کروم و فایرفاکس تحت عنوان پلاگین/پلاگین فعال سازی میگردد. شما تنها آن را نصب فرمائید، نرمافزار React خویش را ایفا فرمائید، ابزار بسط را گشوده فرمایید و با پنل React Sight آغاز به شغل فرمائید!
مایحتاج میباشد که هیچ تغییری در مقر کد خویش نداشته باشید، به این ترتیب میتوانید به شغل روی کد خویش ادامه دهید در حالی که React Sight یک درخت سلسله مراتبی مؤلفه زنده در بگراند ساختوساز می نماید.
از ابزارهای دوست داستنی React مانند React Fiber ، React Router، Redux و غیره جانبداری می نماید!
نرم افزار افزودنی مدل و نجیب میباشد و به شما نشانه میدهد که نرم افزار شما چهطور در پایین هود عمل می نماید.
با فیلترهای داخلی، می توانید عناصری را که نمی خواهید مشاهده کنید، مخفی نمائید تا در هر مجال تنها روی یک جزء خاص تمرکز فرمائید.
منبع
ابزار Sentry
Sentry هفتمی ابزار برای اکوسیستم عکس العمل میباشد، این سرویسی میباشد برای توسعه و گسترش دهندگان که میتوانند از ردیابی خطای بهتر آن برای پژوهش بر سعی به کار گیری نمایند.
خصوصیت های بلندتر :
Sentry’s React SDK گزارش اتومات اشتباهات و استثناها را فعال می نماید.
با به کار گیری از یک SDK در طی جاری ساختن اپ شما اطلاعات را گردآوری می نماید و برای نصب آن میتوانید به آسانی فرمان تحت را جاری ساختن فرمایید:
# Using npm
npm install --save @sentry/react @sentry/tracing
# Using yarn
yarn add @sentry/react @sentry/tracing
می توانید نقشههای منبع را با حفاظت جاوا اسکریپت ترجمهگردیده، خردسازیگردیده و یاروهمدم با هم ترکیب فرمایید.
میتواند اشتباهات کوشش را از پیشین با خصوصیت ردیابی توزیع گردیده شناسایی نماید.
با Sentry، شما همینطور تجسم زیبایی از داده های اپلیکیشن خویش را با داشبوردهای خاص اخذ میکنید.
منبع
ابزار Deepscan
Deepscan یک ابزار چک استاتیک توسعه یافته برای کد React و JavaScript شما میباشد.
خصوصیت های بلندتر :
Deepscan کد شمارا با تجزیه و محاسبه جریان داده و دسته قانون ها خاص تجزیه و آنالیز می نماید.
بیشتر بر روی خطاهای فرصت اعمال در اپ شما تمرکز می نماید تا قراردادهای کدنویسی.
میتواند مسائلی را پیدا نماید که مطابق انجام و جریان داده میباشد و خیر تنها مسائل مبنی بر نحو.
این ابزار مسائل را تحت عنوان تأثیرات تعدادی سطحی طبقه بندی می نماید و آحاد داده ها مرتبط با آن را با راهنمای ظریف آرم میدهد تا بداند اختلال چیست و کجاست.
Deepscan دارنده تفحص کد خوب، ترکیب GitHub، آرایه نیکی از افزونه ها و CLI ها و مورد ها دیگر میباشد!
منبع
ابزار Storybook
به کار گیری از Storybook برای پیشرفت نرم افزار، به ویژه برای پیاده سازی رابط کاربری یک نرمافزار، بسیار موثر میباشد. پیشرفتدهندگان React.js اکثر اوقات از Storybook به کار گیری مینمایند چون این ابزار قابلیت تایپ کردن کد UI را در یک دور و بر مستقل از اپلیکیشن مهم مهیا مینماید.
ابزار React Slingshot
React Slingshot یک کیت استارت جامع برای پیشرفت سریع طراحی سایت در مشهد اپلیکیشن با به کارگیری از React میباشد.
خصوصیت های بلندتر :
React Slingshot با امر آغاز سنتی npm برای فعالسازی سرور پیشرفت در مرورگر پیشفرض شما یاروهمدم با امکان لود دوباره داغ، لینتینگ و آزمایشهای خود کار ارائه می گردد!
به مکان تقسیم خروجی خط دستور به یکسری خط، React Slingshot مجموع بازخوردهای بر طبق فرمان را در یک خط اکران میدهد.
در صورتی درین کتابخانه مبتدی می باشید، پس حتی یک اپ مثال عمل داراست تا خصوصیت های بلندتر آن را به اکران بگذارد که شمارا موعظه می نماید که چه گونه همگی با هم شغل می نمایند.
این یک تجربیات گسترش دهنده بی نیاز را ارائه میدهد چون از فناوری هایی مانند Redux ، React Router ، Babel ، Webpack ، Jest ، ESLint و غیره به کارگیری می نماید !
منبع
ابزار Codesandbox
Codesandbox یک فضا IDE آنلاین میباشد که برای ساخت، اشتراکگذاری و اخذ برخورد با باکسهای شنی مشترک برای بسط سریع اینترنت تاسیس شده است.
خصوصیت های رفیعتر :
برای ساخت یک سندباکس تازه بر اساس React به معنای حقیقی وواقعی کلمه و واژه نیازی به پیکربندی وجود ندارد. شما صرفا یک سرمشق را گزینش میکنید و آحاد بسته های مایحتاج، ابزارها و یک پنجره مرورگر در اکنون انجام را در مشت شما قرار میدهد!
مشارکتی میباشد. این بدان مضمون میباشد که میتوانید برخورد اخذ نمایید و با هم، به طور بلادرنگ یا این که ناهمزمان ساخت و ساز فرمایید.
کدی که می نویسید به طور زنده در پنجره مرورگر آپ تو دیت میشود و به راحتی میتوانید به راحتی به sandbox فرد دیگری به اشتراک بگذارید، جاسازی فرمایید یا این که به آن بپیوندید.
این یک فهرست داخلی بسته NPM با بیشتراز 1 میلیون بسته دارااست که میتوانید به آسانی کاوش نمائید و سوای اجرای یک خط از خط امر به [پروژه خویش] اضافه نمایید.
این برای گوشه و کنارهای بر طبق React با صرفهسازی گردیده است و برای وارد کردن و اجرای مخازن GitHub شما مستقیماً از مرورگر دفاع مینماید.
منبع
ابزار React Sight
React Sight یک نمای زنده از درخت سلسله مراتب اجزای نرمافزار React شما با حفاظت از React Router و Redux میباشد.
خصوصیت های رفیعتر :
این ویژوالایزر React به راحتی در مرورگرهای اساسی مانند کروم و فایرفاکس تحت عنوان پلاگین/پلاگین فعال سازی میگردد. شما تنها آن را نصب فرمائید، نرمافزار React خویش را ایفا فرمائید، ابزار بسط را گشوده فرمایید و با پنل React Sight آغاز به شغل فرمائید!
مایحتاج میباشد که هیچ تغییری در مقر کد خویش نداشته باشید، به این ترتیب میتوانید به شغل روی کد خویش ادامه دهید در حالی که React Sight یک درخت سلسله مراتبی مؤلفه زنده در بگراند ساختوساز می نماید.
از ابزارهای دوست داستنی React مانند React Fiber ، React Router، Redux و غیره جانبداری می نماید!
نرم افزار افزودنی مدل و نجیب میباشد و به شما نشانه میدهد که نرم افزار شما چهطور در پایین هود عمل می نماید.
با فیلترهای داخلی، می توانید عناصری را که نمی خواهید مشاهده کنید، مخفی نمائید تا در هر مجال تنها روی یک جزء خاص تمرکز فرمائید.
منبع
ابزار Sentry
Sentry هفتمی ابزار برای اکوسیستم عکس العمل میباشد، این سرویسی میباشد برای توسعه و گسترش دهندگان که میتوانند از ردیابی خطای بهتر آن برای پژوهش بر سعی به کار گیری نمایند.
خصوصیت های بلندتر :
Sentry’s React SDK گزارش اتومات اشتباهات و استثناها را فعال می نماید.
با به کار گیری از یک SDK در طی جاری ساختن اپ شما اطلاعات را گردآوری می نماید و برای نصب آن میتوانید به آسانی فرمان تحت را جاری ساختن فرمایید:
# Using npm
npm install --save @sentry/react @sentry/tracing
# Using yarn
yarn add @sentry/react @sentry/tracing
می توانید نقشههای منبع را با حفاظت جاوا اسکریپت ترجمهگردیده، خردسازیگردیده و یاروهمدم با هم ترکیب فرمایید.
میتواند اشتباهات کوشش را از پیشین با خصوصیت ردیابی توزیع گردیده شناسایی نماید.
با Sentry، شما همینطور تجسم زیبایی از داده های اپلیکیشن خویش را با داشبوردهای خاص اخذ میکنید.
منبع
ابزار Deepscan
Deepscan یک ابزار چک استاتیک توسعه یافته برای کد React و JavaScript شما میباشد.
خصوصیت های بلندتر :
Deepscan کد شمارا با تجزیه و محاسبه جریان داده و دسته قانون ها خاص تجزیه و آنالیز می نماید.
بیشتر بر روی خطاهای فرصت اعمال در اپ شما تمرکز می نماید تا قراردادهای کدنویسی.
میتواند مسائلی را پیدا نماید که مطابق انجام و جریان داده میباشد و خیر تنها مسائل مبنی بر نحو.
این ابزار مسائل را تحت عنوان تأثیرات تعدادی سطحی طبقه بندی می نماید و آحاد داده ها مرتبط با آن را با راهنمای ظریف آرم میدهد تا بداند اختلال چیست و کجاست.
Deepscan دارنده تفحص کد خوب، ترکیب GitHub، آرایه نیکی از افزونه ها و CLI ها و مورد ها دیگر میباشد!
منبع
ابزار Storybook
به کار گیری از Storybook برای پیشرفت نرم افزار، به ویژه برای پیاده سازی رابط کاربری یک نرمافزار، بسیار موثر میباشد. پیشرفتدهندگان React.js اکثر اوقات از Storybook به کار گیری مینمایند چون این ابزار قابلیت تایپ کردن کد UI را در یک دور و بر مستقل از اپلیکیشن مهم مهیا مینماید.

خطاها رایج در طیبندی پستها