Toggle Theme in ReactJs

A comprehensive guide to toggle between dark theme and light theme in ReactJs.

Article: https://nimishjn.medium.com/toggle-theme-in-reactjs-4095dd35c69d
CodeSandbox: https://codesandbox.io/s/theme-toggle-h54n8

Folder structure

root
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
│
├── src
│   ├── assets
│   │   └── asset files
│   │
│   ├── Components
│   │   ├── Header
│   │   │   ├── Header.js
│   │   │   └── header.css
│   │   │
│   │   └── Landing
│   │       ├── Landing.js
│   │       └── landing.css
│   │
│   ├── App.css
│   ├── App.js
│   ├── index.js
│   └── Theme.js
│
├── .gitignore
├── README.MD
├── package-lock.json
└── package.json
(end)