Course Classes

React Native for beginners by The Net Ninja

How do you rate this course?

1

2

3

4

5

Vídeos

Outros

0h08m

React Native Tutorial #1 - Introduction

Hey gang, and welcome to your first React Native tutorial for beginners. In this series we'll go from novice to ninja and create a React Native app from scratch. irst though, we'll get set up and talk about what React Native actually is.
Support The Net Ninja on Patreon - https://www.patreon.com/thenetninja
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h18m

React Native Tutorial #2 - Creating a React Native App

Hey gang, in this React Native tutorial we'll talk about the different way to create aReact Native app, and use Expo to create ours. I'll also show you how to run the app on a real device

0h09m

React Native Tutorial #3 - Views, Text

Hey gang, in this React Native tutorial for beginners we'll take a look at 2 buil-in components - the View component and the Text component. We'll also see how to create a "stylesheet" in React Native too, to style our components.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial/tree/lesson-3

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h09m

React Native Tutorial #4 - Using State

Hey gang, in this React Native tutorial I'll show you how we can use tate in our components. This is very similar to how we would use state in a standard React web app.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h08m

React Native Tutorial #5 - Text Inputs

Hey gang, in this React Native tutorial we'll take a look at capturing user input by using Text Input components. These come baked into the React Native library.
https://facebook.github.io/react-native/docs/textinput
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h07m

React Native Tutorial #6 - Lists

Hey gang, in this React Native tutorial we'll talk about how to display lists of data in our apps. To do this we also need to look at a component called ScrollView, which allows us to scroll through long lists that are bigger than the area available on the screen
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h07m

React Native Tutorial #7 - Flat List Component

Hey gang, in this React Native tutorial we'll take a look at another way to output lists of data - using the FlatList component.

----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h07m

React Native Tutorial #8 - Touchable Components

Hey gang, in this React Native tutorial we'll see how to create touchable components, and wrap them around other components so that they can be pressed (much like a button component).
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h12m

React Native Tutorial #9 - Todo App (part 1)

Hey gang, in this React Native tutorial we'll start our first project - a simple todo app - which will bring together everything we've learnt so far, plus a few other things too.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h08m

React Native Tutorial #10 - Todo App (part 2)

Hey gang, in this React Native tutorial we'll carry on with the todo list app we started in the last lesson.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h13m

React Native Tutorial #11 - Todo App (part 3)

Hey gang, in this React Native tutorial we'll finish up the Todo app by adding a form to add new todos to the list.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h04m

React Native Tutorial #12 - Alerts

Hey gang, in this React Native tutorial we'll take a look at alert boxes and how to use them in our app.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h04m

React Native Tutorial #13 - Dismissing the Keyboard

----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h18m

React Native Tutorial #14 - Flexbox Basics

Hey gang, in this React Native tutorial we'll take a look at Flexbox, which can be used to layout the different components in our app.

Flexbox course - https://www.youtube.com/playlist?list=PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h07m

React Native Tutorial #15 - Icons

Hey gang, in this React Native tutorial we'll take a look at icons

0h08m

React Native Tutorial #16 - Starting the Reviews App

Hey gang, in this React Native tutorial we'll start to create our second app of the series - the Game Reviews app.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h11m

React Native Tutorial #17 - Custom Fonts

Hey gang, in this React Native tutorial we'll be looking at how to use custom fonts in our project.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h05m

React Native Tutorial #18 - Global Styles

Hey gang, in this React Native tutorial we'll apply some global styles to our components in an external "styleseet".
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h05m

React Native Tutorial #19 - React Navigation Setup

Hey gang, in this React Native tutorial we'll take a first look at navigation in React Native and talk about how a simple stack navigaor works. We'll also set up react navigation in our app.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0

0h12m

React Native Tutorial #20 - Stack Navigator

Hey gang,in this React Native tutorial we'll take a look at stack navigators and set one up in our app.
----------------------------------------

????????? ????????? Course Links:

Course files - https://github.com/iamshaunjp/react-native-tutorial

????????? ????????? Other Related Courses:

Complete React Tutorial - https://www.youtube.com/watch?v=OxIDLw0M-m0