Welcome to Multiplatform Mobile App Development with react-native.
This course is the third course in
the specialization on Full Stack Web Development with React.
I'm glad you decided to join this course to learn about
React Native and Redux and the Expo SDK.
Let's learn the details of what will be covered in this course.
Before you embark on this course,
let me make sure that you have sufficient background to
be able to get the best out of this course.
First and foremost, you should have
a very good working knowledge of HTML and CSS without saying.
You should have a very strong working knowledge of JavaScript,
Specifically you should be very well versed with ES5 version of JavaScript.
Preferably you know some details about the ES6 version of JavaScript.
This course itself will make use of
the ES6 version of JavaScript with many of the newer features,
like arrow functions and classes.
You should also be well-versed with React and Redux.
Now, ideally you should have completed
the previous course in the specialization on front-end development with React.
That will prepare you very well for continuing with this course.
If not, you should have at least gathered
sufficient knowledge of React and Redux before you proceed with the course.
But again, your mileage may vary if you have not taken
the previous Front-End Web Development with React course.
This course itself will cover React-Native,
the UI elements of React Native,
and then we'll also look at React Native and Redux,
how the two interact and how we can set up
our react native application to make use of Redux.
We have already examined Redux in detail,
in the previous course on React,
and so this course will give just a quick overview of
Redux before we proceed onto integration of Redux with React Native.
Then you will also be exploring the Expo SDK platform,
as a way of being able to interact with the Native platform of your mobile device.
The course itself is organized into four modules,
each module typically corresponding to one calendar week.
In the first module,
we will introduce you to the basics of full-stack web development and an overview.
If you do not have knowledge of Git and Node,
you'd be quickly introduced to Git and Nod.
This is optional, if you have already studied
this as part of the previous courses, in this specialization.
Then you can jump into the introduction to React Native,
a lesson where we will cover
the basic introduction to React Native and then set up our React native application.
Then we will look at React Native components which are nothing but React components,
but we will specifically look at how we create UI using React native built-in components,
and also the the react-native elements node package.
We will then look at React native navigation.
In particular, about how React Native navigation supports mobile navigation paths.
This will take you all the way to the very first assignment of this course.
In the second module,
we'll explore the React native UI elements in more detail and also
look at setting up your React native application with Redux support.
So we will start out with Icon Fonts and Buttons
on how we can use them in your React Native application,
then we'll set up a Simple Server that will serve up the data that
our React Native application can make use of over a Rest API then we'll look
at introduction to Redux for React Native and there we will make use of
Redux to setup the Redux store and we'll
also be able to communicate with the server, using fetch.
Then we'll look at "Forms" and modals and how they are supported in
React Native and this should take you all the way
to the second assignment in this course.
The third module itself looks at react-native alerts,
then we'll look at animations and gestures and how we can use them in
a React Native application and then also how we can
persist the Redux store, using Redux persist.
So in this module we'll look at
swipe option buttons and how we can generate alerts in your React native application,
then we'll look at an animation support,
then gesture support in React native applications.
Then we'll look at how we can persist the Redux store using Redux Persist,
this should take you all the way to the third assignment in this course.
The final week, we'll look at how we can access
the device capabilities of your mobile devices,
the native device capabilities and this is where we will explore the Expo SDK and
how it supports various ways of accessing the native device capabilities.
We're looking to export SDK platform,
we'll look at how we can use the Secure Store that is supported by
Expo SDK to be able to store data in a secure manner on our device,
then we'll look at local notifications and how we can generate
local notifications and put them into the notification bar of your mobile device,
then we'll look at social sharing,
both sending out emails from within your application and
also sharing data to social media sites.
Then we'll look at how we can pick an image from the device,
either from the gallery or using the camera and we'll look at how we can
make use of the network info in order to recognize when the device is offline.
And finally, this should take you to the fourth assignment of this course,
then we'll look at how we can build and deploy our React Native application to a device.
This should come to the of course.
In the exercises in this course,
we will be developing this mobile application using React-native.
So in this mobile application we will explore various aspects of React Native and
use them to implement many of the features that you
see as part of this mobile application.
This will be used as a way of illustrating what you
learned in the concepts of React Native in this course.
Jogesh K. MuppalaAssociate Professor
