https://drive.google.com/open?id=1j2KaI6YZMQucJcrOynqYtDuTuhlYAdGK
This tutorial will walk through building a simple real-time restaurant app with React Native for Android and iOS. Along the way, you'll get to practice React Native basics and learn about tools you can use to build apps.
Work the tutorial at your own pace. The instructions below assume that you are comfortable with writing JavaScript and using cli.
- [Load Earlier restaurants]
- [Can check image of restaurants. ]
- [Images of dishes.]
- Use version 0.2.x for RN >= 0.44.0
- Use version 0.1.x for RN >= 0.40.0
- Use version 0.0.10 for RN < 0.40.0
- npm install -g react-native-cli
- react-native init Your ProjectName
- cd projectname
- react-native run-android
- npm install native-base --save
- react-native link
- react-native run-android
import React, { Component } from 'react'; import { AppRegistry } from 'react-native'; import RnRestaurant from './app/index';
AppRegistry.registerComponent('RnRestaurant', () => RnRestaurant);
- ImageBackground
- TextInput
- TouchableOpacity
Building this small app, we've covered a lot of ground. We...
- Learned how to build project using native codes.
- Learned about the anatomy of a React Native module
- Learned about native primitives like Views, Texts, Images and more
- Learned how to style and layout our components with the CSS-like Flexbox implementation
- Learned how to gather user input with TextInput
- Learned how to work on the restaurant sidebar
- Learned about the power of third-party Components and how to use them in your app
- Learned how to split your app into multiple components
Of course, We didn't learn it very deeply. But now We have an idea on how to build a simple app in React Native, but the learning only starts here! In this app there is only frontend work, There is no backend work in this app.We have named my app RnRestaurant,which shows the restaurants.
Useful resources:
- React Native docs
- React Native Express - A great guide for experienced JavaScript developers
- React (Native) Parts - React Native components from NPM
- [React docs](https://facebook.github.io/react/docs/hello-world.html
- Awesome React Native - More resources than you will ever have time to read!
##Made by sshrivastava711@gmail.com
##Made by vickycena99@gmail.com