Build Cross Platform React Native Apps with Exponent and Redux
Learn how to use your existing JavaScript skills to build highly-performant native apps for both iOS and Android.
What you'll learn
In this course, you'll learn how to use your existing JavaScript skills to build native apps for iOS and Android. You don't even need to be a React expert to follow along! You'll learn how to get going with React Native with minimum development setup as we'll be using Exponent to help us get going very quickly. After building most of the app through Exponent, we'll move into a full-blown environment where you'll learn how to do platform targeting: building special features specifically for a specific platform while trying to achieve as much code reuse as possible. We also introduce Redux to the mix to help us encapsulate our state management in a very elegant manner. This course (and React Native) relies heavily on JavaScript 2015 features!
Table of contents
- What Is Exponent? 5m
- Running Exponent on Your Phone 3m
- A Clean Exponent App 3m
- Defining a Basic Project Structure 6m
- Creating a List of Todos 8m
- Creating and Styling the Todo Rows 9m
- Creating the Add Button 7m
- Introducing the Navigator Component 7m
- Creating a Form Component 10m
- Adding a New Todo 13m
- Deleting a Todo 9m
- Summary 2m
- What Is Platform Targeting? 3m
- Full-blown Environment Configuration 8m
- Migrating from Exponent into a Full-blown Project 11m
- How to Split a Component to Render Differently in iOS and Android 9m
- Add a Swipe-out Effect on the TaskRow for the iOS Platform 10m
- Add an Image on the TaskRow for the Android Platform 4m
- Animate the TaskRow Component 8m
- Recap 2m
About the author
Hendrik kicked off his career in 2000 installing MS Outlook on PCs in coal mines throughout South Africa. Seriously. He had to wear a hard hat and everything. Luckily he got his foot into the door at a company that allowed him to play around with code. At a desk. Without a hard hat. In his day job Hendrik is a full stack coder from Cape Town, but at night he is a closet designer - meaning, a graphic designer too scared to share it with everyone, not someone that designs closets. For a large part... more