Buat todo list yang statenya dikelola reducer dan dibagikan lewat context:

• Reducernya mendukung aksi add yang menambahkan todo ke arraynya
• Keadaan awalnya berisi satu todo, Belajar React
• TodoList membaca dari context dan menampilkan <ul id="todos"> dengan satu <li> per todo, dihasilkan dari perulangan
• AddTodo punya <input id="todo-input" /> dan <button id="add-todo">Tambah</button>
• Menekan tombolnya mengirim aksi add berisi isi kolomnya, dan todo barunya muncul di daftar
• Sesudah ditambahkan, kolom isiannya kembali kosong

Hint

• Reducer menerima keadaan lama beserta sebuah aksi, lalu mengembalikan keadaan baru, bukan mengubah yang lama.
• Context menyalurkan keadaan sekaligus pengirim aksinya, jadi anaknya tidak perlu prop berlapis.
• Mengosongkan kolom sesudah menambah berarti statenya ikut direset, bukan cuma tampilannya.