4.8
stars
61 ratings

Taught by Meta Staff

6,556 already enrolled

Offered By

About this Course

132,377 recent views

React Native is an open-source framework for building cross-platform applications (apps) using React and the platform’s native capabilities. In this course, you will move from the basics of React to a more advanced implementation using React Native. You’ll review a wide range of different React components and ways of styling them. And you’ll get to practice using different mobile methods of interactivity with React Native.
Some of the basics skills you will learn include:
•	Building a single-page React Native app and styling it using basic components
•	Building large lists and configuring user inputs within a React Native app
•	Using the Pressable component to build buttons and other clickable areas
•	Setting up an app with React Navigation and moving between screens

You’ll gain experience with the following tools and software: 
•	React
•	React Native
•	Front End development languages (HTML, CSS and JavaScript)
•	JSX
•	Code editing programs, such as Expo and Visual Studio Code

This course is for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you will need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Intermediate Level

Learners need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

Approx. 38 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Skills you will gain

React (Javascript Library)
React
Application development
Mobile Development

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Intermediate Level

Learners need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

Approx. 38 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Instructor

Instructor rating

4.73/5 (21 Ratings)

Taught by Meta Staff

295,888 Learners

71 Courses

Offered by

Syllabus - What you will learn from this course

Content Rating97%(1,189 ratings)

Week1

Week 1

9 hours to complete

Introduction to React Native

9 hours to complete

18 videos (Total 75 min), 21 readings, 8 quizzes

18 videos

Introduction to the course3mWhat is React Native?6mNative, cross-platform & hybrid developer roles4mMeet a cross-platform developer3mReact Native Development Environment Overview2mReact Native with Expo4mHow is React Native used in the real world?3mReact Native Code2mWhat is Expo?4mWhat are React Native Components?5mBuilding a component4mWhat are View and Text Components?3mUsing the View and Text Components5mWhat is the ScrollView Component?4mUsing the ScrollView Component5mStyling Components using StyleSheet3mPractical Styling5mModule summary: Introduction to React Native2m

21 readings

Course syllabus15mHow to be successful in this course10mAdditional resources5mBenefits of React Native6mBuilding React Native apps with Expo5mAdditional resources3mExploring building a component10mExercise: Your first React Native component30mSolution: Your first React Native component30mAdditional resources5mExplore the View and Text Components10mExercise: Build a React Native screen30mSolution: Build a React Native screen30mExplore the ScrollView Component15mExercise: Build a scrollable component30mSolution: Build a scrollable component30mAdditional resources5mStyling using StyleSheet15mExercise: Style a component30mSolution: Style a component30mAdditional resources5m

8 practice exercises

Knowledge check: Introduction to React Native15mSelf review: Your first React Native component9mKnowledge check: React Native Components15mSelf review: Build a React Native screen9mSelf review: Build a scrollable component9mKnowledge check: Views, Text and Scrollable components15mSelf review: Style a component9mModule quiz: Introduction to React Native30m

Week2

Week 2

10 hours to complete

Lists and Text Input in React Native

10 hours to complete

12 videos (Total 57 min), 18 readings, 9 quizzes

12 videos

Rendering large lists using FlatList component3mUsing the FlatList component4mFlatList Methods5mRender large lists by sections using SectionList4mUsing the SectionList component5mWhat is the TextInput component?4mConfigure the TextInput Component4mVirtual Keyboard on Mobile Apps4mHandling the Virtual Keyboard5mPassing props to TextInput Component5mUsing TextInput Methods5mModule summary: Lists and Text Input in React Native3m

18 readings

Explore the FlatList Component15mExercise: Render a large list using FlatList30mSolution: Render a large list using FlatList30mAdditional resources5mExplore the SectionList Component20mExercise: Render a large list using SectionList30mSolution: Render a large list using SectionList30mAdditional resources10mTextInput Component and its Features20mExercise: Create a TextInput Component30mSolution: Create a TextInput Component30mTips and Tricks to handle the virtual keyboard20mAdditional resources15mCommon props of TextInput component30mExercise: Create a login page30mSolution: Create a login page30mTextInput Methods15mAdditional resources5m

9 practice exercises

