ધ ટોડોસ ઘટક એ એપ્લિકેશનનો મુખ્ય કેન્દ્ર છે. આમાં તમામ રાજ્ય (આ એપ્લિકેશન માટે હાર્ડ-કોડેડ ડેટા છે, જે વાસ્તવમાં API અથવા તેનાથી સમાન હશે), અને બે બાળક ઘટકોને રેન્ડર કરવા માટેનો કોડ છે: ટોડો , જે એકવાર માટે પ્રસ્તુત છે રાજ્યમાં દરેક dodo, અને AddTodo , જે એક વખત રેન્ડર કરવામાં આવે છે અને વપરાશકર્તાને એક નવું todo ઉમેરવા માટે ફોર્મ પૂરું પાડે છે.