Skip to content

Full Stack React Native with NodeJS & ExpressJS

Learn fullstack react native with redux, hooks & context, node js, express js and mongodb. Build your react projects.


Oak Academy

Summary

Price
£39 inc VAT
Study method
Online, On Demand What's this?
Duration
13.2 hours · Self-paced
Qualification
No formal qualification
Certificates
  • Reed Courses Certificate of Completion - Free

Add to basket or enquire

Overview

Hello there,

Welcome to the "Full Stack React Native with NodeJS & ExpressJS" course.

Learn fullstack react native with redux, hooks & context, node js, express js, and MongoDB. Build your react projects.

React-Native is a library developed by the React team and it is widely used to create mobile applications for both Android and IOS. You do not need to learn Java, Android, Swift, Objective-C, or anything of that. React is all you need to create awesome mobile apps that work on both Android and iOS.

React Native enables programmers to write true native apps in JavaScript across multiple platforms at once, eliminating the need to code for iOS and Android separately. React Native also includes features like “hot reloading,” which have made the framework a favorite among efficiency-minded developers.

Node.js is essential to developing real-time applications in JavaScript, and has been instrumental in the development of websites like eBay and PayPal. Node is designed around an event loop, which allows for easy management of asynchronous functions. This makes it a popular environment for modern developers working on chat and gaming apps.

In the course, we are going to tell you what dependencies you need to install and how in detail, to be able to create mobile apps on both MAC and Windows. We are going to use free tools and platforms so you don't have to buy any tool or app. You are going to learn how to run an Android and IOS simulator on your MAC or Windows computer. Besides, with the Expo app, you will be able to run your apps on your own mobile device as well.

Later on in the course, we are going to learn the basics of React and React Navigation. JSX, 'props system' and 'state system' are going to be crystal clear for you at the end of the course. We are going to create nice-looking reusable components. You are going to be able to use these reusable components in your own future projects. You are going to go to different screens from the app with React-navigation.

Finally, you are going to learn the latest React features "Hooks and Context" system. We are going to create two nice-looking app, teach you "Hooks and Context" in a very detailed way. You are going to learn how to use "state" in functional components with the "Hooks" system and with "Context API" you won't need any third-party package to manage the Application state.

Node.js is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser.

NodeJS and Express is growing web server technologies. By learning Node with Express, you can improve your skills, get new job and you can build powerful, robust backend.

We tried to tell all complex topics in very detail on the course. We used some diagrams to tell some important topics and created a nice-looking mobile application. We showed two different ways to create a mobile app. We showed both react-native-cli and expo-cli in our course.

At the end of the course;

  • Basics of React, React-Native, React-Navigation libraries

  • How to send an HTTP request from a mobile application

  • How to use flex-box system

  • How to create reusable components

  • To reach another app on the device from our app

  • Creating your own mobile app both with react-native-cli and expo-cli

  • Creating Context with Class-Based and Functional Components

  • How to Consume Context in Class-Based and Functional Components

  • How to Use Multiple Context in one single component

  • Hooks Functions(useState, useEffect, useReducer, useContext...)

  • Creating Reducer and

  • Using Reducer is going to be clear for you.

  • You'll learn how asynchronous code works in Node and the Node event loop, as well as how to use the event emitter, streams, buffers, pipes, and work with files.

  • We'll see how that leads to building a web server in Node with hands-on examples.

  • The logic behind MongoDB’s data storage

  • The most popular Object Data Modeling Library for MongoDB, Mongoose JS

  • Writing queries for creating, reading, updating, and deleting operations

  • Advanced Features of MongooseJS

  • The best testing framework for NodeJS, Mocha

Why would you want to take this course?

Our answer is simple: The quality of teaching.

