5 |
6 | TReactr is a javascript digital DJ mixing application built for the modern web, based on the legendary UI from Native Instruments' Traktor.
7 |
8 | ## Features:
9 | - Stream music from Youtube or Soundcloud
10 | - Apply EQ's and filter to html5 audio sources
11 |
12 | ## TReactr is brought to you by:
13 | Node.js, Express, GraphQL, React, Babel, ESLint, PostCSS, Webpack, and Browsersync.
14 |
15 | ## Install:
16 | This project uses `yarn` for managing packages, running build scripts, and starting the development server.
17 | If you don't already have `yarn` you can install it with:
18 |
19 | npm install -g yarn
20 |
21 | To install TReactr, use:
22 |
23 | yarn
24 |
25 | This is equivalent to `yarn install` or `npm install`.
26 |
27 | ## Run:
28 | To start a dev server and launch TReactr in your browser, use:
29 |
30 | yarn start
31 |
32 | This is equivalent to `npm start`.
33 |
34 | For a full list of scripts that can be ran with `yarn` or `npm`, see `package.json`.
35 |
36 | ## Contributing:
37 | The easiest way to start contributing is to check out the deployment on Heroku and open up an issue if you have problems with it.
38 |
39 | If you want to help with development, there's a to-do list of small features that need to be implemented in the Wiki.
40 |
41 | If you like thinking about the bigger picture, we have a build/release plan on the Wiki as well. TReactr will be officially released sometime in late 2017.
42 |
--------------------------------------------------------------------------------
/config/CSSStub.js:
--------------------------------------------------------------------------------
1 | module.exports = {};
2 |
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | ## Documentation
2 |
3 | ### General
4 |
5 | * [Getting Started](./getting-started.md)
6 | * [React Style Guide](./react-style-guide.md)
7 | * [How to configure text editors and IDEs](./how-to-configure-text-editors.md)
8 | * [Data fetching with WHATWG Fetch](./data-fetching.md)
9 | * [Testing your application](./testing-your-application.md)
10 |
11 | ### Questions
12 |
13 | * [Which module bundler should I use?](https://github.com/kriasoft/react-starter-kit/issues/3)
14 | * [Which Flux implementation should I use?](https://github.com/kriasoft/react-starter-kit/issues/22)
15 |
16 | ### Recipes
17 |
18 | * [How to Implement Routing and Navigation](./recipes/how-to-implement-routing.md)
19 | * [How to Integrate Redux](./recipes/how-to-integrate-redux.md)
20 | * [How to Integrate React Intl](./recipes/how-to-integrate-react-intl.md)
21 | * [How to Integrate Disqus](./recipes/how-to-integrate-disqus.md)
22 | * [How to Use Sass/SCSS](./recipes/how-to-use-sass.md)
23 |
--------------------------------------------------------------------------------
/docs/data-fetching.md:
--------------------------------------------------------------------------------
1 | ## Data Fetching with WHATWG Fetch
2 |
3 | There is isomorphic `core/fetch` module that can be used the same way in both
4 | client-side and server-side code as follows:
5 |
6 | ```jsx
7 | import fetch from '../core/fetch';
8 |
9 | export const path = '/products';
10 | export const action = async () => {
11 | const response = await fetch('/graphql?query={products{id,name}}');
12 | const data = await response.json();
13 | return D/W
34 |K1
49 |K2
64 |K3
79 |A Traktor clone in React
31 |...
26 |Kevin Chau
26 |kevin@kevinchau.com
27 |{error.message}
31 |{error.stack}
32 | Sorry, a critical error occurred on this page.
40 |Log in with your username or company email address.
26 |Sorry, the page you were trying to view does not exist.
26 |...
26 |