[1] Build your React Blog with Firebase — Workflow and What you will learn

Clipversity
2 min readMar 24, 2020

This project is to build our Blog by using Reactjs, Nodejs and Firebase. The course will update continuously, follow my Medium account to get the latest update.

Flow

1 introduce the course outline

2 prerequisite knowledge

3 what you will learn

1 introduce the course outline

we are still updating the course, this course is an advanced course, we WILL NOT cover basic syntax of Reactjs, javascript, data model of firebase firestore.

Course outline

— Welcome

1 Overview ( this article )

2 Build our blog interface and layout

…coming soon

2 Prerequisite Knowledge

please do confirm that you clearly understand the following knowledge:

  • The basic syntax of Reactjs (including stateless, stateful component)
  • At least javascript version ES6 [readme]
  • Document-based database modal [readme]

3 what you will learn

We will guide you to build a workable and professional blog.

In the current stage, the following keywords/node package will be used:

Firebase:
Firebase Admin SDK
Firebase Authentcation
Firebase Firestore
Firebase Cloud functions
Firebase Security rule
Firebase Auth token
Npm package:
"bootstrap": "^4.4.1",
"compressorjs": "^1.0.6",
"firebase": "^7.8.2",
"react-firebaseui": "^4.1.0",
"react-quill": "^1.3.3",
"react-redux-firebase": "^3.1.1",
"react-select": "^3.0.8",
"reactstrap": "^8.4.1",
"redux": "^4.0.5",
"html-react-parser"
: "^0.10.1",
"react-redux": "^7.2.0"
..keep updating

If you love this article, please give us a clip👏🏽 and follow our pages

We believe everyone is a knowledge contributor. Clipversity is a platform allows everyone to share their own works, get inspiration for a new idea

--

--