arabic-react-development

name	arabic-react-development
name_ar	تطوير رياكت
description	Master React development in Arabic
description_ar	إتقان تطوير تطبيقات رياكت بالعربية
category	web-development
language	ar
dialect	msa
rtl	true
platform_all	true
version	1.0.0
author	salman-shaikh

الهدف

إتقان أساسيات تطوير تطبيقات React.

مفاهيم أساسية

١. Components

// Functional Component
function Welcome({ name }) {
    return <h1>مرحباً {name}!</h1>;
}

// Arrow Function
const Welcome = ({ name }) => (
    <h1>مرحباً {name}!</h1>
);

٢. State و Props

import { useState } from 'react';

function Counter() {
    const [count, setCount] = useState(0);
    
    return (
        <div>
            <p>العدد: {count}</p>
            <button onClick={() => setCount(count + 1)}>
                زيادة
            </button>
        </div>
    );
}

٣. Hooks شائعة

Hook	الاستخدام
useState	إدارة حالة
useEffect	تأثيرات جانبية
useContext