O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

React Native Expo from Beginner to Pro - Also with MeteorJS

Video Description

New to programming? Want to create awesome apps? This is the perfect course for you.

About This Video

  • Learn the basics of React and React Native
  • Build React Native Apps for iOS and Android

In Detail

This course is perfect for anyone who wants to learn how to program apps easily with React Native Expo. Expo is the hottest new expansion to the world of React Native programming. It gives you plenty of new tools to quickly get your app started, and it is incredibly easy to use. Whether you have little experience with programming or you are a seasoned React Native developer looking to understand Expo, this course will help you learn a lot!

We cover:

  • Installing and using the Expo XDE
  • The basics of React and React Native
  • How to make API requests to a database with axios
  • How to build a MeteorJS server and connect it to our app
  • Build a Mongo Database with Meteor and hook up accounts to log into
  • And so much more!

All the codes and supporting files for this course are available at: https://github.com/PacktPublishing/React-Native-Expo-from-Beginner-to-Pro---Also-with-MeteorJS

Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Table of Contents

  1. Chapter 1 : Introduction
    1. Promo Video 00:00:41
    2. First App! 00:02:38
  2. Chapter 2 : Todo App
    1. Important Installations 00:05:18
    2. Getting Expo Ready 00:06:22
    3. Explaining React 00:04:25
    4. Building our first React component 00:07:03
    5. First styles object 00:04:39
    6. Adding React Native components 00:04:56
    7. Using the React state 00:05:42
    8. Displaying the state 00:06:11
    9. Rendering a list to the screen 00:05:18
    10. Using arrays with the state 00:04:54
    11. Removing items from an array in state 00:05:56
    12. Adding styles to our app 00:02:59
    13. Material colors and more styling 00:06:29
    14. Finish styling and wrapping up 00:04:54
  3. Chapter 3 : PokeSearch
    1. Using expo to start our next project 00:01:51
    2. Putting an image in the assets folder 00:03:33
    3. Adding first styles and handling platform compatibility 00:03:09
    4. Installing native-base for easy styles 00:05:20
    5. Setting up the landing page 00:08:25
    6. Making a second component 00:06:31
    7. Making a simple router with state 00:08:11
    8. Creating our search header 00:08:40
    9. Dividing up components 00:05:21
    10. Adding a loading gif 00:03:33
    11. Making an API call with axios 00:07:53
    12. Capturing the data from the API 00:03:53
    13. Displaying some data on screen 00:05:01
    14. Displaying more data on screen 00:08:21
    15. Displaying even more data on screen 00:04:50
    16. Finishing up PokeSearch 00:04:51
  4. Chapter 4 : PokeMap
    1. New app and installing Meteor 00:03:22
    2. Setting up our project 00:04:13
    3. Firing up our server 00:04:17
    4. Understanding Meteor and installing packages 00:04:56
    5. Making a new component 00:03:22
    6. Making the sign in screen look nice 00:05:08
    7. Getting input for email on screen 00:04:23
    8. Adding in a password field and button 00:06:04
    9. Styling the sign in some more 00:03:24
    10. Securing our server and adding packages 00:04:36
    11. Fixing the bcrypt error 00:01:34
    12. Adding in our first Meteor function 00:07:23
    13. Looking at the Meteor object and connecting to the server 00:07:22
    14. We "fixed" the "glitch" 00:03:17
    15. IMPORTANT:: Changing localhost 00:03:35
    16. Making a user 00:04:18
    17. Handling the user sign in 00:04:04
    18. Setting up the imports for the map component 00:04:25
    19. Exploring AirBnB maps and adding our own 00:07:07
    20. Styling our map 00:04:08
    21. Adding FABs and creating a state 00:03:33
    22. Getting the location of the map center 00:04:22
    23. Adding a database of pokemon images 00:04:20
    24. Starting a server function to add pokemon 00:07:48
    25. Finishing a server function to add pokemon 00:08:06
    26. Meteor data for the app 00:04:26
    27. Subscribing to data on the app 00:05:17
    28. Displaying and adding pokemon to the map 00:05:44
    29. Adding ability to remove pokemon 00:06:22
    30. Front side account handling and wrapping up 00:05:25