Did you tire of learning JAVA, Swift, Kotlin different programming languages?
Will it be much better if just learn one language and then can build for both Android and iOS?
React Native is what you need!!
But what is React Native? In a nutshell react native allows use the react library to create native
mobile apps for Android and iOS devices.
It is a really good option for developers that want to create some kind of mobile app who are already comfortable with react
It definitely recommends that you already understand the core principles of react like functional
components state props
We do have a complete react course on this platform, feel free to check that out
In this course, you will learn some basic React and also extend this to React Native. We will build a todo app to reinforce what we learnt in the previous lectures.
What you will learnt
- How to run the app in iOS and Android emulator
- How to use React Native components
- How to use the useState to add dynamic content
- How to use the TextField to change state
- The difference between List and FlatList
- What is the Touchable Component?
- What is the TouchableWithoutFeedback
- How to dismiss the keyboard with Keyboard component?
- Create an todo application which used all the knowledge that we learnt.
Create Todo Application
-
1Introduction
-
2Run the app on emulator
In this lecture, we are going to talk about how to run the Expo React Native app on the emulator.
-
3Expo folder structures
In this lecture, we are going to walk through the folder and files of the Expo project.
-
4React Native core component and Style
In this lecture, we are going to talk about some of the basic components that in react native, particularly the view, text and also the stylesheet.
-
5React Native React Hook
In this lecture, we are going adding state so that we can output some dynamic content to the screen.
-
6Use TextInput field to change state
In this lecture, we are going to talk about how to add a text input field so the user can type in something into that input field.
-
7List view
In this lecture , we are going to talk about lists in react natives. For example we have a list of data and we want to output that list of data in a react native component.
-
8FlatList
In the previous lecture,we have seen one way of outputting a list to the screen using the map function on an array and then returning some JSX for each todo. Flatlist is another way to output lists which a lot of people see as better
-
9Touchable
In this video, we are going to use something called a “Touchable” component to attach the press event
-
10More on spread operator
In this lecture, we will use the spread operator to get the effect that when property “completed” become, item will turn green, otherwise it stay on deep pink.