A simple To Do application written in React Native

Overview

Example To Do List application in react-native

Requirements, install as needed:

React Native:
$ npm i -g react-native-cli
watchman:
$ brew install watchman
clone this repo:
$ cd react-native-todo
$ npm install
$ react-native run-ios

Open the directory in the text editor of your choice.

You might also like...
React Native Template for Taro

React Native Template for Taro requirement taro: @tarojs/cli@^3.2.0 framework: 'react' quick start install react native library install peerDependenci

A suite of IoT tools to use with React Native.

react-native-iot-tools WIP. A suite of IoT tools for React Native applications. Package iOS Android @react-native-iot-tools/bluetooth ✅ ❌ @react-nativ

A testing MQTT react native library

react-native-awesome-testing abc Installation npm install react-native-awesome-testing Usage import { multiply } from "react-native-awesome-testing";

Encryption/Decryption for React Native

@dhairyasharma/react-native-encryption Encryption/decryption for React Native. Benchmark File Details File Link http://bit.do/benchmarkfile File Size

Encryption/Decryption for React Native

@dhairyasharma/react-native-encryption Encryption/decryption for React Native. Benchmark File Details File Link http://bit.do/benchmarkfile File Size

React Native Photo Editor (RNPE)
React Native Photo Editor (RNPE)

React Native Photo Editor (RNPE) 🌄 Image editor using native modules for iOS an

Discover Movies and TV shows -  React Native
Discover Movies and TV shows - React Native

movieapp Discover Movies and TV shows Download APK file Download from Google Drive - v2.2.1 What's included Name Description React Native Build Native

All my React Native examples

ReactNativeExamples All my React Native examples and experiements can be found here. This repo is divided into two sub folders, Instructions git clone

React Native Todo List example app which uses Redux for managing app state
React Native Todo List example app which uses Redux for managing app state

react-native-redux-todo-list A sample todo list app developed by using React Native and Redux. How to run the app Install react-native If you don't ha

