Skip to content

lpr95/react_native_v0.49

BranchesTags
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
01-Build your first React Native app
01-Build your first React Native app
 
 
02-Build React Native project with Native Code
02-Build React Native project with Native Code
 
 
03-Learn the basics of React Native
03-Learn the basics of React Native
 
 
04-Customize React Native components using Props
04-Customize React Native components using Props
 
 
05-State in a React Native Component
05-State in a React Native Component
 
 
06-Style a React Native component with StyleSheet
06-Style a React Native component with StyleSheet
 
 
07-Customize width and height props with Fixed and Flex dimensions
07-Customize width and height props with Fixed and Flex dimensions
 
 
08-Flex direction and justify content with Flexbox
08-Flex direction and justify content with Flexbox
 
 
09-Flexbox layout with align items
09-Flexbox layout with align items
 
 
10-TextInput#1.Create a basic input of Email and Password
10-TextInput#1.Create a basic input of Email and Password
 
 
11-TextInput#2. Working with multiline TextInput and Keyboard
11-TextInput#2. Working with multiline TextInput and Keyboard
 
 
12-Touches and gestures#1. Display and handle a basic React Native Button
12-Touches and gestures#1. Display and handle a basic React Native Button
 
 
13-Touches and gestures#2.TouchableHighlight, TouchableNativeFeedback,TouchableOpacity and TouchableWithoutFeedback
13-Touches and gestures#2.TouchableHighlight, TouchableNativeFeedback,TouchableOpacity and TouchableWithoutFeedback
 
 
14-ScrollView#1.Draw a basic ScrollView with mixed Components
14-ScrollView#1.Draw a basic ScrollView with mixed Components
 
 
15-ScrollView#2.Draw a horizontal ScrollView like Page
15-ScrollView#2.Draw a horizontal ScrollView like Page
 
 
16-ScrollView#3.Create ScrollView with ViewPagerAndroid in React Native
16-ScrollView#3.Create ScrollView with ViewPagerAndroid in React Native
 
 
17-FlatList#1.Create a basic Flatlist which contains Text
17-FlatList#1.Create a basic Flatlist which contains Text
 
 
18-FlatList#2.An example of FlatList with Images in FlatList Item
18-FlatList#2.An example of FlatList with Images in FlatList Item
 
 
19-FlatList#3.How to swipe to delete an Item in FlatList
19-FlatList#3.How to swipe to delete an Item in FlatList
 
 
20-FlatList#4.Layout a View and Button above FlatList
20-FlatList#4.Layout a View and Button above FlatList
 
 
21-FlatList#5.Present Modal and insert Data to existing FLatList
21-FlatList#5.Present Modal and insert Data to existing FLatList
 
 
22-FlatList#6.Present Modal and update an existing FlatList's Item
22-FlatList#6.Present Modal and update an existing FlatList's Item
 
 
23-FlatList#7.An example of Horizontal FlatList like Weather App
23-FlatList#7.An example of Horizontal FlatList like Weather App
 
 
24-How to use SectionList in React Native
24-How to use SectionList in React Native
 
 
25-LifeCycle of a Component in React Native
25-LifeCycle of a Component in React Native
 
 
26-Networking#1. Send GET to server request from React Native
26-Networking#1. Send GET to server request from React Native
 
 
27-Networking#2. Send POST request to insert data to database server
27-Networking#2. Send POST request to insert data to database server
 
 
28-Networking#3. Send PUT request to update an existing data in React Native
28-Networking#3. Send PUT request to update an existing data in React Native
 
 
29-React Native Firebase #1.Setup Firebase SDK for ios and android App
29-React Native Firebase #1.Setup Firebase SDK for ios and android App
 
 
30-React Native Firebase #2.Firebase authentication with anonymous user and email password
30-React Native Firebase #2.Firebase authentication with anonymous user and email password
 
 
31-React Native Firebase #3.Login Facebook with Firebase SDK
31-React Native Firebase #3.Login Facebook with Firebase SDK
 
 
32-React Native Firebase #4.Login Google with Firebase SDK
32-React Native Firebase #4.Login Google with Firebase SDK
 
 
33-React Native Firebase #5.Create a TODO app with Cloud Firestore in RN/code/tutorialProject
33-React Native Firebase #5.Create a TODO app with Cloud Firestore in RN/code/tutorialProject
 
 
34-React Native Firebase #6.Working with realtime Database in React Native/code/tutorialProject
34-React Native Firebase #6.Working with realtime Database in React Native/code/tutorialProject
 
 
35-Redux in React Native #1. Overview of data flow in Redux/code/tutorialProject
35-Redux in React Native #1. Overview of data flow in Redux/code/tutorialProject
 
 
36-Redux in React Native #2. Create store, reducers, actions of a todo list app/code/tutorialProject
36-Redux in React Native #2. Create store, reducers, actions of a todo list app/code/tutorialProject
 
 
37-Redux in React Native #3. Add reducers to the todo list app in Redux/code/tutorialProject
37-Redux in React Native #3. Add reducers to the todo list app in Redux/code/tutorialProject
 
 
38-Redux in React Native #4. Add components to the todo list Redux app/code/tutorialProject
38-Redux in React Native #4. Add components to the todo list Redux app/code/tutorialProject
 
 
39-Redux in React Native #5. Add containers to the todo list Redux app/code/tutorialProject
39-Redux in React Native #5. Add containers to the todo list Redux app/code/tutorialProject
 
 
40-Redux Saga in React Native #1. Redux Saga flow and create a Counter app with Redux/code/tutorialProject
40-Redux Saga in React Native #1. Redux Saga flow and create a Counter app with Redux/code/tutorialProject
 
 
41-Redux Saga in React Native #2. Add sagas to actions in the Redux Counter app/code/tutorialProject
41-Redux Saga in React Native #2. Add sagas to actions in the Redux Counter app/code/tutorialProject
 
 
42-Redux Saga in React Native #3. Send GET request and receive response from api/code/tutorialProject
42-Redux Saga in React Native #3. Send GET request and receive response from api/code/tutorialProject
 
 
43-Redux Saga in React Native #4. Send POST request and receive response from api/code/tutorialProject
43-Redux Saga in React Native #4. Send POST request and receive response from api/code/tutorialProject
 
 
44-Redux Saga in React Native #5. Update data with PUT request in Redux-saga/code/tutorialProject
44-Redux Saga in React Native #5. Update data with PUT request in Redux-saga/code/tutorialProject
 
 
45-Redux Saga in React Native #6. Delete data with DELETE request in Redux-saga/code/tutorialProject
45-Redux Saga in React Native #6. Delete data with DELETE request in Redux-saga/code/tutorialProject
 
 
46-ReactNavigation#1.Create a StackNavigator and translate params between screens/code/tutorialProject
46-ReactNavigation#1.Create a StackNavigator and translate params between screens/code/tutorialProject
 
 
47-ReactNavigation#2.Configuring the Header of StackNavigator/code/tutorialProject
47-ReactNavigation#2.Configuring the Header of StackNavigator/code/tutorialProject
 
 
48-ReactNavigation#3.Create and configure multiple tabs with TabNavigator/code/tutorialProject
48-ReactNavigation#3.Create and configure multiple tabs with TabNavigator/code/tutorialProject
 
 
49-ReactNavigation#4.Set up a screen with a drawer navigation using DrawerNavigator/code/tutorialProject
49-ReactNavigation#4.Set up a screen with a drawer navigation using DrawerNavigator/code/tutorialProject
 
 
50-Redux-form#1.Create a Simple form in React Native/code/tutorialProject
50-Redux-form#1.Create a Simple form in React Native/code/tutorialProject
 
 
51-Redux-form#2.Synchronous validation example of Refux-form in React Native/code/tutorialProject
51-Redux-form#2.Synchronous validation example of Refux-form in React Native/code/tutorialProject
 
 
52-Redux-form#3.Field-Level Validation with Redux-form in React Native/code/tutorialProject
52-Redux-form#3.Field-Level Validation with Redux-form in React Native/code/tutorialProject
 
 
53-Redux-form#4.Submit validation example and SubmissionError /code/tutorialProject
53-Redux-form#4.Submit validation example and SubmissionError /code/tutorialProject
 
 
54-Redux-form#5.Example of Asynchronous Blur validation with Redux-form
54-Redux-form#5.Example of Asynchronous Blur validation with Redux-form
 
 
55-Redux-form#6.Submit your form via a dispatched Redux action/code/tutorialProject
55-Redux-form#6.Submit your form via a dispatched Redux action/code/tutorialProject
 
 
56-Redux-form#7.Field Normalizing Example/code/tutorialProject
56-Redux-form#7.Field Normalizing Example/code/tutorialProject
 
 
57-Realm React Native#1.Create a TodoList app with Realm in React Native/code/tutorialProject
57-Realm React Native#1.Create a TodoList app with Realm in React Native/code/tutorialProject
 
 
58-Realm React Native#2.Insert and query data using Realm in React Native/code/tutorialProject
58-Realm React Native#2.Insert and query data using Realm in React Native/code/tutorialProject
 
 
59-Realm React Native#3.Update and delete data using Realm in React Native/code/tutorialProject
59-Realm React Native#3.Update and delete data using Realm in React Native/code/tutorialProject
 
 
60-Realm React Native#4.Sort data in Realm database in React Native/code/tutorialProject
60-Realm React Native#4.Sort data in Realm database in React Native/code/tutorialProject
 
 
61-Realm React Native#5.Filter data and working with To-Many Relationships/code/tutorialProject
61-Realm React Native#5.Filter data and working with To-Many Relationships/code/tutorialProject
 
 
62-UI Design#1.Create a Splash and Login Screen in React Native/code/ReactNativeProject
62-UI Design#1.Create a Splash and Login Screen in React Native/code/ReactNativeProject
 
 
63-UI Design#2.Navigate between Splash and Login without StackNavigator/code/ReactNativeProject
63-UI Design#2.Navigate between Splash and Login without StackNavigator/code/ReactNativeProject
 
 
64-Make an UI with Tabbar and StackNavigator with NativeBase #1/code/ReactNativeProject
64-Make an UI with Tabbar and StackNavigator with NativeBase #1/code/ReactNativeProject
 
 
65-Make an UI with Tabbar and StackNavigator with NativeBase #2/code/ReactNativeProject
65-Make an UI with Tabbar and StackNavigator with NativeBase #2/code/ReactNativeProject
 
 
66-React Native Animations#1. Create animations for Image and View with timing, spring, fade/code/ReactNativeProject
66-React Native Animations#1. Create animations for Image and View with timing, spring, fade/code/ReactNativeProject
 
 
67-React Native Animations#2. Create animations with sequence,parallel,interpolate/code/ReactNativeProject
67-React Native Animations#2. Create animations with sequence,parallel,interpolate/code/ReactNativeProject
 
 
68-React Native Animations#3. Animate multiple Views with Stagger and Fade/code/ReactNativeProject
68-React Native Animations#3. Animate multiple Views with Stagger and Fade/code/ReactNativeProject
 
 
69-React Native Animations#4. Use Gesture Responder to pan a View and animation with Spring/code/ReactNativeProject
69-React Native Animations#4. Use Gesture Responder to pan a View and animation with Spring/code/ReactNativeProject
 
 
70-NaviveModules#1.Create functions, callbacks from ObjectiveC then call from React Native/code/ReactNativeProject
70-NaviveModules#1.Create functions, callbacks from ObjectiveC then call from React Native/code/ReactNativeProject
 
 
71-NaviveModules#2.React Native call ObjectiveC functions using Promises and Async-Awaits/code/ReactNativeProject
71-NaviveModules#2.React Native call ObjectiveC functions using Promises and Async-Awaits/code/ReactNativeProject
 
 
72-NaviveModules#3.Send events from Objective C to React Native/code/ReactNativeProject
72-NaviveModules#3.Send events from Objective C to React Native/code/ReactNativeProject
 
 
73-NaviveModules#4.React Native calls Swift functions using callback, promises, async-await/code/ReactNativeProject
73-NaviveModules#4.React Native calls Swift functions using callback, promises, async-await/code/ReactNativeProject
 
 
74-NativeModules#5.React Native calls MKMapView and use its properties/code/ReactNativeProject
74-NativeModules#5.React Native calls MKMapView and use its properties/code/ReactNativeProject
 
 
75-NativeModules#6.React Native calls Toast object in Android/code/ReactNativeProject
75-NativeModules#6.React Native calls Toast object in Android/code/ReactNativeProject
 
 
76-NativeModules#7.React Native calls callback and Promise functions in Android using callback and async-await/code/ReactNativeProject
76-NativeModules#7.React Native calls callback and Promise functions in Android using callback and async-await/code/ReactNativeProject
 
 
77-NativeModules#8.Create Event from Java and send back to React Native/code/ReactNativeProject
77-NativeModules#8.Create Event from Java and send back to React Native/code/ReactNativeProject
 
 
.gitignore
.gitignore
 
 
icon-fanpage.png
icon-fanpage.png
 
 
icon-fanpage.psd
icon-fanpage.psd
 
 
pushsource.sh
pushsource.sh
 
 
subscribe.psd
subscribe.psd
 
 
videoIds
videoIds
 
 

About

No description, website, or topics provided.
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • Objective-C 61.7%
  • C 20.2%
  • C++ 13.6%
  • JavaScript 3.3%
  • Shell 0.4%
  • Python 0.4%
  • Other 0.4%