How to structure jsx between /client/ /server/ and /both/ subdirectories

[gb96]

Meteor restricts any js located below /client/ to client-side, and js located below /server/ to server-side. Everything else is available on both client and server side (some like to put stuff under /both/ or /model/ etc for clarity).

Currently there is only one react-meteor example and it has all the js code within a single JSX file which includes some if (Meteor.isServer) {} and if (Meteor.isClient) {} blocks. Can developers split these blocks into separate js files (looks like pure js, so no JSX required) located under /server/ and /client/ respectively? Does the rest of the leaderboard example JSX code have to be in the "both" category or can some of it be limited to client/server?

[ahoereth]

Example works fine if you split the leaderboard.jsx file into three files, e.g.:

• Line 8 and Line 20-104 into ./client/client.jsx
• Line 106 - 128 into ./server/server.js
• Remaining stuff in . or ./both/

Leaderboard folder structure just follows the official example's folder structure.

[jedwards1211]

As I've been saying in other issues, use Webpack to build your frontend into JS bundles that go in a client folder.