当前位置: 首页 > 软件库 > 云计算 > Serverless 系统 >

react-firebase-admin

授权协议 MIT License
开发语言 JavaScript
所属分类 云计算、 Serverless 系统
软件类型 开源软件
地区 不详
投 递 者 米树
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

React Firebase Admin ⚛️ ��

ci

Boilerplate with React ⚛️ and Firebase �� designed to quickly spin up a fully functional admin dashboard with authentication, authorization, Realtime Database / Firestore, built-in CI/CD, file upload and more. We're using up to date industry standards and next-gen technologies like React (with hooks), redux, bulma, sass, webpack, routing and a serverless architecture.

Boilerplate - Users page


Table of Contents


This project is using a customized version ported into React of the Admin Dashboard Template made by Viktor Kuzhelny.

What is this?

React Firebase Admin is our in-house admin dashboard boilerplate, used in many of our software projects here at CreateThrive. After months of hard work, we decided to make it public and support the open source community.

Why should I use it?

  • This project was bootstrapped with CRA (Create React App), this means it comes with all the good features we all know and love such as built-in scripts, to make our app a PWA (Progressive Web App) and much more!.
  • It is customizable.
  • It uses Firebase.
  • It has all the basic features you want in your app.
  • It is easy to use.

Features

  • Bulma CSS framework (Mobile friendly �� )
  • Redux implementation
  • Firebase/Redux implementation
  • Authentication & authorization
  • Pick between Realtime Database and Firestore
  • Create/modify/delete users
  • Automatic email invitation to new users
  • Image uploading
  • Change/Reset Password built into the dasbhoard.
  • User filtering and search
  • Built-in CI (Continous integration)
  • Built-in CD (Continous deployment)
  • PWA ready thanks to CRA and Firebase
  • Multi-tenancy
  • Internationalization (English/Spanish)
  • Ability to choose between Firebase Realtime Database or Firestore

Tech Stack

Core

  • Create React App (★ 76.5k) this project was bootstrapped with create react app (see user guide).
  • Bulma (★ 38.7k) CSS framework to reduce development time and have a nice UI.
  • Redux (★ 52.4k) for in-app state management (see docs).
  • React-redux (★ 19k) official react bindings for redux (see docs).
  • Redux-act (★ 1.4k) opinionated library to create actions and reducers.
  • Redux-thunk (★ 14.1k) redux middleware for asynchronous actions.
  • Redux-persist (★ 9.8k) persists store state between sessions.
  • React-redux-toastr (★ 703) a toastr message implemented with Redux.
  • React-router (★ 39.6k) declarative routing for React.
  • Prop-Types (★ 3.4k) typechecking for react component props.
  • Classnames (★ 11.9k) a simple javascript utility for conditionally joining classNames together.
  • React-datepicker (★ 4.5k) a simple and reusable datepicker component for React.
  • React-table (★ 9.6k) hooks for building fast and extendable tables and datagrids for React.
  • React-spinners (★ 1.2k) a collection of loading spinner components for React.
  • Firebase for serverless architecture - CDN Hosting, Realtime Database, Authentication, Storage and Cloud Functions (see docs).
  • FirebaseUI-web-react (★ 732) social media authentication library.
  • Format.js (★ 11.7k) libraries for internationalization (see docs).
  • date-fns (★ 22.3k) date utility library (see docs).
  • cross-env (★ 4.9k) run scripts that set and use environment variables across platforms (see docs).
  • React Hook Form (★ 14.6k) Performant, flexible and extensible forms with easy to use validation.
  • yup (★ 11k) schema builder for value parsing and validation.
  • Inquirer (★ 12.2k) A collection of common interactive command line user interfaces (see docs).

Unit Testing

Linting

  • ESLint (★ 15.9k) configured to follow the coding style of Airbnb.
  • Prettier (★ 35.5k) as code formatter.
  • Lint-staged (★ 6.5k) run linters on git staged files.

Cloud functions

  • Firebase-admin (★ 790) Firebase Admin Node.js SDK.
  • Firebase-functions (★ 658) Firebase SDK for Cloud Functions.
  • Typescript (★ 61.1k) TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
  • TSlint (★ 5.8k) An extensible linter for the TypeScript language.
  • Firebase-function-tools (★ 780) a tool for naming and loading our Cloud Functions.
  • Glob (★ 6.2k) glob functionality for Node.js.
  • Camelcase (★ 423) convert a dash/dot/underscore/space separated string to camelCase.
  • Resize Image (★ 372) Firebase Extension to create resized versions of images uploaded to Cloud Storage.

Unit Testing

  • Firebase-functions-test (★ 117) unit testing library for Cloud Functions for Firebase.
  • Mocha (★ 19.4k) simple, flexible, fun javascript test framework for node.js & the browser.
  • Chai (★ 6.8k) BDD / TDD assertion framework for node.js and the browser that can be paired with any testing framework.
  • Chai-as-promised (★ 1.4k) Extends Chai with assertions about promises.
  • Ts-node (★ 7k) TypeScript execution and REPL for node.js, with source map support.

Prerequisites

You also need to be familiar with HTML, CSS, SASS, JavaScript (ES2015) and React with React Hooks.

Documentation

Demo

For requesting access to the demo site please contact us.

Contributors

We'd like to thank these awesome people who made this whole thing happen:

License

This project is licensed under the MIT license, Copyright (c) 2020 CreateThrive. For more information see LICENSE.md.

 相关资料
  • React Starter Kit for Firebase   a.k.a. Serverless Edition React Starter Kit for Firebase is a popular project template (aka, boilerplate) for buildingmodern, scalable web applications with React, Rel

  • React Native Firebase React Native Firebase is a collection of official React Native modules connecting you to Firebase services; each module is a light-weight JavaScript layer connecting you to the n

  • Firebase 3.0 Starter using React Redux This is a Firebase 3.0 start using React and Redux. It uses the latest version of libraries, including the brand new React Hot Loader (still beta) Stack React Re

  • DEPRECATED. This project is not maintained anymore. Starter For Firebase, React Native, Redux Applications With 100% Of Code In Common Between IOS And Android, with built In Authentication, Crud Examp

  • 嗨,我想问一个关于React native notifications的问题。我有一个可以显示许多youtube播放列表的应用程序,我想在播放列表中添加新视频时启用推送通知。如果我使用OneSignal或Firebase作为通知是否更好?谢谢

  • 今天,我使用“React-Native-Firebase”和“Native-Base”包创建了一个(空的)Android应用程序。它在调试模式下工作,但在释放模式下发生崩溃。 重现问题的步骤: > 创建新应用程序