Self Review – Render a large list using FlatList9mKnowledge check: Render large lists with FlatList15mSelf review: Render a large list using SectionList9mKnowledge check: Render large lists with SectionList15mSelf review: Create a TextInput Component9mKnowledge check: Accept user input15mSelf review: Create a login page9mKnowledge check: Props and methods in TextInput15mModule quiz: Lists and Text Input in React Native30m

Week3

Week 3

8 hours to complete

Pressable, Images and Hooks in React Native

8 hours to complete

12 videos (Total 45 min), 15 readings, 7 quizzes

12 videos

What is the Pressable Component?5mUsing Pressable Component5mDisplaying Images in React Native4mUsing Image Component2mStyling an Image within the app3mPassing props to the Image Component5mSetting Background Images3mWhat are hooks ?2mUsing useColorScheme hook3mUsing useWindowDimensions hook2mUsing other community hooks3mModule summary: Pressable, Images and Hooks in React Native1m

15 readings

Exploring Pressable20mExercise: Create a clickable text area with Pressable30mSolution: Create a clickable text area with Pressable30mAdditional resources25mExploring the Image Component15mExploring props to the Image Component30mExercise: Displaying Images in your app30mSolution: Displaying Images in your app30mAdditional resources5mExploring the useColorScheme hook20mExplore the useWindowDimensions hook15mExploring other community hooks10mExercise: Hooks in React Native30mSolution: Hooks in React Native30mAdditional resources5m

7 practice exercises

Self review: Create a clickable text area with Pressable9mKnowledge check: Pressable Component15mSelf review: Displaying Images in your app9mKnowledge check: Images in React Native15mSelf review: Hooks in React Native15mKnowledge check: Hooks in React Native15mModule quiz: Pressable, Images and Hooks in React Native30m

Week4

Week 4

9 hours to complete

React Navigation

9 hours to complete

14 videos (Total 52 min), 18 readings, 9 quizzes

14 videos

What is React Navigation?5mSetting up React Navigation2mUsing the Stack.Navigator4mApproaches to Passing Props to Screen2mMoving to a New Screen4mMoving Between Screens2mGoing Back to Previous Screen3mConfiguring a Header Bar5mWhat is Tab Navigation?4mTab Navigation Example3mCustomizing your tab navigator3mWhat is Drawer Navigation?3mDrawer Navigation Example4mModule summary: React Navigation2m

18 readings

Installation and Setup of React Navigation20mCreating and Configuring Native Stack Navigator15mPassing props to Screen10mExercise: Set up Routes30mSolution: Set up Routes30mAdditional resources5mNavigating to a Screen15mExercise: Moving between screens30mSolution: Moving between screens30mAdditional resources5mExploring Tab Navigation6mExercise: Configure Tab Navigation30mSolution: Configure Tab Navigation30mAdditional resources5mExploring Drawer Navigation10mExercise: Configure Drawer Navigation30mSolution: Configure Drawer Navigation30mAdditional resources5m

9 practice exercises

Self review: Set up Routes9mKnowledge check: Introduction to React Navigation15mSelf review: Moving between screens9mKnowledge check: Moving between screens15mSelf review: Configure Tab Navigation9mKnowledge check: Tab Navigation15mSelf review: Configure Drawer Navigation9mKnowledge check: Drawer Navigation15mModule quiz: React Navigation30m

Reviews

4.8

16 reviews

5 stars
80.95%
4 stars
14.28%
3 stars
3.17%
2 stars
1.58%

TOP REVIEWS FROM REACT NATIVE

by SSNov 25, 2022

its an excellent and in detail course if you are beginner in mobile app development highly recomended

by IGMar 22, 2023

Really good course. Very well-organized and thoroughly scheduled with contents let it be videos reading material quizes labs

by AFDec 17, 2022

It was a little slow moving, but that actually turned out to make it much easier to absorb - it covered all of the key stuff to quickly start coding using React Native. I would recommend.

by ZKFeb 22, 2023

thisi is an amzing course with advance content and instructor have a good communicaton skills . a great journey ended with this course

View all reviews

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Certificate?
When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

More questions? Visit the Learner Help Center.

Build employee skills, drive business results

Discover Coursera for Business

React Native

About this Course

Skills you will gain