What background knowledge is necessary to enroll in the course?

While no specific background is required, it is recommended that you have a basic understanding of JavaScript and React, as the course builds on these technologies. If you're new to React, some foundational knowledge of how React works, including components, props, and state, will help you get the most out of this course.

How long does it take to complete the course?

The course includes approximately 11 hours of video content. Depending on your pace, you can expect to complete it in a few days to a few weeks, especially if you spend additional time practicing and building your own projects alongside the lessons.

Can I preview a course before enrolling?

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

When will I have access to the lectures and assignments?

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

What will I get when I enroll?

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.

When will I receive my Course Certificate?

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

Why can’t I audit this course?

This course is currently available only to learners who have paid or received financial aid, when available.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

React Native Fundamentals & UI Design

React Native Fundamentals & UI Design

This course is part of The Complete React Native Bootcamp 2026 Specialization

Instructor: Packt - Course Instructors

Included with

Learn more

6 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

6 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

Master mobile UI design with React Native and ensure responsiveness across platforms.
Build interactive, user-friendly mobile apps with React Native components and APIs.
Implement advanced state management using Redux and Redux Toolkit for seamless app functionality.
Create dynamic apps that handle user inputs, API interactions, and navigation smoothly.

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the The Complete React Native Bootcamp 2026 Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 6 modules in this course

This course features Coursera Coach!

A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This course will guide you through the essentials of building mobile applications with React Native, including creating stunning UI designs, understanding core components, and integrating APIs. You will develop the skills to design functional, visually appealing applications that work across both iOS and Android platforms. With a combination of practical coding exercises and UI design techniques, you will be well-prepared to build your own apps with React Native. The course begins with an introduction to React Native, the prerequisites for success, and setting up your development environment, including Expo Snack. As you move through the course, you'll gain hands-on experience with React Native's UI components, such as SafeAreaView, Text, and Buttons. You'll dive into more advanced topics like building responsive UIs using Flexbox, animations, and integrating APIs to fetch data. You'll also explore using Redux for state management, ensuring a smooth and consistent app experience. Your journey will take you through designing custom UI components like headers, buttons, and user avatars, building effective navigation systems, and handling user interactions. You’ll also learn to manage real-world app data with the help of APIs, Axios, and Redux. You’ll tackle real-world development challenges, making your apps truly functional. By the end of the course, you will have built a fully functional React Native app that incorporates all the features you’ve learned. This course is perfect for anyone interested in mobile development, UI design, and building applications using React Native. Whether you are a beginner or someone familiar with programming, this course will help you enhance your skills and prepare you for the app development industry. By the end of the course, you will be able to design responsive UIs, build applications with React Native, integrate APIs, manage global state with Redux, and navigate through apps with ease. You will also gain expertise in debugging and optimizing apps for better performance.

In this module, we will introduce you to React Native, its key features, and guide you through the setup process. You will learn how to configure your development environment and create your very first React Native application, testing it on both simulators and real devices.

What's included

10 videos2 readings

10 videosTotal 39 minutes

Introduction to Specialization2 minutes
Course Prerequisites2 minutes
What Is React Native1 minute
Introduction to Expo Snack2 minutes
Set Up Environment4 minutes
Create Your First App2 minutes
iOS Simulator (MacOS)3 minutes
Run App on Real Device4 minutes
Android Emulator (MacOS)11 minutes
Setup Environment Windows8 minutes

2 readingsTotal 20 minutes

Introduction to the Course 'React Native Fundamentals & UI Design'10 minutes
Full Specialization Resource10 minutes

In this module, we will cover the fundamental UI components and styling techniques in React Native. You will explore how to design interactive UIs using core components, handle user inputs, and build flexible, responsive layouts for different devices.

What's included

23 videos1 assignment

23 videosTotal 110 minutes

Explain Init Code4 minutes
SafeAreaView2 minutes
Text6 minutes
StyleSheet4 minutes
Images6 minutes
Buttons & Pressable & Touchable5 minutes
ScrollView3 minutes
Platform5 minutes
Loaders2 minutes
Views5 minutes
Margin & Padding6 minutes
Flex3 minutes
flex-direction7 minutes
flexWrap2 minutes
Positions3 minutes
Dimensions6 minutes
Responsive UI5 minutes
useState Hook7 minutes
Modal6 minutes
Expo Icons3 minutes
ImageBackground4 minutes
TextInput9 minutes
Create React Component10 minutes

1 assignmentTotal 15 minutes

UI & Core Components - Assessment15 minutes