When you enroll, you will feel the OAK Academy`s seasoned developers expertise. Questions sent by students to our instructors are answered by our instructors within 48 hours at the latest.

No prior knowledge is needed!

It doesn't need any prior knowledge to learn it and the React is easy to understand for the beginners.

This course starts with very basics. First, you will learn how to install the tools, some terminology. Then the show will start and you will learn everything with hands-on practices. I'll also teach you the best practices and shortcuts.

Certificates

Reed Courses Certificate of Completion

Digital certificate - Included

Will be downloadable when all lectures have been completed.

Curriculum

8
sections
112
lectures
13h 13m
total
    • 1: What We Will Learn? 02:19
    • 2: How To Get Help? 01:43
    • 3: Free Tools For Windows 07:25
    • 4: Windows Setup for React Native 05:33
    • 5: How To Start Emulator in Android Studio 15:34
    • 6: Free Tools for IOS 04:46
    • 7: OSX Setup for React Native 04:45
    • 8: Start The Emulator 03:12
    • 9: How To Create An App 02:50
    • 10: See Content On Emulator 03:52
    • 11: Why Do We Need React and React-Native? 03:50
    • 12: Es6 Syntax ( Let, Const, Var) 05:34
    • 13: First Component 08:40
    • 14: How To Show Component On Device 10:26
    • 15: How to Build Our First App 06:46
    • 16: How to Connect a Component To The Root Component 12:08
    • 17: Import a Component to Another Component 08:57
    • 18: Styling with JSX 13:44
    • 19: Displaying Views 10:44
    • 20: Header Component’s Styling 04:17
    • 21: React Props 07:55
    • 22: How to Reuse Code With Props System 08:30
    • 23: How To Show a List To The User 06:58
    • 24: The List Component 08:34
    • 25: Func Component vs Class Based Component 10:43
    • 26: When Do We Need Lifecycle Methods? 09:31
    • 27: Lifecycle Methods 06:33
    • 28: Making Request With Axios 09:55
    • 29: quiz 01:00
    • 30: What Is State and How To Initial State? 08:44
    • 31: Using of State 10:32
    • 32: A Component’s Lifecycle With State 05:01
    • 33: List Component 08:24
    • 34: List Item Component 10:13
    • 35: Reusable Components 06:28
    • 36: Styled Component for List Items 05:19
    • 37: Usage of Props.Children 05:46
    • 38: Item Section 09:17
    • 39: quiz 01:00
    • 40: Introduction to the Flexbox 06:46
    • 41: Section Header Component 06:04
    • 42: How to Show An Image 12:46
    • 43: Scrollable Content 05:22
    • 44: User Interaction with ReactNative 09:44
    • 45: Event Handlers 13:13
    • 46: How to Open Another App (Browser) 04:42
    • 47: quiz 01:00
    • 48: Router Expo CLI Project 02:49
    • 49: See The Content On A Device or Emulator 05:12
    • 50: What Is Router And Installation 04:37
    • 51: Setting up a Router in Project 09:50
    • 52: Flatlist 06:12
    • 53: Rendering A List With FlatList 08:08
    • 54: How Does FlatList Work 06:20
    • 55: Giving the Key Prop 08:42
    • 56: FlatList Props 07:23
    • 57: Book Detail Screen 06:20
    • 58: Navigate Between Screens 12:12
    • 59: Navigating from a Child Component 05:25
    • 60: Navigation Function 05:46
    • 61: Data Transfer Between Screens 07:12
    • 62: quiz 01:00
    • 63: What We Will Learn 03:27
    • 64: Context and Hooks 03:23
    • 65: Let's Start Building Application 11:29
    • 66: Why Context API 06:40
    • 67: Context Provider 08:06
    • 68: Context Provider-2 06:05
    • 69: Lets Reach Out The Context State 10:20
    • 70: Consuming Data in TodoList Component 05:29
    • 71: Context Consumer 07:22
    • 72: Update The Context Data 07:04
    • 73: Create Multiple Context 09:26
    • 74: Use Multiple Context Inside One Component 09:00
    • 75: Hooks 04:01
    • 76: Let's Start Creating The App 03:50
    • 77: UseState Hook 13:25
    • 78: UseState With Forms 13:27
    • 79: useEffect hook 09:36
    • 80: useContext hook 08:49
    • 81: Create multiple context with useContext 05:51
    • 82: Create context with functional component 05:44
    • 83: Hooks and Context 10:21
    • 84: Let's add new todo with Hooks and Context 14:27
    • 85: Let's remove todo from context 09:22
    • 86: useReducer hook 06:07
    • 87: Let's implement useReducer 13:12
    • 88: Reducer component structure 05:01
    • 89: quiz 01:00
    • 90: What is Node JS_ 02:55
    • 91: Installing Node JS 06:32
    • 92: V8 Engine 06:40
    • 93: Node JS Globals 10:39
    • 94: Functions 04:45
    • 95: Module and Require 07:15
    • 96: Module exports patterns 07:52
    • 97: Event Emitter 06:13
    • 98: More about Event Emitters 08:52
    • 99: Reading and Writing Files 11:37
    • 100: Creating and Removing Directories 08:49
    • 101: quiz 01:00
    • 102: Clients Servers 06:04
    • 103: Creating Server 10:20
    • 104: quiz 01:00
    • 105: Streams and Buffers 03:11
    • 106: Readable Stream 08:57
    • 107: Write Stream 05:25
    • 108: Pipe 08:13
    • 109: Serving HTML 04:09
    • 110: Serving JSON data 04:58
    • 111: Routing 09:41
    • 112: quiz 01:00

Course media

Description

Hello there,

Welcome to the "Full Stack React Native with NodeJS & ExpressJS" course.

Learn fullstack react native with redux, hooks & context, node js, express js, and MongoDB. Build your react projects.

React-Native is a library developed by the React team and it is widely used to create mobile applications for both Android and IOS. You do not need to learn Java, Android, Swift, Objective-C, or anything of that. React is all you need to create awesome mobile apps that work on both Android and iOS.

React Native enables programmers to write true native apps in JavaScript across multiple platforms at once, eliminating the need to code for iOS and Android separately. React Native also includes features like “hot reloading,” which have made the framework a favorite among efficiency-minded developers.

Node.js is essential to developing real-time applications in JavaScript, and has been instrumental in the development of websites like eBay and PayPal. Node is designed around an event loop, which allows for easy management of asynchronous functions. This makes it a popular environment for modern developers working on chat and gaming apps.

In the course, we are going to tell you what dependencies you need to install and how in detail, to be able to create mobile apps on both MAC and Windows. We are going to use free tools and platforms so you don't have to buy any tool or app. You are going to learn how to run an Android and IOS simulator on your MAC or Windows computer. Besides, with the Expo app, you will be able to run your apps on your own mobile device as well.

Later on in the course, we are going to learn the basics of React and React Navigation. JSX, 'props system' and 'state system' are going to be crystal clear for you at the end of the course. We are going to create nice-looking reusable components. You are going to be able to use these reusable components in your own future projects. You are going to go to different screens from the app with React-navigation.

Finally, you are going to learn the latest React features "Hooks and Context" system. We are going to create two nice-looking app, teach you "Hooks and Context" in a very detailed way. You are going to learn how to use "state" in functional components with the "Hooks" system and with "Context API" you won't need any third-party package to manage the Application state.

Node.js is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser.

NodeJS and Express is growing web server technologies. By learning Node with Express, you can improve your skills, get new job and you can build powerful, robust backend.

MongoDB is a cross-platform document-oriented NoSQL database program. By using MongoDB, you can build a modern application database for your projects.

We tried to tell all complex topics in very detail on the course. We used some diagrams to tell some important topics and created a nice-looking mobile application. We showed two different ways to create a mobile app. We showed both react-native-cli and expo-cli in our course.

At the end of the course;

  • Basics of React, React-Native, React-Navigation libraries

  • How to send an HTTP request from a mobile application

  • How to use flex-box system

  • How to create reusable components

  • To reach another app on the device from our app

  • Creating your own mobile app both with react-native-cli and expo-cli

  • Creating Context with Class-Based and Functional Components

  • How to Consume Context in Class-Based and Functional Components

  • How to Use Multiple Context in one single component

  • Hooks Functions(useState, useEffect, useReducer, useContext...)

  • Creating Reducer and

  • Using Reducer is going to be clear for you.

  • You'll learn how asynchronous code works in Node and the Node event loop, as well as how to use the event emitter, streams, buffers, pipes, and work with files.

  • We'll see how that leads to building a web server in Node with hands-on examples.

  • The logic behind MongoDB’s data storage

  • The most popular Object Data Modeling Library for MongoDB, Mongoose JS

  • Writing queries for creating, reading, updating, and deleting operations

  • Advanced Features of MongooseJS

  • The best testing framework for NodeJS, Mocha

Why would you want to take this course?

Our answer is simple: The quality of teaching.

When you enroll, you will feel the OAK Academy`s seasoned developers expertise. Questions sent by students to our instructors are answered by our instructors within 48 hours at the latest.

