React Native Basics: Build a Currency Converter
Learn to Use Navigation, Setup Redux, Design Components, Work with a Remote API, and More
Have you been hearing about React Native a lot lately? Maybe you've seen how Facebook, Airbnb, Instagram, Tesla and hundreds of other companies and individuals are using it to create great user experiences while improving developer efficiency, writing once for both iOS and Android, and shipping faster.
React Native is quickly gaining popularity and demand. If you're interested in building mobile apps, either professionally or for a side project, it's time to learn React Native.
I’m Spencer Carli. I'm a developer, cat dad, and devout pizza lover.
I’ve been using React Native full-time since it was first open sourced by Facebook in 2015. I’ve built multiple apps, reached over 1.1 million developers through my React Native tutorials, taught thousands through my online courses, and trained teams of developers to effectively use React Native.
What Will I Build?
Todo list apps are great - they're a simple way to demonstrate a technology because everyone understands what a todo list is.
But building them can be boring. That's why we're not building a todo list.
Instead we'll work with a free API to build an app to quickly and easily convert many of the world's currencies.
LOL, what? Not exactly the normal demo app, right? I went with this example for a few reasons.
- [Selfish] I think currencies are interesting
- I surveyed hundreds of people on what they wanted to learn in regards to React Native. A currency converting app actually covers all of those topics really well
With that said, what will I learn in this course?
What Will I Learn?
This course is designed for people who want to go deep on all things related to building a React Native app (we literally start with nothing and finish with an app in the app store) but it's also designed for busy people. The course is broken down into a series of modules that you can use on their own. Each module is centered around a core concept. Such as:
- Building React Native components
- Redux Saga (to work with a remote API)
- Much more
Check out the class curriculum below to see exactly what's included! There are a few free previews that you're able to watch and they'll show you what you can expect.
PreviewModule Introduction (0:54)
StartInstalling Packages (2:47)
StartHome Screen: Container (11:25)
StartHome Screen: Logo (12:51)
StartHome Screen: Text Input (25:18)
StartHome Screen: Closing the Keyboard
StartHome Screen: Button (8:52)
StartHome Screen: Styled Text (6:57)
StartHome Screen: Header (10:10)
StartHome Screen: Avoiding the Keyboard (2:34)
StartHome Screen: Animating the Logo (19:53)
StartCurrency List Screen: FlatList (6:42)
StartCurrency List Screen: ListItem (21:41)
StartOptions Screen (11:12)
StartThemes Screen (10:59)
Is This for Me?
Yes. Duh. It's free!
Okay, let's be a bit more detailed on this. Let's say you're a:
Beginner: Absolutely. This course starts from the beginning and will help you set up your development environment, walk step by step through building the app, and introduce you to various APIs, components, and concepts you'll use in every React Native project.
Intermediate: For sure. Even on the more basic topics you might learn some tips and tricks that could save you time, help you write code faster, and just write better code! We'll also go in depth on more advanced topics that you'll want to know when building "real" apps (apps that you want to share with friends, employers, etc.)
Expert: This is the one group I can't make huge promises for. If you consider yourself an expert React Native developer you're likely familiar with the technologies covered in this course. You might be able to find some tips & tricks in here to save time but I think the real benefit you could get is via the official study group - it could be a great place to find partners/contractors/employees for your React Native related projects!
Why Is This Free?
That's a question I've asked myself a lot while building this course. :) It's a lot of work to build a course of this size!
The reality is that React Native has been a career changer for me (I teach people React Native full time now). I wanted to make a series to expose as many people as possible to React Native development and show them the entire development process.
That said, I do have an ask:
Share the course! I made the course to get React Native in front of as many people as I can. If you want to build apps with React Native, if you want your company to consider using React Native, if you want to hire React Native developers, the best thing we can do is expose more people to the technology! So email this course to your co-workers, share it with your Twitter followers, and get your Grandma up to speed with the next big wave in mobile development technology.