In this module, we will delve into advanced UI design techniques and how to translate Figma designs into functional React Native components. You will practice building complex layouts and enhance your app's interactivity with animations and dynamic content rendering.

What's included

22 videos1 assignment

22 videosTotal 139 minutes

UI Mastering Introduction1 minute
Figma Design3 minutes
PNG vs SVG6 minutes
Intro Screen4 minutes
User Avatar6 minutes
Header Component5 minutes
Social Section11 minutes
Social Container5 minutes
Finish Contact Us Screen10 minutes
Home Screen Header4 minutes
Top Tabs12 minutes
Card Component with Dark Overlay13 minutes
FlatList with 2 Rows9 minutes
FlatList with Props5 minutes
Payment Screen Header4 minutes
Payment Method5 minutes
Payment Method Selected8 minutes
Payment List9 minutes
Bank Card Box6 minutes
Add Button3 minutes
Adding Animations5 minutes
Task Time4 minutes

1 assignmentTotal 15 minutes

UI Mastering Practice - Assessment15 minutes

In this module, we will teach you how to implement navigation within your React Native app. You'll learn how to use stack and bottom tab navigation to provide an intuitive user experience and manage route parameters with the useRoute hook.

What's included

5 videos1 assignment

In this module, we will focus on integrating APIs into your React Native app. You’ll learn how to make API requests, handle errors, and dynamically render fetched data within your app using components like FlatList and custom UI elements.

What's included

21 videos1 assignment

21 videosTotal 138 minutes

Create New App2 minutes
Create Custom API (Mock API)4 minutes
Axios7 minutes
Get Request & FlatList8 minutes
Get By Id Request4 minutes
Try Catch5 minutes
Delete Request5 minutes
Post Request9 minutes
Put Request5 minutes
Refactor and Create Home Screen for New Project4 minutes
Book Card15 minutes
Props7 minutes
APIs Functions6 minutes
Render Data in FlatList8 minutes
Delete Book6 minutes
Add Button UI & Modal9 minutes
CustomTextInput10 minutes
Save Button4 minutes
Create Book8 minutes
Edit Book13 minutes
Bug Fix1 minute

1 assignmentTotal 15 minutes

Working with APIs - Assessment15 minutes

In this module, we will introduce you to Redux and its role in managing global application state. You will learn how to create actions, reducers, and utilize Redux Toolkit for a more streamlined and efficient state management experience in React Native applications.

What's included

11 videos1 reading3 assignments

11 videosTotal 57 minutes

Redux is not that hard3 minutes
Why Redux is Useful4 minutes
Reducer Explained5 minutes
Create Store and Get Data From Global State8 minutes
Actions & useDispatch8 minutes
Payload5 minutes
Combine Reducers5 minutes
RootState3 minutes
Recap Redux & Task5 minutes
Redux Toolkit Store3 minutes
Redux Toolkit Reducer & Actions8 minutes

1 readingTotal 10 minutes

Conclusion to the Course 'React Native Fundamentals & UI Design'10 minutes

3 assignmentsTotal 90 minutes

Redux & Redux Toolkit 0 - Assessment15 minutes
Full Course Assessment60 minutes
Full Course Practice Assessment15 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Packt - Course Instructors

Packt

1,778 Courses511,404 learners

Offered by

Packt

Explore more from Software Development

Packt
Advanced React Native Techniques & Deployment
Course
Packt
Advanced Features & Application Development
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Unlock access to 10,000+ courses with a subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 4,700 global companies that choose Coursera for Business

Frequently asked questions

React Native is an open-source framework that allows developers to build mobile applications using JavaScript and React. It is highly relevant because it enables the development of cross-platform apps, meaning one codebase can work on both iOS and Android. This significantly reduces development time and effort while maintaining a high level of performance and user experience, making it a popular choice for mobile developers.

This course covers the fundamentals of React Native, focusing on building mobile applications using JavaScript and React. You’ll learn to work with core components, UI design, navigation, and how to integrate APIs. The course is structured to guide you through setting up your development environment, mastering UI design components, and even building real-world applications with Redux and API integration.

Upon completing the course, you will be proficient in using React Native to create cross-platform mobile apps. You will be able to design and implement responsive UIs, manage app state using Redux, integrate APIs, and handle app navigation. Additionally, you will have the knowledge to deploy your apps to real devices, test them, and troubleshoot common issues.

This course is designed for developers interested in building mobile applications using React Native. Whether you're a beginner in mobile app development or someone looking to expand your skills, this course will provide you with the tools and knowledge needed to create professional-quality apps. It’s also great for web developers familiar with React who want to transition into mobile development.