No prior knowledge is needed!

It doesn't need any prior knowledge to learn it and the React is easy to understand for the beginners.

This course starts with very basics. First, you will learn how to install the tools, some terminology. Then the show will start and you will learn everything with hands-on practices. I'll also teach you the best practices and shortcuts.

Step-by-Step Way, Simple and Easy With Exercises

By the end of the course, you’ll have a firm understanding of the React and valuable insights on how things work under the hood and you'll also be very confident in the basics of coding and game development, and hungry to learn more. The good news is since the Free and popular tools are used you don’t need to buy any tool or application.

If you are wanting to learn how to; build for production, push to production, have a dev and production version, and learn how to navigate the two, this is the class for you! Seriously there is so much real-world knowledge here it should be worth way more than what it is!

Video and Audio Production Quality

All our videos are created/produced as high-quality video and audio to provide you the best learning experience.

You will be,

  • Seeing clearly

  • Hearing clearly

  • Moving through the course without distractions

You'll also get:

Lifetime Access to The Course

Fast & Friendly Support in the Q&A section

Dive in now to our Full Stack React Native with NodeJS & ExpressJS course

We offer full support, answering any questions.

See you in the course!

Who is this course for?

  • Programmers who want to learn React and React-Native
  • Anyone who wants to learn React Hooks & Class-based Components
  • Anyone who wants to create mobile applications with both react-native-cli and expo-cli
  • Anyone who has basic HTML, CSS and JavaScript knowledge and wants to learn how to create complex applications
  • Anyone who wants to create mobile applications for both Android and IOS
  • People who are planning a career in the application world
  • Developers who have researched React but have had trouble mastering some concepts
  • Anyone who want to start from scratch and to move more advanced level
  • Anyone planning a job transformation and wants to become a React developer
  • Anyone who want to take their web development skills to the next level and learn a future-proof technology
  • Anyone who wants to learn MongoDB
  • Anyone interested in NoSQL Schema
  • Professionals who are willing to learn MongoDB Database
  • Anyone looking to build a career as a NodeJS or Express developer
  • Also, if you are looking to move in React-Native App development, it would be great for starting with React Js. Once you are familiar with concepts like JSX, props and states, same concepts are applied in React Native too. And moving into React Native would be so easy
  • People who want to learn React Native with nodejs and expressjs
  • People who want to learn node js
  • People who want to become mobile developer with react native, node js and express js

Requirements

  • No prior React and React-Native knowledge
  • JavaScript + HTML + CSS fundamentals are absolutely required but you don't need to be an expert
  • Basic ES6 knowledge would be beneficial but not required
  • Desire to learn React Native
  • Computer with access to the internet
  • Desire to learn React native and nodejs
  • Desire to learn React native, nodejs, express js
  • Desire to learn React native and express
  • Desire to learn React native, nodejs, expressjs
  • Desire to learn React native and nodejs
  • Nothing else! It’s just you, your computer and your ambition to get started today
  • LIFETIME ACCESS, course updates, new content, anytime, anywhere, on any device

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.