Skip to content

Commit 67134e1

Browse files
committed
to day 30
1 parent 8d18959 commit 67134e1

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+668
-1022
lines changed

README.md

+142
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,148 @@ The animation is partially done.
5656

5757
![day2](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day2.gif)
5858

59+
## Day 3
60+
The Twitter app entrance animation.
61+
62+
![day3](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day3.gif)
63+
64+
## Day 4
65+
TO BE UPDATED
66+
67+
## Day 5
68+
MapView and find Geo location.
69+
70+
![day5](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day5.gif)
71+
72+
## Day 6
73+
TO BE UPDATED
74+
75+
## Day 7
76+
Pan gesture basic. Move a baseball around.
77+
78+
![day7](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day7.gif)
79+
80+
## Day 8
81+
Google map style swipe menu
82+
83+
![day8](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day8.gif)
84+
85+
## Day 9
86+
Layout of Twitter user page
87+
88+
![day9](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day9.gif)
89+
90+
## Day 10
91+
Tumblr menu animation
92+
93+
![day10](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day10.gif)
94+
95+
## Day 11
96+
Using OpenGL with React native
97+
98+
Reference: https://github.com/ProjectSeptemberInc/gl-react-native
99+
100+
![day11](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day11.gif)
101+
102+
## Day 12
103+
TO BE UPDATED
104+
105+
## Day 13
106+
A tweet UI
107+
108+
![day13](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day13.gif)
109+
110+
## Day 14
111+
A tinder swipe
112+
113+
Reference:https://github.com/meteor-factory/react-native-tinder-swipe-cards
114+
115+
![day14](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day14.gif)
116+
117+
## Day 15
118+
TO BE UPDATED
119+
120+
## Day 16
121+
Unlock with gesture
122+
123+
Reference:https://github.com/spikef/react-native-gesture-password
124+
125+
![day16](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day16.gif)
126+
127+
## Day 17
128+
Native search bar and Fuzzy search
129+
130+
Reference:https://github.com/umhan35/react-native-search-bar
131+
132+
![day17](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day17.gif)
133+
134+
## Day 18
135+
Sortable. drag and reorder the blocks.
136+
137+
![day18](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day18.gif)
138+
139+
## Day 19
140+
Unlock app with touchID
141+
142+
Reference:https://github.com/naoufal/react-native-touch-id
143+
144+
![day19](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day19.gif)
145+
146+
## Day 20
147+
Sigle page Reminder
148+
149+
![day20](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day20.gif)
150+
151+
## Day 21
152+
Multi page Reminder
153+
154+
![day21](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day21.gif)
155+
156+
## Day 22
157+
Google Now
158+
159+
![day22](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day22.gif)
160+
161+
## Day 23
162+
Local WebView
163+
An example using D3.js
164+
165+
![day23](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day23.gif)
166+
167+
## Day 24
168+
Youtube scrollable tab
169+
170+
Reference: https://github.com/brentvatne/react-native-scrollable-tab-view
171+
172+
![day24](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day24.gif)
173+
174+
## Day 25
175+
TO BE UPDATED
176+
177+
## Day 26
178+
TO BE UPDATED
179+
180+
## Day 27
181+
iMessage Gradient. The chat bubble changes its gradient color with its pageY.
182+
183+
Reference: https://github.com/brentvatne/react-native-linear-gradient
184+
185+
![day27](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day27.gif)
186+
187+
## Day 28
188+
iMessage Image Picker.
189+
190+
![day28](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day28.gif)
191+
192+
## Day 29
193+
TO BE UPDATED
194+
195+
## Day 30
196+
Push Notification.
197+
198+
![day30](https://raw.githubusercontent.com/fangwei716/ThirtyDaysOfReactNative/screenshots/screenshot/day30.gif)
199+
200+
59201
## License
60202

61203
ThirtyDaysOfReactNative is under the MIT license.

0 commit comments

Comments
 (0)