Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off

One annual plan covers every course and certificate on Coursera. 40% off for a limited time.

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.

Syllabus

React Native | Getting Started

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.

UI & Core Components

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.

UI Mastering Practice

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.

Navigation & Bottom Tabs

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.

Working with APIs

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.

Redux & Redux Toolkit

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.