ReactJs - Hướng dẫn import component giống như "PRO"

Xin chào các bạn. Hôm nay mình sẽ hướng dẫn các bạn các import components (thực tế không chỉ là component mà các loại file khác cũng vậy) trong React (thự thế không chỉ react, các loại khác cũng vậy) giống như "người biết code" nha :v Let's start Hẳn các bác code front end SPA (Single Page App) như React, Vue hay Angular đều có một chỗ "cất" những components để dùng chung cho cả dự án kiểu như là shared-components, hay common, hay UI, ... Và khi chúng ta import các component tử thư mục này sẽ trông như thế này Và khi mà số lượng components cần import nhiều hơn thì sẽ trông như thế này hoặc dài gấp đôi Hmm. Trông nghiệp dư quá nhỉ, nên có cách nào đó chứ

Thì giải pháp ở đây là ở thư mục cần import nhiều hoặc cùng nhau (thư mục common, hay shared-components là một ví dụ) hãy tạo file index.js (hoặc .jsx .ts .tsx) và import tất cả components vào như sau Và khi chúng ta cần import nhiều components từ nơi khác vào thì chỉ cần gọi 1 dòng như thế này là oke rồi Trông chuyên nghiệp quá nhỉ :v nếu các bạn muốn tham khảo thêm về nhập/xuất file trong javascript có thể truy cập mozilla doc nha: https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export