تا اینجای کار با مفاهیم اولیه و پایه ی react (مانند JSX) به خوبی آشنا شده ایم و حالا وقت آن است که یک کامپوننت واقعی برای خودمان بسازیم. برای شروع در پوشه ی src از پروژه مان یک پوشه ی دیگر به نام Person می سازیم. قرار دادی بین برنامه نویسان react وجود دارد که حرف اول در نام کامپوننت ها باید همیشه بزرگ باشد (یعنی Person و نه person) اما شما مجبور به پیروی از آن نیستید. با این حال از آنجا که این موضوع یک قرار داد فراگیر است ما هم به آن احترام گذاشته و ساختار فایل های خودمان را بر همین اساس ایجاد می کنیم. ما می خواهیم در این پوشه کامپوننتی بسازیم که در آن اطلاعاتی راجع به یک فرد نمایش داده شود.
پنل نویسندگان