React Native Expo from Beginner to Pro :: Also with MeteorJS

Name: React Native Expo from Beginner to Pro :: Also with MeteorJS
Rating: 3.9 (911 reviews)

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

Created byThomas Scanlan, Frahaan Hussain

Last updated 7/2017

English

English [Auto],

What you'll learn

Build React Native Apps for iOS and Android
Have a basic understanding of React and React Native
Connect a MeteorJS server to a React Native app
Use Expo components
Use Native Base components

Course content

4 sections • 63 lectures • 5h 14m total length

Promo Video0:41
Completed Code0:05
First App!2:38

Important Installations5:37
Getting Expo Ready6:21
Explaining React4:24
Explore how React renders HTML-like code into the screen through components. Contrast web React with React Native, and learn how native iOS and Android components are used in mobile apps.
Building our first React component7:03
First styles object4:39
Adding React Native components4:56
Using the React state5:42
Displaying the state6:11
Rendering a list to the screen5:17
Using arrays with the state4:54
Learn to manage a to-do list in React Native by updating an array in state, adding new items with push, syncing the text input, and clearing the input after add.
Removing items from an array in state5:56
Adding styles to our app2:58
Material colors and more styling6:28
Finish styling and wrapping up4:53

Using expo to start our next project1:50
Putting an image in the assets folder3:33
Adding first styles and handling platform compatibility3:09
Installing native-base for easy styles5:19
I apologize for the fan in this video
Setting up the landing page8:24
Making a second component6:31
Making a simple router with state8:11
Creating our search header8:39
Dividing up components5:21
Adding a loading gif3:32
Making an API call with axios7:52
Capturing the data from the API3:53
Displaying some data on screen5:01
Displaying more data on screen8:20
Displaying even more data on screen4:49
Finishing up PokeSearch4:51

New app and installing Meteor3:22
Setting up our project4:13
Firing up our server4:20
Understanding Meteor and installing packages4:56
Making a new component3:21
Making the sign in screen look nice5:08
Getting input for email on screen4:23
Adding in a password field and button6:03
Styling the sign in some more3:24
Securing our server and adding packages4:36
Fixing the bcrypt error1:33
Adding in our first Meteor function7:22
Looking at the Meteor object and connecting to the server7:21
Explore the Meteor object, its accounts and user id utilities, and learn to connect a React Native Expo app to a Meteor server via meteor connect and a local websocket.
We "fixed" the "glitch"3:16
IMPORTANT :: Changing localhost3:35
Making a user4:18
Sign in to your account with the media server and meteor, retrieve the unique user ID, and manage the logged-in state to navigate to the map.
Handling the user sign in4:03
Setting up the imports for the map component4:24
Exploring AirBnB maps and adding our own7:07
Build a map view using Airbnb's React Native Maps, set an initial region with latitude, longitude, and delta values to center the map on San Francisco and display on screen.
Styling our map4:08
Adding FABs and creating a state3:32
Getting the location of the map center4:22
Adding a database of pokemon images4:19
Starting a server function to add pokemon7:47
Finishing a server function to add pokemon8:05
Meteor data for the app4:25
Subscribing to data on the app5:17
Displaying and adding pokemon to the map5:43
Adding ability to remove pokemon6:21
Implement remove pokemon by wiring a minus button to a remove function that targets the pokemon, checks user sign-in, and updates the database with meteor for real-time ui changes.
Front side account handling and wrapping up5:50

Requirements

You should have some programming experience. Skills with HTML, CSS, and JS are helpful.

Description

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!

Who this course is for:

Anyone who wants to make apps now!
People interested in rudimentary React Native and Expo learning.
Anyone who wants to mix React Native with Meteor.

React Native Expo from Beginner to Pro :: Also with MeteorJS

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 3min

Todo App14 lectures • 1hr 15min

PokeSearch16 lectures • 1hr 29min

PokeMap30 lectures • 2hr 27min

Requirements

Description

Who this course is for: