Skip to content

watsonnnnn/30-days-of-react-native

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

30 Days of React Native

A collection of small experiments with React Native.

main

This project is inspired by

100 Days of Swift (https://samvlu.com/) &

30DaysofSwift (https://github.com/allenwong/30DaysofSwift)

Installation

Require node.js & xcode

  1. npm install

  2. run ios/ThirtyDaysOfReactNative.xcworkspace

Day 1

An IOS-system-like stop watch.

Fully functioned as the system app.

day1

Day 2

An IOS-system-like weather app.

The animation is partially done.

day2

Day 3

The Twitter app entrance animation.

day3

Day 4

Using CocoaPods with React Native.

An example with JTSImageViewController.

Reference: https://shift.infinite.red/beginner-s-guide-to-using-cocoapods-with-react-native-46cb4d372995#.z6ooi3o0t

day4

Day 5

MapView and find Geo location.

day5

Day 6

Spotify welcome screen/

day6

Day 7

Pan gesture basic. Move a baseball around.

day7

Day 8

Google map style swipe menu

day8

Day 9

Layout of Twitter user page

day9

Day 10

Tumblr menu animation

day10

Day 11

Using OpenGL with React native

Reference: https://github.com/ProjectSeptemberInc/gl-react-native

day11

Day 12

Charts with React native

Reference: https://github.com/tomauty/react-native-chart

day12

Day 13

A tweet UI

day13

Day 14

A tinder swipe

Reference:https://github.com/meteor-factory/react-native-tinder-swipe-cards

day14

Day 15

A time picker

day15

Day 16

Unlock with gesture

Reference:https://github.com/spikef/react-native-gesture-password

day16

Day 17

Native search bar and Fuzzy search

Reference:https://github.com/umhan35/react-native-search-bar

day17

Day 18

Sortable. drag and reorder the blocks.

day18

Day 19

Unlock app with touchID

Reference:https://github.com/naoufal/react-native-touch-id

day19

Day 20

Sigle page Reminder

day20

Day 21

Multi page Reminder

day21

Day 22

Google Now

day22

Day 23

Local WebView An example using D3.js

day23

Day 24

Youtube scrollable tab

Reference: https://github.com/brentvatne/react-native-scrollable-tab-view

day24

Day 25

Custome in-app browser

Reference: https://github.com/d-a-n/react-native-webbrowser

day25

Day 26

Swipe and Switch

day26

License

ThirtyDaysOfReactNative is under the MIT license.

About

30 days of React Native demos

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 95.2%
  • Objective-C 2.3%
  • Other 2.5%