![]() ![]() The AddTodo component is rendered inside a ScrollView component. You can also clone this to your own appįor brevity, you can use my dataset directly or create one for yourself using appbase.io which lets you create a hosted Elasticsearch index (aka app).Īll the todos are structured in the following format: ReactiveSearch works with any Elasticsearch index and you can easily use it with your own dataset. We will be using the React Native version of the library here.īefore we start building the UI, we’ll need to create a datastore in Elasticsearch. Even if you’ve had no experience with Elasticsearch you should be able to follow along with this story fine. I’ve written another story on Building a GitHub Repo Explorer with React and Elasticsearch which you may check out for a brief overview of Elasticsearch. It provides a variety of React Native components that can connect to any Elasticsearch cluster. ReactiveSearch is an open-source React and React Native UI components library for Elasticsearch which I’ve co-authored with some awesome people. ![]() It uses the same design as React, letting you compose a rich mobile UI from declarative components.Įven if you’re just getting started with React or React Native, you should be able to follow along with this story and build your very own real-time todo app. Here’s what the docs say: React Native lets you build mobile apps using only JavaScript. Here’s what I’ll be building in this story: Todo AppĬheck out the app on snack or on expo. I’ll be using ReactiveSearch Native, an open-source library which provides React Native UI components and simplifies building data-driven apps. In this story I’ll be building a todo app with one of the most popular mobile frameworks, React Native. A todo app touches on all the important parts of building any data-driven app, including the Create, Read, Update and Delete (CRUD) operations. ![]()
0 Comments
Leave a Reply. |