在React JS中引导[任何应用程序]的文件结构

为一个[ChatApp.tsx]引导一个文件结构，它是一个使用Firebase作为后端的全局聊天应用程序，所使用的技术是[React和Typescript和Firebase]，请牢记SOLID、DRY、KISS和YAGNI原则和最佳实践

为一个[ChatApp.tsx]引导一个文件结构，它是一个使用Firebase作为后端的全局聊天应用程序，所使用的技术是[React和Typescript和Firebase]，请牢记SOLID、DRY、KISS和YAGNI原则和最佳实践

Replace text in [BRACKETS] with your own values before pasting.