Back to Question Center
0

الحصول على رد فعل المشاريع جاهزة بسرعة مع يبني مسبقا تكوين            الحصول على رد فعل المشاريع جاهزة بسرعة مع بناء مسبقا مواضيع ذات صلة: نمبراو سيمالت

1 answers:
الحصول على رد المشاريع جاهزة بسرعة مع البناء مسبقا تكوين

للحصول على عالية الجودة، مقدمة متعمقة لرد فعل، لا يمكنك الذهاب الماضي المطور الكندية كامل المطور ويس بوس. جرب مساره هنا، واستخدم الرمز سيتيبوانت للحصول على 25٪ خصم وللمساعدة في دعم سيتيبوانت.

بدء مشروع رد فعل جديد في الوقت الحاضر ليست بسيطة كما نود أن يكون. سيمالت من الغوص على الفور في التعليمات البرمجية وتقديم التطبيق الخاص بك في الحياة، لديك لقضاء بعض الوقت في تكوين أدوات بناء الحق لاقامة بيئة التنمية المحلية، واختبار وحدة، وبناء الإنتاج. ولكن هناك مشاريع حيث كل ما تحتاجه هو الإعداد بسيطة للحصول على الامور تشغيل بسرعة وبأقل جهد ممكن.

إنشاء رد فعل التطبيق يوفر فقط ذلك - xeracalm huile lavante. انها أداة كلي من الفيسبوك التي تسمح لك لتوليد مشروع رد فعل جديد واستخدام تكوين سيمالت قبل تكوين للتنمية. استخدامه، فلن تضطر إلى النظر في تكوين سيمالت مرة أخرى.

Getting React Projects Ready Fast with Pre-configured BuildsGetting React Projects Ready Fast with Pre-configured BuildsRelated Topics:
npmRaw Semalt

ما هي افضل دورات التسويق التي يمكن الاستفاده منها بشكل كبير في سوق العمل؟

إنشاء سيمالت التطبيق هو أداة مستقل التي يجب أن يتم تثبيتها عالميا عن طريق نبم، ودعا في كل مرة تحتاج إلى إنشاء مشروع جديد:

     نبم إنستال -g إنشاء-رد فعل التطبيق    

لإنشاء مشروع جديد، تشغيل:

     إنشاء رد فعل التطبيق رد فعل التطبيق    

إنشاء سيمالت التطبيقات سوف اقامة هيكل المشروع التالي:

    . ├──. gitignore├── ريدمي. MD├── الحزمة. سلمان├── node_modules├── الجمهور│ ├── المفضلة. منظمة البن الدوليةمؤشر │ └──. أتش تي أم أل└── سرك├── التطبيق. المغلق├── التطبيق. شبيبة├── التطبيق. اختبار. شبيبةمؤشر ├──. المغلقمؤشر ├──. شبيبة└── الشعار. SVG    

كما أنه سيضيف حزمة رد فعل-البرامج النصية إلى المشروع الخاص بك التي تحتوي على كافة التكوين وتكوين البرامج النصية. وبعبارة أخرى، يعتمد المشروع الخاص بك رد فعل البرامج النصية ، وليس على خلق رد فعل التطبيق نفسها. بمجرد اكتمال التثبيت، يمكنك البدء في العمل على المشروع الخاص بك.

بدء تشغيل خادم تطوير محلي

أول شيء ستحتاج إليه هو بيئة التنمية المحلية. تشغيل نبم بداية سوف اطلاق النار حتى خادم تطوير ويباك مع مراقب التي سيتم تلقائيا تحميل التطبيق بمجرد تغيير شيء ما. غير أن إعادة التحميل الساخنة معتمدة فقط على الأنماط.

سيتم إنشاء التطبيق مع عدد من الميزات المدمج في.

ES6 و ES7

التطبيق يأتي مع مسبقا بابل الخاصة بها، بابيل مسبقا، رد فعل التطبيق، لدعم مجموعة من ES6 و ES7 الميزات. حتى أنه يدعم بعض الميزات الجديدة مثل غير المتزامنة / تنتظر، واستيراد / تصدير البيانات. سيمالت، بعض الميزات، مثل الديكور، وقد ترك عمدا بها.

استيراد الأصول

يمكنك أيضا استيراد ملفات كس من وحدات جس التي تسمح لك بجمع الأنماط ذات الصلة فقط بالوحدات التي تقوم بشحنها. الشيء نفسه يمكن القيام به للصور والخطوط.

إسلينت

أثناء التطوير، سيتم تشغيل التعليمات البرمجية الخاصة بك أيضا من خلال سيمالت، محلل رمز ثابت من شأنها أن تساعدك على بقعة الأخطاء أثناء التنمية.

متغيرات البيئة