Comments
  • Build Failed

    Build Failed

    Hi there. I tried to install and run the app from a fresh clone, but experienced a build failure. Below are the steps I took to install and run. Am I doing something wrong?

    1. installed watchman
    2. cloned repo
    3. npm install
    4. npm start
    5. open xcodeproj

    Build failures (see below for details) :(

    npm install outputs:

    ➜  brew install watchman
    Warning: watchman-3.1 already installed
    ➜  hub clone joemaddalone/react-native-todo
    Cloning into 'react-native-todo'...
    remote: Counting objects: 71, done.
    remote: Total 71 (delta 0), reused 0 (delta 0), pack-reused 71
    Receiving objects: 100% (71/71), 38.38 KiB | 0 bytes/s, done.
    Resolving deltas: 100% (15/15), done.
    Checking connectivity... done.
    ➜  cd react-native-todo
    ➜  react-native-todo git:(master) npm install
    npm http GET https://registry.npmjs.org/tcomb-form-native
    npm http GET https://registry.npmjs.org/react-native
    npm http 304 https://registry.npmjs.org/tcomb-form-native
    npm http 304 https://registry.npmjs.org/react-native
    npm http GET https://registry.npmjs.org/tcomb-validation
    npm http GET https://registry.npmjs.org/connect/2.8.3
    npm http GET https://registry.npmjs.org/chalk
    npm http GET https://registry.npmjs.org/bluebird
    npm http GET https://registry.npmjs.org/debug
    npm http GET https://registry.npmjs.org/image-size/0.3.5
    npm http GET https://registry.npmjs.org/graceful-fs
    npm http GET https://registry.npmjs.org/jstransform/11.0.1
    npm http GET https://registry.npmjs.org/module-deps/3.5.6
    npm http GET https://registry.npmjs.org/optimist/0.6.1
    npm http GET https://registry.npmjs.org/promise
    npm http GET https://registry.npmjs.org/joi
    npm http GET https://registry.npmjs.org/react-timer-mixin
    npm http GET https://registry.npmjs.org/react-tools/0.13.2
    npm http GET https://registry.npmjs.org/rebound
    npm http GET https://registry.npmjs.org/source-map/0.1.31
    npm http GET https://registry.npmjs.org/sane
    npm http GET https://registry.npmjs.org/underscore/1.7.0
    npm http GET https://registry.npmjs.org/absolute-path/0.0.0
    npm http GET https://registry.npmjs.org/uglify-js
    npm http GET https://registry.npmjs.org/ws/0.4.31
    npm http GET https://registry.npmjs.org/yargs/1.3.2
    npm http GET https://registry.npmjs.org/worker-farm
    npm http 304 https://registry.npmjs.org/bluebird
    npm http 304 https://registry.npmjs.org/debug
    npm http 304 https://registry.npmjs.org/chalk
    npm http 304 https://registry.npmjs.org/tcomb-validation
    npm http GET https://registry.npmjs.org/tcomb
    npm http 304 https://registry.npmjs.org/connect/2.8.3
    npm http 304 https://registry.npmjs.org/graceful-fs
    npm http 304 https://registry.npmjs.org/jstransform/11.0.1
    npm http 304 https://registry.npmjs.org/module-deps/3.5.6
    npm http 304 https://registry.npmjs.org/image-size/0.3.5
    npm http 304 https://registry.npmjs.org/promise
    npm http 304 https://registry.npmjs.org/optimist/0.6.1
    npm http 304 https://registry.npmjs.org/joi
    npm http 304 https://registry.npmjs.org/react-timer-mixin
    npm http 304 https://registry.npmjs.org/react-tools/0.13.2
    npm http 304 https://registry.npmjs.org/rebound
    npm http 304 https://registry.npmjs.org/source-map/0.1.31
    npm http 304 https://registry.npmjs.org/underscore/1.7.0
    npm http 304 https://registry.npmjs.org/uglify-js
    npm http 304 https://registry.npmjs.org/sane
    npm http 304 https://registry.npmjs.org/absolute-path/0.0.0
    npm http 304 https://registry.npmjs.org/ws/0.4.31
    npm http 304 https://registry.npmjs.org/yargs/1.3.2
    npm http 304 https://registry.npmjs.org/worker-farm
    npm WARN engine [email protected]: wanted: {"node":">=0.10.30"} (current: {"node":"v0.10.26","npm":"1.4.3"})
    npm http GET https://registry.npmjs.org/ansi-styles
    npm http GET https://registry.npmjs.org/escape-string-regexp
    npm http GET https://registry.npmjs.org/strip-ansi
    npm http GET https://registry.npmjs.org/has-ansi
    npm http GET https://registry.npmjs.org/supports-color
    npm http GET https://registry.npmjs.org/ms/0.7.0
    npm http GET https://registry.npmjs.org/minimatch
    npm http GET https://registry.npmjs.org/exec-sh
    npm http GET https://registry.npmjs.org/fb-watchman/0.0.0
    npm http GET https://registry.npmjs.org/minimist
    npm http GET https://registry.npmjs.org/watch
    npm http GET https://registry.npmjs.org/walker
    npm http GET https://registry.npmjs.org/xtend
    npm http GET https://registry.npmjs.org/errno
    npm http GET https://registry.npmjs.org/minimist
    npm http GET https://registry.npmjs.org/wordwrap
    npm http 304 https://registry.npmjs.org/tcomb
    npm http GET https://registry.npmjs.org/amdefine
    npm http 304 https://registry.npmjs.org/escape-string-regexp
    npm http 304 https://registry.npmjs.org/has-ansi
    npm http 304 https://registry.npmjs.org/strip-ansi
    npm http 304 https://registry.npmjs.org/supports-color
    npm http GET https://registry.npmjs.org/asap
    npm http GET https://registry.npmjs.org/JSONStream
    npm http GET https://registry.npmjs.org/browser-resolve
    npm http GET https://registry.npmjs.org/concat-stream
    npm http GET https://registry.npmjs.org/detective
    npm http GET https://registry.npmjs.org/duplexer2/0.0.2
    npm http GET https://registry.npmjs.org/inherits
    npm http GET https://registry.npmjs.org/minimist
    npm http GET https://registry.npmjs.org/parents
    npm http GET https://registry.npmjs.org/readable-stream
    npm http GET https://registry.npmjs.org/resolve
    npm http GET https://registry.npmjs.org/shallow-copy/0.0.1
    npm http GET https://registry.npmjs.org/stream-combiner2
    npm http GET https://registry.npmjs.org/subarg/0.0.1
    npm http GET https://registry.npmjs.org/through2
    npm http GET https://registry.npmjs.org/commander
    npm http GET https://registry.npmjs.org/nan
    npm http GET https://registry.npmjs.org/tinycolor
    npm http GET https://registry.npmjs.org/options
    npm http 304 https://registry.npmjs.org/minimatch
    npm http 304 https://registry.npmjs.org/ms/0.7.0
    npm http GET https://registry.npmjs.org/source-map/0.1.34
    npm http GET https://registry.npmjs.org/async
    npm http GET https://registry.npmjs.org/uglify-to-browserify
    npm http GET https://registry.npmjs.org/yargs
    npm http 304 https://registry.npmjs.org/ansi-styles
    npm http 304 https://registry.npmjs.org/exec-sh
    npm http GET https://registry.npmjs.org/base62
    npm http GET https://registry.npmjs.org/commoner
    npm http GET https://registry.npmjs.org/esprima-fb
    npm http GET https://registry.npmjs.org/source-map
    npm http GET https://registry.npmjs.org/object-assign
    npm http GET https://registry.npmjs.org/qs/0.6.5
    npm http GET https://registry.npmjs.org/cookie-signature/1.0.1
    npm http GET https://registry.npmjs.org/formidable/1.0.14
    npm http GET https://registry.npmjs.org/buffer-crc32/0.2.1
    npm http GET https://registry.npmjs.org/cookie/0.1.0
    npm http GET https://registry.npmjs.org/send/0.1.2
    npm http GET https://registry.npmjs.org/bytes/0.2.0
    npm http GET https://registry.npmjs.org/fresh/0.1.0
    npm http GET https://registry.npmjs.org/pause/0.0.1
    npm http GET https://registry.npmjs.org/uid2/0.0.2
    npm http GET https://registry.npmjs.org/methods/0.0.1
    npm http 304 https://registry.npmjs.org/minimist
    npm http 304 https://registry.npmjs.org/watch
    npm http 304 https://registry.npmjs.org/walker
    npm http GET https://registry.npmjs.org/ansi-regex
    npm http GET https://registry.npmjs.org/ansi-regex
    npm http GET https://registry.npmjs.org/get-stdin
    npm http 304 https://registry.npmjs.org/xtend
    npm http GET https://registry.npmjs.org/topo
    npm http GET https://registry.npmjs.org/hoek
    npm http GET https://registry.npmjs.org/isemail
    npm http GET https://registry.npmjs.org/moment
    npm http 304 https://registry.npmjs.org/minimist
    npm http 304 https://registry.npmjs.org/wordwrap
    npm http 304 https://registry.npmjs.org/amdefine
    npm http 304 https://registry.npmjs.org/fb-watchman/0.0.0
    npm http 304 https://registry.npmjs.org/errno
    npm http GET https://registry.npmjs.org/json-stream/0.2.2
    npm http GET https://registry.npmjs.org/nextback
    npm http GET https://registry.npmjs.org/makeerror
    npm http 304 https://registry.npmjs.org/asap
    npm http 304 https://registry.npmjs.org/JSONStream
    npm http GET https://registry.npmjs.org/merge
    npm http GET https://registry.npmjs.org/prr
    npm http GET https://registry.npmjs.org/sigmund
    npm http GET https://registry.npmjs.org/lru-cache
    npm http GET https://registry.npmjs.org/commoner
    npm http GET https://registry.npmjs.org/jstransform
    npm http 304 https://registry.npmjs.org/concat-stream
    npm http 304 https://registry.npmjs.org/inherits
    npm http 304 https://registry.npmjs.org/browser-resolve
    npm http 304 https://registry.npmjs.org/duplexer2/0.0.2
    npm http 304 https://registry.npmjs.org/detective
    npm http 304 https://registry.npmjs.org/minimist
    npm http 304 https://registry.npmjs.org/parents
    npm http 304 https://registry.npmjs.org/readable-stream
    npm http 304 https://registry.npmjs.org/resolve
    npm http 304 https://registry.npmjs.org/shallow-copy/0.0.1
    npm http 304 https://registry.npmjs.org/stream-combiner2
    npm http 304 https://registry.npmjs.org/commander
    npm http 304 https://registry.npmjs.org/through2
    npm http 304 https://registry.npmjs.org/nan
    npm http 304 https://registry.npmjs.org/subarg/0.0.1
    npm http 304 https://registry.npmjs.org/options
    npm http 304 https://registry.npmjs.org/source-map/0.1.34
    npm http 304 https://registry.npmjs.org/tinycolor
    npm http GET https://registry.npmjs.org/path-platform
    npm http 304 https://registry.npmjs.org/async
    npm http GET https://registry.npmjs.org/typedarray
    npm http 304 https://registry.npmjs.org/uglify-to-browserify
    npm http 304 https://registry.npmjs.org/yargs
    npm http GET https://registry.npmjs.org/object-keys
    npm http GET https://registry.npmjs.org/core-util-is
    npm http GET https://registry.npmjs.org/string_decoder
    npm http GET https://registry.npmjs.org/isarray/0.0.1
    npm http 304 https://registry.npmjs.org/esprima-fb
    npm http 304 https://registry.npmjs.org/commoner
    npm http GET https://registry.npmjs.org/esprima-fb/3001.1.0-dev-harmony-fb
    npm http GET https://registry.npmjs.org/escodegen
    
    > [email protected] install /Users/marc/Dev/react-native-todo/node_modules/react-native/node_modules/ws
    > (node-gyp rebuild 2> builderror.log) || (exit 0)
    
      CXX(target) Release/obj.target/bufferutil/src/bufferutil.o
      SOLINK_MODULE(target) Release/bufferutil.node
      SOLINK_MODULE(target) Release/bufferutil.node: Finished
      CXX(target) Release/obj.target/validation/src/validation.o
      SOLINK_MODULE(target) Release/validation.node
      SOLINK_MODULE(target) Release/validation.node: Finished
    npm http GET https://registry.npmjs.org/camelcase
    npm http GET https://registry.npmjs.org/decamelize
    npm http GET https://registry.npmjs.org/window-size/0.1.0
    npm http GET https://registry.npmjs.org/wordwrap/0.0.2
    npm http 304 https://registry.npmjs.org/base62
    npm http GET https://registry.npmjs.org/resolve/1.1.6
    npm http 304 https://registry.npmjs.org/source-map
    npm http 304 https://registry.npmjs.org/object-assign
    npm http GET https://registry.npmjs.org/jsonparse/0.0.5
    npm http GET https://registry.npmjs.org/through
    npm http GET https://registry.npmjs.org/q
    npm http GET https://registry.npmjs.org/recast
    npm http GET https://registry.npmjs.org/mkdirp
    npm http GET https://registry.npmjs.org/private
    npm http GET https://registry.npmjs.org/install
    npm http GET https://registry.npmjs.org/glob
    npm http GET https://registry.npmjs.org/iconv-lite
    npm http 304 https://registry.npmjs.org/qs/0.6.5
    npm http 304 https://registry.npmjs.org/cookie-signature/1.0.1
    npm http 304 https://registry.npmjs.org/formidable/1.0.14
    npm http 304 https://registry.npmjs.org/buffer-crc32/0.2.1
    npm http 304 https://registry.npmjs.org/cookie/0.1.0
    npm http 304 https://registry.npmjs.org/fresh/0.1.0
    npm http 304 https://registry.npmjs.org/bytes/0.2.0
    npm http 304 https://registry.npmjs.org/send/0.1.2
    npm http 304 https://registry.npmjs.org/pause/0.0.1
    npm http 304 https://registry.npmjs.org/uid2/0.0.2
    npm http 304 https://registry.npmjs.org/methods/0.0.1
    npm http 304 https://registry.npmjs.org/ansi-regex
    npm http 304 https://registry.npmjs.org/ansi-regex
    npm http 304 https://registry.npmjs.org/get-stdin
    npm http GET https://registry.npmjs.org/range-parser/0.0.4
    npm http GET https://registry.npmjs.org/mime
    npm http 304 https://registry.npmjs.org/topo
    npm http 304 https://registry.npmjs.org/hoek
    npm http 304 https://registry.npmjs.org/moment
    npm http 304 https://registry.npmjs.org/isemail
    npm WARN engine [email protected]: wanted: {"node":">=0.10.32"} (current: {"node":"v0.10.26","npm":"1.4.3"})
    npm http 304 https://registry.npmjs.org/nextback
    npm http 304 https://registry.npmjs.org/json-stream/0.2.2
    npm http 304 https://registry.npmjs.org/makeerror
    npm http GET https://registry.npmjs.org/tmpl
    npm http 304 https://registry.npmjs.org/prr
    npm http 304 https://registry.npmjs.org/sigmund
    npm http 304 https://registry.npmjs.org/merge
    npm http 304 https://registry.npmjs.org/lru-cache
    npm http 304 https://registry.npmjs.org/commoner
    npm http 304 https://registry.npmjs.org/jstransform
    npm http 304 https://registry.npmjs.org/path-platform
    npm http 304 https://registry.npmjs.org/typedarray
    npm http GET https://registry.npmjs.org/base62/0.1.1
    npm http GET https://registry.npmjs.org/esprima-fb/13001.1001.0-dev-harmony-fb
    npm http 304 https://registry.npmjs.org/core-util-is
    npm http 304 https://registry.npmjs.org/object-keys
    npm http 304 https://registry.npmjs.org/string_decoder
    npm http 304 https://registry.npmjs.org/isarray/0.0.1
    npm http 304 https://registry.npmjs.org/esprima-fb/3001.1.0-dev-harmony-fb
    npm http 304 https://registry.npmjs.org/escodegen
    npm http 304 https://registry.npmjs.org/camelcase
    npm http GET https://registry.npmjs.org/esprima
    npm http GET https://registry.npmjs.org/estraverse
    npm http GET https://registry.npmjs.org/esutils
    npm http 304 https://registry.npmjs.org/window-size/0.1.0
    npm http 304 https://registry.npmjs.org/decamelize
    npm http 304 https://registry.npmjs.org/wordwrap/0.0.2
    npm http 304 https://registry.npmjs.org/jsonparse/0.0.5
    npm http 304 https://registry.npmjs.org/resolve/1.1.6
    npm http 304 https://registry.npmjs.org/through
    npm http 304 https://registry.npmjs.org/q
    npm http 304 https://registry.npmjs.org/recast
    npm http 304 https://registry.npmjs.org/mkdirp
    npm http 304 https://registry.npmjs.org/private
    npm http 304 https://registry.npmjs.org/install
    npm http 304 https://registry.npmjs.org/glob
    npm http 304 https://registry.npmjs.org/iconv-lite
    npm http 304 https://registry.npmjs.org/range-parser/0.0.4
    npm http GET https://registry.npmjs.org/inflight
    npm http GET https://registry.npmjs.org/once
    npm http GET https://registry.npmjs.org/minimist/0.0.8
    npm http 304 https://registry.npmjs.org/mime
    npm http GET https://registry.npmjs.org/ast-types
    npm http 304 https://registry.npmjs.org/tmpl
    npm http 304 https://registry.npmjs.org/base62/0.1.1
    npm http 304 https://registry.npmjs.org/esprima
    npm http 304 https://registry.npmjs.org/estraverse
    npm http 304 https://registry.npmjs.org/esutils
    npm http 304 https://registry.npmjs.org/esprima-fb/13001.1001.0-dev-harmony-fb
    npm http 304 https://registry.npmjs.org/inflight
    npm http 304 https://registry.npmjs.org/once
    npm http GET https://registry.npmjs.org/wrappy
    npm http 304 https://registry.npmjs.org/minimist/0.0.8
    npm http 304 https://registry.npmjs.org/ast-types
    npm http 304 https://registry.npmjs.org/wrappy
    [email protected] node_modules/tcomb
    
    [email protected] node_modules/tcomb-validation
    
    [email protected] node_modules/tcomb-form-native
    
    [email protected] node_modules/react-native
    ├── [email protected]
    ├── [email protected]
    ├── [email protected]
    ├── [email protected]
    ├── [email protected]
    ├── [email protected]
    ├── [email protected]
    ├── [email protected]
    ├── [email protected] ([email protected])
    ├── [email protected]
    ├── [email protected] ([email protected])
    ├── [email protected] ([email protected], [email protected])
    ├── [email protected] ([email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected])
    ├── [email protected] ([email protected], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
    └── [email protected] ([email protected], [email protected])
    ➜  react-native-todo git:(master) npm start
    
    > [email protected] start /Users/marc/Dev/react-native-todo
    > node_modules/react-native/packager/packager.sh
    
    
     ===============================================================
     |  Running packager on port 8081.
     |  Keep this packager running while developing on any JS
     |  projects. Feel free to close this tab and run your own
     |  packager instance if you prefer.
     |
     |     https://github.com/facebook/react-native
     |
     ===============================================================
    
    Looking for JS files in
       /Users/marc/Dev/react-native-todo
    
    
    React packager ready.
    

    xcode build failure screenshot

    screen shot 2015-06-07 at 6 34 16 pm

    opened by marclundgren 7
Owner
Joe Maddalone
Software Engineer, Instructor at egghead.io, mentor/mentee, geekfest organizer
Joe Maddalone
A property finder application written using React Native

React Native PropertyFinder App This repository accompanies the tutorial I published on Ray Wenderlich's website, which describes the process of build

Colin Eberhardt 276 Aug 14, 2022
React Native library that implements PayPal Checkout flow using purely native code (swift).

react-native-paypal-swift React Native library that implements PayPal Checkout flow using purely native code (swift). Installation npm install react-n

Tibb 6 Nov 28, 2022
React Native Twitch application

Notes I'm going to rewrite this project ?? . Be ready to new Twitch application. Twitch This project was built for The Rolling Scopes #18 meetup. As o

Ilja Satchok 90 Nov 24, 2022
iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).

FinanceReactNative iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android). Data is pulled from Yahoo Finance

kf 2k Dec 29, 2022
A Hacker News client written in React Native

React Native Hacker News A modern cross-platform HackerNews client built on React Native Features The app currently has the following functionality: H

George Jose 65 Dec 14, 2022
A react native interface for integrating payments using Braintree

A react native interface for integrating payments using Braintree

eKreative 17 Dec 30, 2022
React Native 实现无侵入自定义下拉刷新组件

react-native-ly-refresh-control 下拉刷新 iOS 基于MJRefresh 通过RCTCustomRefreshContolProtocol实现RefreshControl组件封装 JS端可以无侵入自定义下拉刷新只需要替换对应的refreshControl Androi

少言 12 Jul 2, 2022
iOS 15 share play API in react-native

react-native-shareplay iOS 15 share play API in react-native Installation yarn add react-native-shareplay And go to Xcode Capabilities and enable "Gro

Popshop Live 27 Oct 16, 2022
React Native package for interacting with HomeKit devices

React Native package for interacting with HomeKit devices

Ibrahim Berat Kaya 4 Dec 24, 2021
react native esptouch

react-native-esptouch One should know that This is a Unofficial project. The official demo is below: EsptouchForAndroid EsptouchForIOS Getting started

五毛共和国 Wumaoland 0 Oct 25, 2021