I'm really happy with how our application is coming along. I like our design, I think you're learning a lot along the way on how to build React Native mobile applications.
In this guide, we're gonna see how we can start making our form dynamic.
Now that we have our initial authentication screen, it's time to start learning how we can work with forms inside React Native.
Now that our TextInput component is functional and we can set and retrieve the value, let's start to add some styles and we're actually gonna start adding some styles to this entire screen and it's gonna start to look a lot more like a form by the end of this video, so let's get started.
Now that we've walked through how we can create our first text element which is our first form element for our email, now we can get into how we can use the password field and there're gonna be a few small changes that we're going to do in order to get this up and running.
Now that we have our two inputs implemented correctly, so we have a password field and we have an email field, now it's time for us to perform a small refactor.
This is gonna be a pretty short guide because we are simply going to install a couple packages that we're going to start using over the next few videos.
In this guide, we're gonna see how we can manage our data as we go through this project.
Now that we have some sample data, we're going to extend the functionality of our application so that it has the ability to communicate with the outside world. It's going to make outside API calls and then it's going to give us the ability to see if a user is who they say they are.
Before we continue to build out the rest of our authentication system, I wanna take a quick aside in this guide and show you how to fix some warnings that you might see as you're building out your applications.
In this guide, we're gonna build what is called a API utility helper function.
I really like how our authentication system is coming along. It has the right type of logic and you're learning a lot along the way.
In this guide, I wanna walk you through how you can upgrade the Expo CLI Node package.
I'm really excited about this guide and I want to warn you this one is going to be a little bit longer but it is for a very good reason.
In this guide, we're going to walk through how we can now apply that status bar height to our header styles.
This is going to be a really fun guide. In this lesson, we're going to see how we can extend the functionality of our registration system, so we can actually create users.
Now that we have our registration process working properly, now let's see how we can add some more helpful error handling into our application.
Since that last guide was pretty advanced, it was challenging and it took a while, I wanted to give you a little bit of a break in this guide.
So far in this section, we've been building out our authentication system, we've created a form that has the ability to be a login form and a registration form. We've added styles and we walk through a number of features of React Native and Expo to see how we can build out that functionality, including being able to redirect users when they have successfully logged in or they've registered.
devCamp does not support ancient browsers.
Install a modern version for best experience.