React Native components

React native frameworks

Apps created by React native

React Native allows us to create native apps for Android, iOS, and more using React.

In other words, you can create native mobile apps using JavaScript, and you can build apps for Android and IOS using the same code.

React Native consists of several components, such as:

You can build your React Native directly using the RN CLI without setting up any framework.

But it is more convenient to use a framework like Expo to speed up your development process.

في الصفحة دي هجمعلكم الأدوات اللي ساعدتني كتير في شغل UI

أداة مجانية تساعدك في تصميم Color design الخاص بك وتجربته live علي مواقع حقيقية

Visualize Your Colors & Fonts On a Real Site

أداة مفتوحة المصدر تساعدك لعمل clone لاي موقع واستخراج الـ design system بالكامل

untitled page

أحيانا تحتاج لعمل بعض التعديلات علي ملف JSON, غالبا تقوم بانشاء برنامج خسب لغة البرمجة المفضلة لديك, يقوم البرنامج بتحميل ملف JSON وقراءته ثم اجراء التعديلات عليه.

ولكن هناك طريقة ابسط بكثير من خلال الـ terminal مباشرة عن طريق استخدام اداة jq

الصيغة العامة:

ولقراءة محتوي JSON من التيرمينال مباشرة بدلا من قراءة ملف يمكن عمل شئ مثل:

في الدرس القادم سنتعلم أكثر عن الفلاتر التي يمكن تطبيقها علي محتوي JSON الخاص بنا

ما هو React؟

الفرق بين declarative و imprative

هو اطار عمل Javascript لعمل واجهة مستخدم تفاعلية interactive UI

يتم تقسيم واجهة المستخدم الي وخدات صغيرة تسمي Components

كما هو واضح, لدينا هنا مجموعة Components مثل Logo, Navbar, Sidebar, Posts

كل Component يكون معزول تماما عن باقي المكونات, فمثلا عند اضافة CSS style لمكون ما فانه لا يؤثر علي باقي المكونات

المكون الواحد يمكن أن يحتوي علي مكونات أصغر, كل منها يمكن أيضا أن يحتوي علي مكونات أصغر, مما يكون شجرة, تماما مثل شجرة DOM tree في جافاسكريبت