petehunt / ReactHack

React+Parse+Bootstrap Hackathon toolkit

React Hackathon toolkit

Build apps quickly using React, Bootstrap, Parse / Backbone and webpack (formerly Browserify).

What is this?

It's a simple app that lets you create Wiki-like pages using markdown and URL routing. It's easy to delete this functionality and start building your app.

Getting started

Make sure you have npm.

1. git clone https://github.com/petehunt/ReactHack.git
2. npm install
3. Edit src/main.js to include your Parse API key.
4. npm start
5. Open index.html in your favorite browser
6. Start hacking!

Find your way around

• src/main.js - your routes and Parse API key
• src/layout - general page layout components
• src/pages - full-page components
• src/data - Parse / Backbone Models and Collections
• src/components - all other UI components

Things you don't need to worry about

• src/framework - the ReactHack code
• index.html - the entry point to your app, just references the static resources you need
• build/main.js - autogenerated by npm start

FAQ

It says "If you see this, something is broken."

That means you didn't run npm install or npm start.

There is an "Unauthorized" error in the browser error console

That means you didn't edit src/main.js to include your Parse JavaScript API key.

What!? I can require() CSS files!?

Yes. Within your CSS files you can also require() images like so:

body {
  background-image: url('./myImage.jpg');
}

Future work

• Full-page rendering
• Server rendering
• Testing integration
• All Bootstrap-specific React components (specifically grids)