React 16.8 was released with hooks, which are an additional feature that allows us to use state and other react features without writing a class. If you have worked with react before, you should know that if you want to use state in your component, you have to use classes. Read more…
In this video we are going to send a driver request to a random driver and display the find driver component. We are also going to install redux-socket.io and socket.io on the client. Socket.io Redux-socket.io Send Request to driver Views MongoDB mLaB Mongojs SOCKET.IO http://bitigee.com/1GyC REDUX SOCKET IO http://bitigee.com/1H00 REACT Read more…
In this video we are going to send a driver request to a random driver and display the find driver component. We are also going to install redux-socket.io and socket.io on the client. Socket.io Redux-socket.io Send Request to driver Views MongoDB mLaB Mongojs CODE http://atomcurve.com/1TGx GOOD BOOKS TO READ Learn Read more…
In this video we are going to get the location of nearby drivers using socket.io and display them on a MapView using custom car markers. Socket.io Get Nearby Drivers Views MongoDB mLaB Mongojs CODE http://atomcurve.com/1TGx GOOD BOOKS TO READ Learn React: http://amzn.to/2rLG9JX Learn React Native: http://amzn.to/2r5g6uu FOLLOW ME: https://www.linkedin.com/in/emmancipate-musemwa-90308857/ SUBSCRIBE Read more…
In this video we are going to get the location of nearby drivers using socket.io and display them on a MapView using custom car markers. Socket.io Get Nearby Drivers Views MongoDB mLaB Mongojs CODE http://atomcurve.com/1TGx GOOD BOOKS TO READ Learn React: http://amzn.to/2rLG9JX Learn React Native: http://amzn.to/2r5g6uu FOLLOW ME: https://www.linkedin.com/in/emmancipate-musemwa-90308857/ SUBSCRIBE Read more…
In this video we are going to use Google Distance Matrix API to get the distance and duration of the user’s journey. We will then use the results to calculate the fare and display it to the user Get Selected Address RNGooglePlacaes Google Distance Matrix Calculate Fare CODE http://atomcurve.com/1TGx GOOD Read more…
In this video we style our home route and add a Header with a logo and a Footer with icons. Native Base Anatomy Native Base Header React Vector Icons Native Base Footer CODE http://atomcurve.com/1TGx GOOD BOOKS TO READ Learn React: http://amzn.to/2rLG9JX Learn React Native: http://amzn.to/2r5g6uu FOLLOW ME: https://www.linkedin.com/in/emmancipate-musemwa-90308857/ SUBSCRIBE TO Read more…
In this video we create action to get the user’s input and use it to get address predictions from google places api. Google places API Installing RNGooglePlaces Create Search Results component Get user input, address predictions based on user input CODE http://atomcurve.com/1TGx GOOD BOOKS TO READ Learn React: http://amzn.to/2rLG9JX Learn Read more…
In this video we will create a redux action to get the user’s current location. We will also create a Search Box component which will be used to filter google places. Navigator.geolocation Redux actions Styling Components React native vector icons CODE http://atomcurve.com/1TGx GOOD BOOKS TO READ Learn React: http://amzn.to/2rLG9JX Learn Read more…
In this video we will set up native-base and airbnb react-native-maps. We will also create a map container component with a mapview and a maker pin pointing a location. Native Base How to install react native maps Use MapView Create Custom Marker Style ComponentS CODE http://atomcurve.com/1TGx GOOD BOOKS TO Read more…