In this course you will learn how to build mobile applications on the iOS and Android platforms. You will use React Native, a popular framework produced by Facebook. Do you want to build mobile apps? If so, this course is just right for you!
I built this course with the mindset that learning something new with programming happens best when you actually start coding. Therefore, the discussions about the concepts of React Native will be supplemented by you building three great example applications. Through each one, you will learn the fundamentals of creating components, how to interact with online systems, as well as creating a platform with authentication.
This course also comes with tutorials on the installation of the React Native environment and deployment of a React Native application to the App Store. Overall, it should take around 4 hours to complete.
Ultimately, React Native proves so popular because of its efficiency and elegance. So you should take this course if you would love to learn how to make mobile applications quickly and effectively. Let’s get started!
We will install the React Native environment together and refer to the official documentation. Check resources.
We will start simulating the Android version of a React Native application. We will refer to the official page on Android Setup; check resources.
Let's create our first component and discover the secret to updating both our iOS and Android applications at the same time.
Let's personalize our React Native application.
We'll explore in great detail two essential components of Flexbox: Flex and FlexDirection.
Let's de-mystify the JustifyContent and AlignItems style properties of Flexbox.
We'll start creating our second customized component: a list of tasks.
Let's take a brief interlude to really understand the proper way to update state in React Native.
We'll start to make our application more complex and add a second method to complete our tasks.
We'll learn about efficiently using our previous components and re-applying them to add more functionality with a complete list of tasks.
Let's add one more method to completely delete tasks from our application.
Finally, we'll start exploring one of the most exciting features of React Native: Async Storage! Let's use this component to use the local storage of our users' devices.
This video makes addresses that crucial run-time error where the most recent update to state does save in our AsyncStorage. Watch this video to fix ToDoMaster and learn about the componentDidUpdate life-cycle method.
We will start exploring how we can use a public API to add data and extend the utility of our applications. Check resources for the Eventbrite page.
Let's use the fetch method and some ES6 to get our application interacting with the API.
In this video we will begin adding another package to our EventExpert project to handle Eventbrite's API update. The venue.city method is now deprecated, so as a solution, we'll combine our eventbrite API with googleMaps to have everything working as originally planned!
In this video we implement and code the actual method that combines the googleMaps and eventbrite API's to return a list of events.
Let's take advantage of React Native's built-in ListView component to render out dynamic list of events from our API.
Let's make our ListView component look good and explore some more React Native styling.
We will craft our own form to allow users to search events according to their own inputs.
We will dive into one of the most fundamental aspects of React Native applications: the Navigator component. Let's explore this very useful feature to start transitioning between pages!
Let's solidify the difference between Props and State when thinking about the data available to specific components.
Let's create a component that acts as a template for unique data depending on what the user selects!
Let's explore another great React Native component: Linking.
We will re-create one of the most convenient and versatile React Native components: the Navigator.
Let's explore Firebase - Google's cloud based service for authentication and backend hosting. Check resources.
Let's create a form that handles relevant user inputs: email and password.
We will implement the actual methods for signing in to and signing up for our React Native - Firebase application!
Let's use a ListView component to display our customized array of topics.
Let's add a signing out method to our application by using another Firebase method.
Let's add some personalization to our application by allowing users to pick their own username!
Let's connect our list to Firebase so that we only display user-generated data!
We will implement a helper method to allow our users to add topics to our FIrebase database.
Let's create a new template that allows the user to see more details of the topic that they select!
How about we extend the usefulness of our growing user network and add a commenting feature for each topic!
Let's add one of the most fundamental features of an authentication-based application: a password reset function.
This lesson will help anyone trying to release their React Native application to the App Store.
This lesson will walk anyone through generating an .apk file for releasing their React Native application to the Google Play store.
Hi! I’m David. I spend most of my time building applications and coding tutorials. Currently, I study computer science at the University of San Francisco. I have also had software engineering internships at Zendesk and at a tech education startup called MVCodeClub.
I love sharing the knowledge that I have gained from my experience with other people. I have spent a fair bit of time working as a coding instructor. Because of this, I’ve learned how to explain advanced programming concepts in a clear and understandable way. There's no better feeling than when a students gets that "aha" moment.
Please don’t hesitate to reach out to me! Whether you want to chat, or work on something meaningful, please let me know!