ReactJs

How to Create TODO list app with Firebase + React 🔥

Notes

• Firebase
• React
• TODOLIST app
• Hosted online

3 fundamentals of REACT

STATE

• Gets cleared after refreshed

Props

Hooks

• useReducer() // alternative to useState() hooks 🔥
• useState() // for the state management
• useEffect() //for the side effects

Run Dynamic JavaScript with JSX 🚀

JSX = JavaScript + HTML hybrid

event.preventDefault(); // will stop the REFRESH !!!

• Break your code up into components when using REACT JS

🔥 FIREBASE (database)

• Real-time database 😃

🌏Hosted online (on firebase)

✔️FULL CRUD Functionality (Create, Read, Update & Delete)

✔️Material-UI for the design (front-end)

• npm install @material-ui/core
• yarn add @material-ui/core

✔️React-Icons for the design (front-end)

• npm install react-icons

✔️Used REACT

• REACT Hooks (useState, useEffect, useReducer)

Review the code on github 💪