In this video, we continue building a React Native Todo app using FlatList.
The goal of this series is to document things I’ve successfully vibe-coded with the help of AI. In the previous video, we built the base Todo app. That link is in the description.
In this video, we add text input, button functionality, and dynamically render items using FlatList. We go over how useState works, how TextInput updates state on every keystroke, and why FlatList is the correct way to display a growing list of items in React Native.
We also talk about data structure requirements for FlatList, including unique IDs, key extraction, and rendering list items efficiently.
By the end of the video, you’ll understand how to:
Track input text using useState
Add items using a button press
Store todos in an array
Render todos using FlatList
Understand reactive updates in React Native
