Turn Roll page: https://sterlingvix.github.io/turn-roll/ Firebase project is at: https://console.firebase.google.com/project/turn-roll/ Facebook App is at: https://developers.facebook.com/apps
React Firebase Starter (RFS) is a popular project template (aka boilerplate) for creating single-page applications with React, Firebase and GraphQL.
View online demo | Follow us on Twitter | Get Support on Telegram | Visit our sponsors:
This project was bootstraped with React Firebase Starter by Kriasoft (get support on Telegram).
- Create React App for development and test infrastructure (see user guide)
- Material UI to reduce development time by integrating Google's Material Design
- Styled Components for component friendly CSS styles (docs)
- Firebase for serverless architecture, authentication and free CDN hosting (docs)
- Universal Router + history for declarative routing and client-side navigation
Also, you need to be familiar with HTML, CSS, JavaScript (ES2015) and React.
├── node_modules/ # 3rd-party libraries and utilities
├── public/ # Static files such as favicon.ico etc.
├── src/ # Application source code
│ ├── components/ # Shared React components
│ ├── routes/ # Components for pages/screens + routing information
│ ├── auth.js # Authentication manager
│ ├── history.js # Client-side navigation manager
│ ├── index.js # <== Application entry point (main) <===
│ ├── registerServiceWorker.json # This list of application routes
│ ├── relay.js # Relay Modern client
│ ├── graphql.schema # GraphQL schema obtained from a GraphQL API
│ └── theme.js # Overrides for Material UI default styles
├── package.json # The list of project dependencies + NPM scripts
└── setup.js # Customizations for create-react-app- Node.js v8.9 or higher + Yarn v1.3 or higher (HINT: On Mac install them via Brew)
- VS Code editor (preferred) + Project Snippets, EditorConfig, ESLint, Flow, Prettier, and Babel JavaScript plug-ins
Just clone the repo and start hacking:
$ git clone https://github.com/kriasoft/react-firebase-starter.git MyApp
$ cd MyApp
$ yarn install # Install project dependencies listed in package.json
$ yarn start # Compiles the app and opens it in a browser with "live reload"Then open http://localhost:3000/ to see your app.
$ yarn lint # Check JavaScript and CSS code for potential issues
$ yarn fix # Attempt to automatically fix ESLint warnings
$ yarn test # Run unit tests. Or, `yarn test -- --watch`$ yarn build # Build the app for production
$ firebase deploy # Deploy to FirebaseIf you keep the original Git history after cloning this repo, you can always fetch and merge the recent updates back into your project by running:
git remote add react-firebase-starter https://github.com/kriasoft/react-firebase-starter.git
git checkout master
git fetch react-firebase-starter
git merge react-firebase-starter/master
yarn install
yarn relayNOTE: Try to merge as soon as the new changes land on the master branch in Node.js API Starter repository, otherwise your project may differ too much from the base/upstream repo.
Anyone and everyone is welcome to contribute to this project. The best way to start is by checking our open issues, submit a new issues or feature request, participate in discussions, upvote or downvote the issues you like or dislike, send pull requests.
🎓 React for Beginners and ES6 Training Course by Wes Bos
📗 React: Up & Running: Building Web Applications by Stoyan Stefanov (Aug, 2016)
📗 Getting Started with React by Doel Sengupta and Manu Singhal (Apr, 2016)
📗 You Don't Know JS: ES6 & Beyond by Kyle Simpson (Dec, 2015)
- React Starter Kit — Boilerplate and tooling for building isomorphic web apps with React and Relay
- Node.js API Starter Kit — Boilerplate and tooling for building data APIs with Docker, Node.js and GraphQL
Copyright © 2015-present Kriasoft. This source code is licensed under the MIT license found in the LICENSE.txt file.
Made with ♥ by Konstantin Tarkus (@koistya, blog) and contributors