☑ Set up virtual environment
☑ Install React-Native dependencies for MAC and Windows
☑ Run Android and IOS simulator
☑ Expo installation
☑ Run Expo App on Mobile Device
☑ JSX syntax and expressions
☑ ES6 syntax
☑ See the content on the simulator
☑ Styling with React-Native and flex-box rules
☑ Send an HTTP request to a remote API
☑ State ve Props systems
☑ Reusable components
☑ Reach another app on the phone from the React-Native app
☑ React Navigation Library
☑ Route Between Different Screens
☑ Data Transfer Between Different Screens with React Navigation
☑ Learn to create Hooks and Context structures
☑ Creating Hooks and Context structures with explanatory diagrams
☑ What is Context Api in and how it is used
☑ Using Context Api and Hooks together
☑ Creating Context with Class Component
☑ Access to Context with Context Type
☑ To manipulate the data in Context
☑ How to Use Multiple Context
☑ How to Create Reducer
☑ How to Use Reducer
☑ useState, useEffect, useReducer, and useContext hooks
☑ Reducer, action and dispatch concepts and much more
☑ How to use coding techniques to make efficient development with React
☑ Build fast, user-friendly web apps with React
☑ Dive into Nodejs, learn rapidy growing web server technology, Nodejs & understand how NodeJS works with Node course!
☑ By learning growing web server technology, Nodejs, you can improve your skills, get a new job and you can build powerful, robust web applications.
☑ Learn the key concepts of the NodeJS
☑ Learn to create servers, and understand how it works
☑ Understand and use the Event Emitter
☑ Understand Buffers, Streams, and Pipes
☑ Learn routing with NodeJS
☑ Learn the most used, open-source document database, and NoSQL database aka MongoDB
☑ Logic behind the MongoDB data storage
☑ The most popular Object Data Modeling Library for MongoDB, Mongoose JS
☑ Learn to execute CRUD - write queries to create, read, update and delete operations
☑ Understand terminal commands for managing the database
☑ Advanced Features of MongooseJS
☑ The best testing framework for NodeJS, Mocha
☑ Learn how easy to use MongoD
☑ Learn the key concepts of the Express JS
☑ Express Route parameters
☑ Middleware & Static files
☑ Query Strings
Welcome to the "Full Stack React Native with NodeJS & ExpressJS " course.
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.
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.
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.
OAK Academy based in London is an online education company. OAK Academy gives education in the field of IT, Software, Design, development in English, Portuguese, Spanish, Turkish and a lot of different language on Udemy platform where it has over 1000 hours of video education lessons. OAK Academy both increase its education series number by publishing new courses, and it makes students aware of all the innovations of already published courses by upgrading.
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.
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,
Moving through the course without distractions
You'll also get:
Lifetime Access to The Course
Fast & Friendly Support in the Q&A section
Udemy Certificate of Completion Ready for Download
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!
What will we learn?
How To Get Help?
Github Complete Course Repo
React Native - Set Up For Windows
Free Tools For Windows
Windows Setup for React Native
How to Start Emulator In Android Studio
Android Emulator Setup Checklist
React Native - Setup For OSX
Free Tools for IOS
OSX Setup for React Native
Start the Emulator
MAC IOS Emulator Setup Checklist
React Native and Expo
React Native on Mobile Device
Expo CLI Project
React Native and JSX
How To Create An App
See Content on Emulator
Why Do We Need React and React Native?
ES6 Syntax ( Let, Const, Var )
How To Show Component on Device
How to Build Our First App
How To Connect A Component To The Root Component
Import A Component To Another Component
Styling For React Native
Styling with JSX
Displaying of Views
Header Component’s Styling
How To Reuse Code With Props System
API Request With React Native
How To Show a List To The User
The List Component
Func Component vs Class Based Component
When Do We Need Lifecycle Methods?
Making Request With Axios
State in React Native
What Is State And How To Initial State
Using of State
A Component’s Lifecycle With State
List Item Component
Styled Component for List Items
Usage of Props.Children
Layout With Flexbox
Introduction to the Flexbox
Section Header Component
How To Show An Image
User Interaction with React Native
How To Open Another App (Browser)
Router Expo CLI Project
Router Expo CLI Project
See The Content On A Device or Emulator
What Is Router And Installation
Setting Up a Router in Project
Rendering A List With FlatList
How Does FlatList Work
Giving the Key Prop
Route Different Screens
Book Detail Screen
Navigate Between Screens
Navigating from a Child Component
Data Transfer Between Screens
React Native Hooks and Context
Let's Meet Hooks and Context
Hooks and Context
Context API Project
Let's Create First Application
What is Context API and Why We Use It?
Context and Provider
Let's Access Context Data from TodoList Component
Accessing Context with Context Consumer
Updating Context Data
Creating Multiple Contexts
Consume Multiple Context
Consuming Multiple Contexts
Intro to Hooks
Let's Setup Hooks Project
useState with Forms
Hooks with Context
Consuming Multiple Context with useContext
Context With Functional Component
Creating Context with Functional Components
Hooks and Context
Adding New Todo with Hooks & Context
Adding a Reducer
Move useReducer Into Its Own File
What is Node and Express?
Installing Node JS
Node JS Globals
Module and Require
Module exports patterns
More about Event Emitters
Reading and Writing Files
Creating and Removing Directories
Clients & Servers
Streams and Buffers
Streams and Buffers
Serving JSON Data
Node Package Manager
Package Json File
Template Engines 2
Todo App (Part-1)
Todo App (Part-2)
Todo App (Part-3)
Todo App (Part-4)
What is MongoDB
OSX – Robomongo
Windows – Robomongo
Test Driven Experience
Last Setup Before the Project Start
Introduction to Project
Start to Project
Mongoose Connection Helper 1
Models of Mongoose
Start to test with Mocha
Creating and Saving Models
How we can drop collections?
isNew Property in Mongoose
The _id Property
Updating Records (1)
Updating Records (2)
$mul Operator as an example
Mongoose Validation (1)
Mongoose Validation (2)
Mongoose Validation (3)
Handling Relational Data
Test with Subdocuments
Adding New Subdocument
Virtual Types (1)
Virtual Types (2)
Developing Nested Resources
Using ref for associations