liubko / yet-another-reactjs-boilerplate

ReactJS boilerplate. Powered by React Router, Redux, Webpack, Babel and ESLint.

yet-another-reactjs-boilerplate

A boilerplate using ReactJS (along with React Router and Redux), LESS, Webpack, Babel and ESLint.

---

How to set up?

1. Clone repo git clone [e-mail]:liubko/yet-another-reactjs-boilerplate.git
2. Run npm install from the root directory

How to dev?

1. Run npm run devserver
2. Open http://localhost:8090 in your browser

How to build?

1. Run npm run build
2. The output directory for Webpack is public/static/build/

---

This boilerplate uses the latest versions of the following libraries:

• ReactJS
• React Router
• Redux
• LESS
• Webpack
• Babel
• ESLint

---

Structure

All source files are all located within /src/, structured in the following manner:

src/
  /actions
    - repos.js (Possible actions relevant to the list of repositories.)
  /api
    - index.js (List of all API.)
    - repos.js (Responsible for making AJAX requests.)
  /components
    - Header.jsx (Simple, static header component rendered on all pages.)
    - Header.less (Styles for Header.js.)
    - RepoListItem.jsx (Single list item which represents single github repo.)
    - Search.jsx (Search input with button.)
    - Search.less (Styles for Search.js.)
  /constants
    - ActionTypes.jx
  /pages
    - HomePage.js (Example of home page, serving as the default route.)
    - SearchPage.js (Example of search page to demonstrate flux flow.)
  /reducers
    - index.js (Root reducer.)
    - repos.js (Repositories reducer.)
  - App.js (It is the root component.)
  - main.js (Entry point for Webpack. Requires `App.js`, inits flux and running the router.)
  - Routes.js (Defines the routing structure, along with each individual route path and handler.)