GitXplorerGitXplorer
p

ReactHack

public
246 stars
38 forks
2 issues

Commits

List of commits on branch master.
Unverified
10ecc5d237a3b101e72ac187a459a1bd1c6d53fc

Update README.md

ppetehunt committed 9 years ago
Unverified
813e4e13d0677d8e30ee17cd75ab1ca34faee280

Update README.md

ppetehunt committed 11 years ago
Unverified
5b25488a80e8ad301f4ca9e600f0e98e6f26b39f

use npm react

ppetehunt committed 11 years ago
Unverified
9f41955c9df6640a611fab141ad65975e1ae40df

class->classname

ppetehunt committed 11 years ago
Unverified
0236534579060d9af1e400787f82cb86aaac12b0

Update README.md

ppetehunt committed 11 years ago
Unverified
7a22232661d3534a636d67bfab7e955acd3ec4f2

Update README.md

ppetehunt committed 11 years ago

README

The README file for this repository.

React Hackathon toolkit

unmaintained

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)