# Breaking down react files

**URL:** <https://forum.kirupa.com/t/breaking-down-react-files/637481>\
**Category:** Uncategorized\
**Created:** [November 18, 2017, 9:22pm UTC](https://forum.kirupa.com/t/breaking-down-react-files/637481 "2017-11-18T21:22:44Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![reactnc](https://avatars.discourse-cdn.com/v4/letter/r/b2d939/32.png) [@reactnc](https://forum.kirupa.com/u/reactnc)\
**Post date:** [November 18, 2017, 9:22pm UTC](https://forum.kirupa.com/t/breaking-down-react-files/637481/1 "2017-11-18T21:22:45Z")

</div>

Hi,

I just finished your leaning react book. I started in on a “larger” project and it quickly is getting messy.

Is there a way to break each React.createClass(

into its own file and import it?

Thanks,

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 20, 2017, 6:11am UTC](https://forum.kirupa.com/t/breaking-down-react-files/637481/2 "2017-11-20T06:11:47Z")

</div>

Yes there is! I am in the process of covering that in the 2nd edition, but here is the first step: [https://www.kirupa.com/react/setting\_up\_react\_environment.htm](https://www.kirupa.com/react/setting_up_react_environment.htm)

You can break up all of your components into individual classes. The example in that tutorial and the others listed under Learning By Doing should help you further: [https://www.kirupa.com/react/index.htm](https://www.kirupa.com/react/index.htm)

😀

---

<div class="post-metadata">

**Author:** ![reactnc](https://avatars.discourse-cdn.com/v4/letter/r/b2d939/32.png) [@reactnc](https://forum.kirupa.com/u/reactnc)\
**Post date:** [November 20, 2017, 3:27pm UTC](https://forum.kirupa.com/t/breaking-down-react-files/637481/3 "2017-11-20T15:27:00Z")

</div>

Thanks, exactly what I needed. And the book was great btw 🙂