Скачать или смотреть Build a Todo app with React | Chrome extension with React part 5/6

In this video we'll build a todo app in React and we'll see how to save todos to localStorage.
In this series we're going to see how to create a Chrome extension with React.
We're going to build 6 React apps and combine them into one single interface to form a Chrome extension that gets opened on every new tab.

This project features 6 widgets (Time and date component, Greeting component, Weather app, Crypto rates app, Todos app and a Bookmarker app).

We'll cover a bunch of modern JavaScript concepts by consuming 3 free external APIs and saving data to the browser's localStorage.

The extension is available on the Chrome Web Store:
https://chrome.google.com/webstore/de...

Source code:
https://github.com/NizarAffess/new-ta...

Timestamps:

00:00 - Intro
01:12 - Initial Markup
03:05 - Handle Input Change
04:40 - Add Todo
10:53 - Render Todos
12:03 - Delete Todo
14:48 - Clear Input
15:36 - Edit Todo
25:14 - Add a Cancel Button
26:16 - Adding CSS
29:47 - Check Todo
33:32 - Change Buttons with Icons
38:30 - Set Input Focus
40:39 - Save Todos to Local Storage