Reactify

Because web development doesn't need to be a pain.

Simple single-page React app. Inspired by Minimill's project template.

Features

• React with React Hotloader to write our single-page app.
• Redux, React Router and axios.
• SCSS to keep our CSS organized into logical components.
• Autoprefixer to automatically insert browser prefixes where necessary to handle cross browser compatibility.
• Webpack to launch a development server, and automatically reload the page whenever we change things.
• Standard JavaScript code style

All with one command from the terminal:

yarn start

Setup

Install yarn. Then run:

yarn

Developing

Keep this running in the background:

yarn start

Formatting

Auto format your code:

yarn format

Publishing

Create a production build of the app:

yarn dist

Structure

├── config.json          # site config vars that get injected into index.html
├── README.md            # This file
├── build/               # Webpack builds the static site into this directory
├── package.json         # Dependencies
└── src/                 # All source code
    ├── entry.js         # Webpack entry point
    ├── font/            # Font files
    ├── img/             # Images and SVGs
    └── js/              # Javascript libraries and scripts
        ├── components/  # React components
        ├── helpers/     # Helper files
        ├── store/       # Redux logic
    ├── sass/            # Stylesheets

Reminders

If you want to use this repo for your next project, make sure to make the following changes:

1. Edit config.json, filling in the HTML metadata associated with your site.
2. Edit package.json providing a name, version, description, license, and repository.url.
3. Remove the .git folder, so that you start from a fresh commit history.
4. Edit LICENSE and README.md files.