The Complete React Native Mobile Apps Development

What you'll learn
Real-world projects: Build real-world projects to apply and reinforce the concepts learned
Building UI: Learn how to design and create user interfaces using React Native components.
APIs & Data: Integrate APIs and handle data within the app.
Debugging & Deployment: Debug code and deploy the app to app stores.
Requirements
Basic programming knowledge: Understanding of programming concepts such as variables, loops, functions, and arrays.
Familiarity with JavaScript: A solid understanding of JavaScript is a must for React Native development.
Experience with React: Familiarity with React and its concepts such as components, state, and props.
Development environment: A computer set up with a code editor, development tools, and a simulator or emulator for testing the app.
Understanding of mobile app development: Basic understanding of mobile app development and the app development lifecycle.
Description
This course is an introduction to React Native, Facebook's JavaScript framework for building mobile applications. Using your existing knowledge of JavaScript and React, you'll be able to build and deploy fully featured mobile applications for both iOS and Android that truly render natively. Just because it's JavaScript doesn't mean we should settle for less. There are plenty of advantages to working with React Native over traditional means of mobile development, and we don't need to sacrifice the native look and feel.We'll start with the basics, and work our way up to deploying a full-fledged application to both the iOS App Store and the Google Play Store, with 100% code reuse between the two platforms. In addition to the essentials of the framework, we'll discuss how to work beyond it, including how to make use of third-party libraries and even how to write your own Java or Objective-C libraries to extend React Native.If you're coming to mobile development from the perspective of a frontend software engineer or web developer, this is the course for you. React Native is a pretty amazing thing, and I hope you're as excited to explore it.PrerequisitesThis course is not an introduction to React, in general. We'll assume that you have some working knowledge of React. If you're brand new to React, we suggest reading through a tutorial or two before coming back to take the plunge into mobile development. Specifically, you should be familiar with the role of props and state, the component lifecycle, and how to create React components.Chapter1. What Is React Native?React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. It's based on React, Facebook's JavaScript library for building user interfaces, but instead of targeting the browser, it targets mobile platforms.Chapter 2. Working with React NativeIn this chapter, we'll cover the "bridge," and review how React Native works under the hood. Then, we'll look at how React Native components differ from their web counterparts, and cover what you'll need to know in order to create and style components for mobile.Chapter 3. Building Your First ApplicationIn this chapter, we will cover how to set up your local development environment for working with React Native. Then, we will go through the basics of creating a simple application, which you will then be able to deploy to your own iOS or Android device.Chapter 4. Components for MobileIn this chapter, we will take a closer look at the mobile-based components used for React Native, and how they compare to basic HTML elements. Mobile interfaces are based on different primitive UI elements than web pages, and thus we need to use different components.Chapter 5. StylesIt's great to be able to build functional applications, but if you can't style them effectively, you won't get very far! In Chapter 3, we built a simple weather application with some basic styles. While this gave us an overview of how to style React Native components, we glossed over many of the details. In this chapter, we will take a closer look at how styles work in React Native. We'll cover how to create and manage your stylesheets, as well as the details of React Native's implementation of CSS rules. By the end of this chapter, you should feel comfortable creating and styling your own React Native components and applications.Chapter 6. Platform APIsThis chapter covers some of the available platform APIs. For our example, we'll make some modifications to the Weather application from earlier. We'll add geolocation to the app, so that it detects the user's location automatically. We will also add "memory" to the app, so it will remember your previously searched locations. Finally, we'll use the camera roll to change the background image to one of the user's photos.Chapter 7. ModulesIn Chapter 6, we looked at some of the APIs that React Native exposes for interacting with the host platform. Things like the camera roll and geolocation are platform-specific, but React Native exposes interfaces for them for our convenience. Because support for those APIs is built into React Native, they're quite easy to use. What happens when we want to use an API that isn't supported by React Native? In this chapter, we'll look at how to install modules written by members of the React Native community using npm. We'll also take a closer look at one such module for iOS, reactnative video, and learn how the RCTBridgeModule can allow you to add JavaScript interfaces to existing Objective-C APIs. We'll also look at importing pure JavaScript libraries into your project, and how to manage dependencies.Chapter 8. Debugging and Developer ToolsAs you develop your own applications, chances are that something will go wrong along the way. When it's time to debug your applications, we happily have some React Native specific tools that will make the job easier. There are also some nasty bugs that can crop up at the intersection of React Native and its host platform, which we'll take a look at, too. In this chapter, we'll dig into common pitfalls of React Native development, and the tools you can use to tackle them. And because any discussion of debugging would be incomplete without reference to testing, we'll also cover the basics of getting automated testing set up for your React Native code.Chapter 9. Putting It All TogetherNow that we've covered many of the pieces you'll need to build your own React Native applications, let's put everything together. Up until now, we've mostly dealt with small examples. In this chapter, we'll look at the structure of a larger application. We'll cover the use of Reflux, a library for unidirectional dataflow based on the Flux model. We'll also see how we can use the Dimensions API to scale text to accommodate different screen sizes. Finally, we'll end with some homework: tasks that you can undertake to see what it's like to build out more features in an existing React Native codebase.Chapter 10. Deploying to the iOS App StoreNow that you have a totally awesome application, you'll want to get it into the hands of your users. This process will vary by platform. In this chapter, we will focus on the detailed steps for uploading an application to the iOS App Store.
Overview
Section 1: Introduction
Lecture 1 Introduction
Section 2: What Is React Native
Lecture 2 What is React Native
Section 3: Working with React Native
Lecture 3 Working With React Native
Lecture 4 React Native Views
Lecture 5 Using JSX
Lecture 6 Host Platform API
Section 4: Building Your First Application
Lecture 7 Building Your First App
Lecture 8 Setting up Environment
Lecture 9 Creating New Application
Section 5: Components for Mobile
Lecture 10 Components for Mobile,HTML Elements and Native Components
Lecture 11 The Image Component
Lecture 12 Using Touchable Highlight
Lecture 13 The GestureResponder System
Lecture 14 Pan Responder
Lecture 15 Using ListView
Lecture 16 Other Organizational Components
Lecture 17 Other Organizational Components -II
Lecture 18 When to Use Platform-Specific Components
Section 6: Styles
Lecture 19 Styles
Lecture 20 StyleSheet
Section 7: Platform APIs
Lecture 21 Platform APIs
Lecture 22 Limitations
Lecture 23 Displaying A List Of Photos
Lecture 24 Smarter Weather App
Section 8: Modules
Lecture 25 Modules
Lecture 26 Video Component
Lecture 27 Video Component - II
Lecture 28 Implementation of RCT Videos
Lecture 29 Native Modules For Android
Lecture 30 Java Native Module
Lecture 31 Linear Gradiant
Section 9: Debugging and Developer Tools
Lecture 32 Debugging & Developer Tools
Lecture 33 JavaScript Debugger
Lecture 34 Debugging beyond JavaScript
Section 10: Putting It All Together
Lecture 35 Putting It All Together
Lecture 36 Project Structure, Component Hierarchy
Lecture 37 Data Flow Architecture Reflux and Flux
Section 11: Deploying to the iOS App Store
Lecture 38 Deploying to the iOS App
Lecture 39 Set Schema For Release
Lecture 40 Creating An App In iTune Connect
Web developers: Web developers who want to expand their skills to mobile app development using React Native.,Mobile app developers: Mobile app developers looking to learn a new cross-platform development framework.,Any individual looking to improve their skills in mobile app development: Whether you're a beginner or have experience in mobile app development, this course can help you enhance your skills and knowledge in React Native.


Homepage