react ui interactions
1.0.0
إلهام واجهة المستخدم للرد
مجموعة من مفاهيم واجهة المستخدم المعبأة في مجموعة من مشاريع React الصغيرة. تتمثل الفكرة وراء الاستفادة من أحدث الممارسات المجتمعية لتوفير أنماط مفيدة لمشروع العالم الحقيقي. من خلال تقديم عناصر واجهة المستخدم المحددة ، ستتعلم الحلول الأساسية والمتقدمة التي تغطي: الرسوم المتحركة والتحولات ، والتعاملات الدقيقة ، والاستجابة ، والتنقل ، وجلب البيانات ، والتلاعب بالدولة .
يتطلب إنشاء تطبيق الويب حل العديد من مشاكل واجهة المستخدم. هناك الكثير من المكتبات التي تساعد على حل حالة pricular ، ولكن في كثير من الأحيان ستتوصل إلى الحل الخاص بك. في هذه الحالة ، يتيح لك هذا المستودع اكتشاف أنماط مفيدة للتحديات النموذجية أثناء العمل على واجهات المستخدم. كما لاحظت ربما ، يتم كتابة المشروع في React. أنا فقط أشعر بالراحة في استخدامه. ومع ذلك ، أعتقد أن الحلول المقدمة هنا يمكن استخدامها بنجاح في الأطر الأخرى القائمة على المكونات.
يجب أن يكون التصميم بسيطًا ، سواء في التنفيذ أو الواجهة. من المهم أن تكون الواجهة بسيطة من التنفيذ.
React.lazy جنبًا إلى جنب مع import() ودع WebPack يقوم بالمهمة.من المهم أن نلاحظ أن بعض المهام ذات المستوى المنخفض لا تزال بحاجة إلى مكتبات للسماح بالتركيز على جوانب أكثر أهمية. تم اختيار جميع التبعيات في هذا المشروع بعناية فائقة بالنظر إلى المبادئ المذكورة سابقًا.
Reach Router لأنه أمر صعب وقابل للتأليف ويفعل مباشرة ما ينبغي. لا شيء أكثر.Styled Components ببساطة CSS في JS مع وثائق رائعة. لماذا لا emotion ؟ لا أعرف. إذا كان هناك سبب يجب أن أعرفه ، فأخبرني!React Spring حيث أن واجهة المستخدم الحديثة غالباً ما يتم بناءها على رسوم متحركة ذات معنى ، فإن كل ما يشجع استخدامها أمر رائع. تقدم المكتبة مؤخرًا واجهة برمجة تطبيقات لطيفة التي تلعب مباشرة مع DOM لتحسين أداء. MIT ترخيص حقوق الطبع والنشر © 2019-Present ، Mike Skowronek
