Mastering React Native with NodeJs and MongoDB

Mastering React Native with NodeJs and MongoDB, available at $59.99, has an average rating of 4.35, with 111 lectures, based on 34 reviews, and has 446 subscribers.

You will learn about Basic to advance react native Complete authentication UI design, styling with flexbox, native app features like scrolling, library access etc Build your own server/API with Node js and MongoDB This course is ideal for individuals who are Any JavaScript or React Developer who wants to learn how to build IOS and Android apps using react native It is particularly useful for Any JavaScript or React Developer who wants to learn how to build IOS and Android apps using react native.

Enroll now: Mastering React Native with NodeJs and MongoDB

Summary

Title: Mastering React Native with NodeJs and MongoDB

Price: $59.99

Average Rating: 4.35

Number of Lectures: 111

Number of Published Lectures: 109

Number of Curriculum Items: 111

Number of Published Curriculum Objects: 109

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

Basic to advance react native
Complete authentication
UI design, styling with flexbox, native app features like scrolling, library access etc
Build your own server/API with Node js and MongoDB

Who Should Attend

Any JavaScript or React Developer who wants to learn how to build IOS and Android apps using react native

Target Audiences

Any JavaScript or React Developer who wants to learn how to build IOS and Android apps using react native

I spend last 2 years playing around with react native and learned so much that I can now confidently build mobile apps for IOS and Android (both platforms) using the same code base. I have put all that knowledge into this course so that instead of 2 years, you can confidently start building react native apps in 2 months (approximately) with the help of this course.

It was very tough in the beginning because I enjoy full stack web development and I thought react native will be similar to that.

However it wasn’t that easy. First of all, there were no courses that would teach you how to build a complete project while learning all the fundamentals from scratch. Secondly, you have to write a lot of CSS and learn how to style your app (even though writing CSS is almost similar, It’s not exactly same in react native). Then you have to learn how to structure your app and many other issues you may come across along the way to build an actual app that can be used in real world.

I wanted to make the entire react native app development process to be as enjoyable as full stack web development. That’s what motivated me to create this course so that I could help many others (not just me) to enjoy and be productive while building mobile apps with react native.

Why you should enroll in this course?

Beginner friendly
Learn all the fundamentals of react native
Example filled practical, not boring content
Basics to advance react native
Build full authentication with reset password
Image uploads, UI design, styling with flexbox, navigation, scrolling, keyboard inputs, styling and more
Build your own backend API using Node.js and MongoDB
Lots of other cool features

Practical real world project that covers almost everything you need to know to comfortably start developing your own native apps

So if you area excited on this awesome journey of building IOS and Android apps with single code base using react native from scratch that gives you the native app performance and user experience, then you will enjoy the content and the speed of learning with me.

Are you excited to start this amazing journey with me? Join me in this course!

Course Curriculum

Chapter 1: Introduction

Lecture 1: About the course

Lecture 2: Are you new to JavaScript React and NodeJs?

Lecture 3: Expo and simulators

Lecture 4: Installing and trying in simulator and expo app

Chapter 2: React Native Basics

Lecture 1: Understanding native components

Lecture 2: Flex layout and positioning

Lecture 3: Components props and destructuring

Lecture 4: Splash screen logo

Lecture 5: Webview

Chapter 3: Project – Links Daily

Lecture 1: Download source code

Lecture 2: Starting the project

Lecture 3: Text component

Lecture 4: Input component

Lecture 5: Reusable component

Lecture 6: Updating the state

Chapter 4: Text Input, ScrollView and Image

Lecture 1: Customize text input

Lecture 2: Button using touchable opacity

Lecture 3: Using axios

Lecture 4: Image component

Lecture 5: Scroll view

Lecture 6: Signin screen

Chapter 5: Navigation

Lecture 1: React native navigation

Lecture 2: Navigator options

Chapter 6: API Generator, mongodb and sendgrid

Lecture 1: Kaloraat auth API generator

Lecture 2: Understanding authentication server

Lecture 3: Signup to mongo atlas

Lecture 4: Signup to sendgrid

Chapter 7: Signup Signin and async storage

Lecture 1: Successful signup and signin

Lecture 2: Localhost on the web for trying on actual device

Lecture 3: Error messages

Lecture 4: React native async storage

Chapter 8: Context

Lecture 1: Auth context

Lecture 2: Accessing context

Lecture 3: Update context and configure axios

Chapter 9: Footer Navigation

Lecture 1: Footer tabs

Lecture 2: Font awesome icons

Lecture 3: Root navigation

Lecture 4: Protecting screens

Lecture 5: Signout

Chapter 10: Screens

Lecture 1: Account screen

Lecture 2: Post and links screens

Lecture 3: Active screen tab

Lecture 4: Display user info

Lecture 5: Setup account screen

Chapter 11: Images

Lecture 1: Reusing circle logo component

Lecture 2: Image upload icon

Lecture 3: Display image and upload icon

Lecture 4: Signup to cloudinary

Lecture 5: Access image library using expo image picker

Lecture 6: Sending image to server for uploading

Chapter 12: Protect routes, screens, JWT tokens and cloudinary

Lecture 1: Require signin middleware

Lecture 2: Axios headers with token

Lecture 3: Include tokens in axios headers by default

Lecture 4: Handling expired token

Lecture 5: Upload image to cloudinary and save to database

Lecture 6: Updating user in context and async storage

Chapter 13: Password Update and Reset

Lecture 1: Password update client

Lecture 2: Password update server

Lecture 3: Forgot password screen

Lecture 4: Send password reset email

Lecture 5: Allow user to login with new password

Chapter 14: Posting Links

Lecture 1: What's next?

Lecture 2: Post link page

Lecture 3: Text input for post link

Lecture 4: Text input for post title

Chapter 15: Web Scraping

Lecture 1: Open graph web scraping client side

Lecture 2: URL preview

Lecture 3: Preview card image

Lecture 4: Preview card title and description

Chapter 16: Models Routes and Controllers

Lecture 1: Link model and schema

Lecture 2: Post link route and controller

Lecture 3: Post request to create link

Lecture 4: Link context

Chapter 17: Links and WebView

Lecture 1: Recent links

Lecture 2: Route params (optional)

Lecture 3: Link view

Lecture 4: React native webview

Lecture 5: Open webview onPress

Chapter 18: Like Unlike, View Count, date and user

Lecture 1: Implement view count

Lecture 2: View count icon on preview card

Lecture 3: View increment client side

Lecture 4: Like unlike server

Instructors

Ryan Dhungel
Web Developer

Rating Distribution

1 stars: 2 votes
2 stars: 1 votes
3 stars: 2 votes
4 stars: 10 votes
5 stars: 19 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu