React Native With An Express/MongoDB Backend
4.2 (221 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,086 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React Native With An Express/MongoDB Backend to your Wishlist.

Add to Wishlist

React Native With An Express/MongoDB Backend

Develop and deploy React Native mobile apps powered by a Node, Express and MongoDB server
Bestselling
4.2 (221 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,086 students enrolled
Created by Alex Paterson
Last updated 5/2017
English
Curiosity Sale
Current price: $10 Original price: $50 Discount: 80% off
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop mobile apps with React Native on the front-end
  • Build mobile backend API's with Node, Express and MongoDB
  • Deploy Node applications to Heroku
View Curriculum
Requirements
  • Students should have programming experience and understand basic networking
  • This course is developed for MacOS users. Users of other operating systems may be able to follow along but are not catered to.
Description

**No Windows Tutorial**

Anybody who comes from a web background understands that native mobile development is far more complicated. HTML/CSS takes minutes to learn, whereas getting your head around iOS development can take months. 

One might also miss the beauty of front-end web frameworks like React; much care must be taken to instil a native mobile app with an organised and meaningful architecture.

Fortunately there is React Native: a framework which enables developers to build their apps with a markup language and stylesheet syntax mimicking that of the web, while bringing all the structure of React with it.

Building apps with React Native, developers have access to the rich ecosystem of open-source Node libraries. What's more, Node is great for server-side development (we'll be using express), and having your front-end and back-end developed in the same language is wonderful. To compound that, we'll be using MongoDB as a database, which reads and writes Javascript objects; communicating between the database, server, and app will be seamless.

By the end of this course you'll be familiar enough with React Native and Node to begin building the entire stack of your next application with it, on your own.

Who is the target audience?
  • This course is for students new to developing apps with Javascript
  • This is not for students who are completely new to programming or application development
Students Who Viewed This Course Also Viewed
Curriculum For This Course
46 Lectures
04:03:18
+
Introduction
1 Lecture 02:04
+
Introduction To Node
6 Lectures 24:19

Introduction To Node
04:05

Introduction To NPM
03:24

Introduction To Express
05:03

Installing MongoDB
02:00

Introduction To MongoDB
07:53
+
Introduction To React Native
8 Lectures 37:27
Important Note
00:35

Your First React Native Application
04:06

React Native Styles
08:49

Syntax Highlighting Aside
01:00

React Native Components
03:58

Component State
06:03

Atom Snippets
02:52

React Native Navigation
10:04
+
Introduction To Redux
4 Lectures 19:33
Intro To Redux (Store)
07:56


Redux Counter (Store)
04:49

+
Redux To-Do List
4 Lectures 23:36
Redux To-Do List Application Layout
10:39

Creating And Deleting To-Do's
08:17


Boilerplate Code
02:56
+
Intro To Authentication
5 Lectures 32:23
Authentication Setup
04:54

Signing Up
11:49

Protecting Routes
07:11

Signing In
06:26

Authentication Server Boilerplate
02:03
+
Online To-Do List Authentication
9 Lectures 48:33
Note on redux-form
00:06

Login View
06:42

Login Form
07:08

Login Flow
06:21

Displaying Alerts
10:52

Talking To Server
10:24

Note on react-native-keychain
00:18

Saving To Keychain
03:42

Loading Indicator
02:59
+
Online To-Do List To-Do's
6 Lectures 42:13
Application Layout
06:51

To-Do List View
06:21

New To-Do View
05:54

Creating To-Do's
11:58

Getting To-Do's
03:43

Deleting To-Do's
07:26
+
Deploying Your Backend
2 Lectures 13:13
Deploying Database To mLab
05:30

Deploying Server To Heroku
07:43
About the Instructor
Alex Paterson
4.3 Average rating
220 Reviews
2,086 Students
1 Course
Full-stack web/mobile developer

I started out building web and mobile apps for me and my friends. I was quickly swept away by the creative freedom application development provides, and the satisfaction that comes with creating an experience for thousands if not millions of people.

My first live website was just an HTML and a CSS document FTP’d to some Bluehost servers. I then discovered Ruby on Rails and it took over my life as I realized how easy it was to create web applications. I built my first software-as-a-service product (Clearsite Content Filtering) in Python with less than six months of coding experience.

To deploy a multifaceted project like Clearsite Content Filtering, I had to move away hosting with platform-as-a-service providers like Heroku, and set up my own virtual private servers with Amazon Web Services. This process showed me the pleasure of full-stack development.

Originally using backend-as-a-service platforms like Parse and Firebase to power my mobile apps, it quickly became clear that building my own backends was not just more flexible, but in some ways, easier.

I now develop almost exclusively in Javascript; developing web application frontends with React/Redux is a joy, and being able to use Javascript and JSON throughout the rest of the stack (express.js server, MongoDB database) is supremely convenient.