Skip to content

Boilerplate for React projects with Typescript and Firebase support.

License

Notifications You must be signed in to change notification settings

IgorKrupenja/react-boilerplate

Repository files navigation

React boilerplate

This just a small React starter boilerplate I use for personal projects. Yes, Create React App is awesome but I wanted to create something with a bit more functionality, especially Firebase support.

Usage

  1. git clone git@github.com:igor-krupenja/react-boilerplate.git; rm -rf react-boilerplate/.git. This will clone the repo and remove .git folder so that the folder can be initialised as a new project.
  2. Add an environment config file (e.g. .env.development) to repo root with your Firebase config, e.g. (dummy data):
FIREBASE_API_KEY="AIzaSyD_GYhIIBfdFHvUDFpuIHQdSK7nio-dLM"
FIREBASE_AUTH_DOMAIN="zaino-12345.firebaseapp.com"
FIREBASE_DATABASE_URL="https://zaino-12345.firebaseio.com"
FIREBASE_PROJECT_ID="zaino-12345"
FIREBASE_STORAGE_BUCKET="zaino-12345.appspot.com"
FIREBASE_MESSAGING_SENDER_ID="55797789077"
FIREBASE_APP_ID="1:570956282077:web:07ebe6d7e2b2ef01494f74"
FIREBASE_MEASUREMENT_ID="G-P4N3TPO1XY"

Highlights

  • Typescript
  • Support .env files for separate development and production configurations
  • Core Redux config
  • Built-in Firebase config with a couple helper functions and working Firebase Auth example (uses Redux)
  • React Router support
  • Webpack dev server with HMR for CSS and React components
  • SCSS and SVG support
  • React Bootstrap support

Acknowledgements

Text animation shamelessly adapted from this gem by Mamun Khandaker

About

Boilerplate for React projects with Typescript and Firebase support.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published