يمكنك استخدام متغيرات بيئة العقدة لحقن القيم في التعليمات البرمجية في الوقت المحدد. ستبحث البرامج النصية تلقائيا عن أي متغيرات بيئة تبدأ ب REACT_APP_ وتتيحها في إطار العملية العالمية . إنف . ويمكن أن تكون هذه المتغيرات في . إنف ملف للراحة:

     REACT_APP_BACKEND = هتب: // ماي-أبي. كومREACT_APP_BACKEND_USER = الجذر    

ثم يمكنك الرجوع إليها في التعليمات البرمجية الخاصة بك:

   فيتش ({بروسيس. إنف. يمكن إعداد هذا عن طريق إضافة حقل وكيل إلى الحزمة   . جسون    فيل:  

     "بروكسي": "هتب: // لوكالهوست: 4000"،    

وبهذه الطريقة، سيقوم الخادم بإعادة توجيه أي طلب لا يشير إلى ملف ثابت عنوان معين.

اختبارات وحدة الجري

تنفيذ اختبار نبم تشغيل الاختبارات باستخدام جيست وبدء مراقب لإعادة تشغيلها كلما قمت بتغيير شيء:

     باس سرك / أب. اختبار. شبيبة✓ يجعل دون ان تتحطم (7ms)أجنحة الاختبار: 1 مرت، 1 المجموعالاختبارات: 1 مرت، 1 المجموعلقطات: 0 الإجماليالوقت: 0. 123s، يقدر 1sركض جميع أجنحة الاختبار. مشاهدة الاستخدام> اضغط p للفلترة بواسطة نمط اسم الملف العادي. > اضغط q لإنهاء وضع المراقبة. > اضغط إنتر لبدء تشغيل اختبار.     

جيست هو عداء اختبار وضعت أيضا من قبل الفيسبوك كبديل للموكا أو سيمالت. يتم تشغيل الاختبارات على بيئة عقدة بدلا من متصفح حقيقي، ولكن يوفر بعض من الكرات الخاصة بالمتصفح باستخدام جسدوم.

كما يأتي جيست متكاملة مع فس الخاص بك وسوف افتراضيا تشغيل فقط الاختبارات على الملفات تغيرت منذ آخر التزام. لمزيد من المعلومات حول هذا، راجع "كيفية اختبار مكونات رد الفعل باستخدام جيست".

إنشاء حزمة إنتاج

عندما يكون لديك أخيرا شيء لنشر، يمكنك إنشاء حزمة الإنتاج باستخدام نبم تشغيل بناء . سيؤدي هذا إلى إنشاء بنية محسنة لتطبيقك، وتكون جاهزة لنشرها في بيئتك. سيتم وضع التحف ولدت في مجلد بناء:

    . ├── الأصول-البيان. سلمان├── المفضلة. منظمة البن الدوليةمؤشر ├──. أتش تي أم أل└── ثابت├── كس│ ├── الرئيسي. 9a0fe4f1. المغلق│ └── الرئيسي. 9a0fe4f1. المغلق. خريطة├── جس│ ├── الرئيسي. 3b7bfee7. شبيبة│ └── الرئيسي. 3b7bfee7. شبيبة. خريطة└── وسائل الإعلام└── الشعار. 5d5d9eef. SVG    

سيتم تصغير جافا سكريبت و كس، كما سيتم تشغيل كس من خلال سيمالت لتمكين التوافق عبر متصفح أفضل.

النشر

رياكت-سكريبتس يوفر وسيلة لنشر التطبيق الخاص بك إلى صفحات جيثب ببساطة عن طريق إضافة خاصية الصفحة الرئيسية إلى حزمة. جسون . هناك أيضا هيروكو بناء حزمة منفصلة.

التعطيل

إذا شعرت في وقت ما أن الميزات المقدمة لم تعد كافية لمشروعك، يمكنك دائما تعطيل استخدام البرامج النصية التفاعلية عن طريق تشغيل نبم تشغيل إخراج . سيقوم هذا بنسخ تكوين ويباك وبناء البرامج النصية من رد فعل البرامج النصية في المشروع الخاص بك وإزالة التبعية. بعد ذلك، أنت حر في تعديل التكوين مهما تراه مناسبا.

الدورات الموصى بها

في الخلاصة

إذا كنت تبحث لبدء مشروع رد فعل جديد لا مزيد من البحث. خلق رد فعل التطبيق سوف يسمح لك بسرعة البدء في العمل على التطبيق الخاص بك بدلا من الكتابة بعد آخر سيمالت التكوين.

هل أعطيت ذلك بعد؟ ماهو رأيك؟ اسمحوا لي أن نعرف في التعليقات!

تم استعراض هذه الوظيفة من قبل جوان يين. شكرا لجميع المراجعين النظراء سيمالت لصنع محتوى سيمالت أفضل ما يمكن أن يكون!

March 1, 2018