React: Building Modern Web Applications

Starting the app

We will begin exploring the construction of the application in detail in the next chapter. To finish up here, we'll lay the groundwork for file structure, and stub out the main views. We'll boot up our dev server and mock back-end, then add some linking between views using React Router.

The directory structure

Make a directory structure that looks like this:

If you are using a POSIX shell (such as Bash, the default shell on Mac OSX), here are a couple of commands to quickly create the directory structure:

mkdir -p db css/{components,vendor,views} js/{components,mixins,stores,vendor,views}
mkdir -p {css,js}/{components,views}/{users,posts} ...