Skip to content

Latest commit

 

History

History
46 lines (28 loc) · 989 Bytes

README.md

File metadata and controls

46 lines (28 loc) · 989 Bytes
Raw

WDS-React-To-Do-List

Course / Link

Web-Dev-Simplified: Learn React With This One Project

Introduction

A micro project that utilizes Vite as build tool to create a React To-Do-List app, and store the input in storage (LocalStorage, SessionStorage, Cookies, IndexedDB).

How to run

Git clone the repo and run the following commands:

npm install
npm run dev

Tech Used

  • Package : npm
  • Build Tool : Vite
  • Frontend : React
  • Data Storage : IndexedDB, LocalStorage, SessionStorage, Cookies

Learned

  • React

    • Concepts: components, hooks (useState, useEffect)

  • Storage

    • Tried LocalStorage, SessionStorage, Cookies, IndexedDB, in memory storage etc

  • Vite

    • Introduced to Vite as a build tool
    • Learned HMR

Notes

  • Cookies => can set expiry date, sent to server with every HTTP request, can be accessed both server and client side
  • IndexedDB => Free and built into modern browsers