React Native in 7 Steps

Course

Online

£ 10 VAT inc.

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Get started with React Native development for iOS and Android with a single code base written in JavaScriptReact Native is a cross-platform application development framework built by engineers at Facebook. React Native will help you to get out of the pain of maintaining a Swift and Java code base by learning once and applying it anywhere.With the help of React Native, you’ll be able to create visually stunning and high-performing applications. This course will get you started with React Native quickly by building React components for mobile devices. You’ll learn to configure Firebase to store your data while coding your applications. You’ll be able to hot-reload applications and see the changes you’ve made without re-compiling your application again and again.By the end of this course, you’ll be able to develop highly functional iOS and Android applications on your own and deploy them to both the Apple App Store and the Google Play Store.About The AuthorChristopher Reyes is a software engineer in Southern California with a BSc in Computer Information Systems, specializing in software development. He has multiple years of experience working across diverse technologies, including proprietary programming languages, and full stack JavaScript.Chris has experience on the back end with Node.js developing RESTful APIs with TypeScript, and exposing data through GraphQL and Apollo, alongside utilizing React on the front end. Chris has deployed React Native to develop versatile mobile applications that can be utilized across multiple devices and platforms. Chris has mostly worked in the financial sector and has also freelanced for a telematics company. Chris is passionate about test-driven development and writing clean code.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Build cross-platform native iOS and Android application development with React Native
Style and design your application using React Native
Discover state and prop management
Navigate between screens and create reusable components
Work with Android Studio and X-code for React Native
Message in real-time with Firebase and React Native
Work with HTTP requests and local storage with React Native
Submit your application to PlayStore and AppStore

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Options
  • Benefits
  • Database
  • Database training
  • Project
  • Application Development
  • Install

Course programme

Getting Started with React Native 6 lectures 24:48 The Course Overview This video will give you an overview about the course. Setting Up Your Development Environment The aim of this video is to configure a local environment for React Native development.
  • Install and configure packages for development
  • Set up firebase as a data source
  • Begin developing application
Introduction to the React Native Ecosystem The aim of this video is to introduce different libraries that will be utilized for application development in the React Native ecosystem.
  • Familiarize audience with React Native ecosystem
  • Explain the benefit of libraries to expedite development
  • Explain the usage of libraries
Setting Up Your Firebase Account This video introduces Firebase and explains the benefits for React Native development.
  • Setup Firebase account
  • Explain Firebase console
  • Review Firebase package for React Native
Setting Up a Database in Firebase The aim of this video is to setup datasource for app development.
  • Explain use of database for application being developed
  • Create sample data structure for database
  • Walk user through setting up a sample database
Setting Up a React Native Project In this video, you will learn to setup React Native project.
  • Install react-native-cli for project setup
  • Examine application structure
  • Run Code and make modification
Getting Started With React Native - Quiz Getting Started with React Native 6 lectures 24:48 The Course Overview This video will give you an overview about the course. Setting Up Your Development Environment The aim of this video is to configure a local environment for React Native development.
  • Install and configure packages for development
  • Set up firebase as a data source
  • Begin developing application
Introduction to the React Native Ecosystem The aim of this video is to introduce different libraries that will be utilized for application development in the React Native ecosystem.
  • Familiarize audience with React Native ecosystem
  • Explain the benefit of libraries to expedite development
  • Explain the usage of libraries
Setting Up Your Firebase Account This video introduces Firebase and explains the benefits for React Native development.
  • Setup Firebase account
  • Explain Firebase console
  • Review Firebase package for React Native
Setting Up a Database in Firebase The aim of this video is to setup datasource for app development.
  • Explain use of database for application being developed
  • Create sample data structure for database
  • Walk user through setting up a sample database
Setting Up a React Native Project In this video, you will learn to setup React Native project.
  • Install react-native-cli for project setup
  • Examine application structure
  • Run Code and make modification
Getting Started With React Native - Quiz The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. This video will give you an overview about the course. This video will give you an overview about the course. Setting Up Your Development Environment The aim of this video is to configure a local environment for React Native development.
  • Install and configure packages for development
  • Set up firebase as a data source
  • Begin developing application
Setting Up Your Development Environment The aim of this video is to configure a local environment for React Native development.
  • Install and configure packages for development
  • Set up firebase as a data source
  • Begin developing application
Setting Up Your Development Environment The aim of this video is to configure a local environment for React Native development.
  • Install and configure packages for development
  • Set up firebase as a data source
  • Begin developing application
Setting Up Your Development Environment The aim of this video is to configure a local environment for React Native development.
  • Install and configure packages for development
  • Set up firebase as a data source
  • Begin developing application
The aim of this video is to configure a local environment for React Native development.
  • Install and configure packages for development
  • Set up firebase as a data source
  • Begin developing application
The aim of this video is to configure a local environment for React Native development.
  • Install and configure packages for development
  • Set up firebase as a data source
  • Begin developing application
Introduction to the React Native Ecosystem The aim of this video is to introduce different libraries that will be utilized for application development in the React Native ecosystem.
  • Familiarize audience with React Native ecosystem
  • Explain the benefit of libraries to expedite development
  • Explain the usage of libraries
Introduction to the React Native Ecosystem The aim of this video is to introduce different libraries that will be utilized for application development in the React Native ecosystem.
  • Familiarize audience with React Native ecosystem
  • Explain the benefit of libraries to expedite development
  • Explain the usage of libraries
Introduction to the React Native Ecosystem The aim of this video is to introduce different libraries that will be utilized for application development in the React Native ecosystem.
  • Familiarize audience with React Native ecosystem
  • Explain the benefit of libraries to expedite development
  • Explain the usage of libraries
Introduction to the React Native Ecosystem The aim of this video is to introduce different libraries that will be utilized for application development in the React Native ecosystem.
  • Familiarize audience with React Native ecosystem
  • Explain the benefit of libraries to expedite development
  • Explain the usage of libraries
The aim of this video is to introduce different libraries that will be utilized for application development in the React Native ecosystem.
  • Familiarize audience with React Native ecosystem
  • Explain the benefit of libraries to expedite development
  • Explain the usage of libraries
The aim of this video is to introduce different libraries that will be utilized for application development in the React Native ecosystem.
  • Familiarize audience with React Native ecosystem
  • Explain the benefit of libraries to expedite development
  • Explain the usage of libraries
Setting Up Your Firebase Account This video introduces Firebase and explains the benefits for React Native development.
  • Setup Firebase account
  • Explain Firebase console
  • Review Firebase package for React Native
Setting Up Your Firebase Account This video introduces Firebase and explains the benefits for React Native development.
  • Setup Firebase account
  • Explain Firebase console
  • Review Firebase package for React Native
Setting Up Your Firebase Account This video introduces Firebase and explains the benefits for React Native development.
  • Setup Firebase account
  • Explain Firebase console
  • Review Firebase package for React Native
Setting Up Your Firebase Account This video introduces Firebase and explains the benefits for React Native development.
  • Setup Firebase account
  • Explain Firebase console
  • Review Firebase package for React Native
This video introduces Firebase and explains the benefits for React Native development.
  • Setup Firebase account
  • Explain Firebase console
  • Review Firebase package for React Native
This video introduces Firebase and explains the benefits for React Native development.
  • Setup Firebase account
  • Explain Firebase console
  • Review Firebase package for React Native
Setting Up a Database in Firebase The aim of this video is to setup datasource for app development.
  • Explain use of database for application being developed
  • Create sample data structure for database
  • Walk user through setting up a sample database
Setting Up a Database in Firebase The aim of this video is to setup datasource for app development.
  • Explain use of database for application being developed
  • Create sample data structure for database
  • Walk user through setting up a sample database
Setting Up a Database in Firebase The aim of this video is to setup datasource for app development.
  • Explain use of database for application being developed
  • Create sample data structure for database
  • Walk user through setting up a sample database
Setting Up a Database in Firebase The aim of this video is to setup datasource for app development.
  • Explain use of database for application being developed
  • Create sample data structure for database
  • Walk user through setting up a sample database
The aim of this video is to setup datasource for app development.
  • Explain use of database for application being developed
  • Create sample data structure for database
  • Walk user through setting up a sample database
The aim of this video is to setup datasource for app development.
  • Explain use of database for application being developed
  • Create sample data structure for database
  • Walk user through setting up a sample database
Setting Up a React Native Project In this video, you will learn to setup React Native project.
  • Install react-native-cli for project setup
  • Examine application structure
  • Run Code and make modification
Setting Up a React Native Project In this video, you will learn to setup React Native project.
  • Install react-native-cli for project setup
  • Examine application structure
  • Run Code and make modification
Setting Up a React Native Project In this video, you will learn to setup React Native project.
  • Install react-native-cli for project setup
  • Examine application structure
  • Run Code and make modification
Setting Up a React Native Project In this video, you will learn to setup React Native project.
  • Install react-native-cli for project setup
  • Examine application structure
  • Run Code and make modification
In this video, you will learn to setup React Native project.
  • Install react-native-cli for project setup
  • Examine application structure
  • Run Code and make modification
In this video, you will learn to setup React Native project.
  • Install react-native-cli for project setup
  • Examine application structure
  • Run Code and make modification
Getting Started With React Native - Quiz Getting Started With React Native - Quiz Getting Started With React Native - Quiz Getting Started With React Native - Quiz React Native Components Deep Dive 5 lectures 26:28 Show RN Tester Project Review The aim of this video is to showcase React Natives built in components and APIS, and to utilize this sample project as a reference for learning.
  • Install and configure RNtester locally
  • Review components and APIs
  • Review example code in RNtester project
Creating User Inputs Applications need to be able to collect data and interface with a user. In this module, users will be introduced to inputs in react native.
  • Utilize React Native API for user interaction
  • Modify code to present user input
  • Test data input with alert component
Introduction to FlatList Due to small screens, there is an issue when presenting sets of data. React Native provides a solution with FlatList - a component that presents an efficient scrolling list of data.
  • Review the FlatList component API
  • Implement the FlatList component
  • Experiment with FlatList component API
Handling Touches Touch is a key aspect of mobile applications, and it’s imperative to research the options, and know when to utilize specific components
  • Review the different touchable options in react native
  • Determine when to use specific touchable components
Touch is a key aspect of mobile applications, and it’s imperative to research the options, and know when to utilize spec React Native will bridge our code into each platform iOS and Android. The aim of this video is to confront those issues and discuss how to handle them.
  • Review platform, and dimension component in detail
  • Run sample code in android emulator and compare
  • Make modifications to highlight dimensions, and platform packages
React Native Components Deep Dive - Quiz React Native Components Deep Dive. 5 lectures 26:28 Show RN Tester Project Review The aim of this video is to showcase React Natives built in components and APIS, and to utilize this sample project as a reference for learning age within NativeBase
  • Compare use of react-native-easy-grid to Flexbox
  • Utilize react-native-easy-grid to create a layout
  • Custom Theme with...

    Additional information

    No knowledge of React Native is needed. However, JavaScript programming knowledge is assumed

    React Native in 7 Steps

    £ 10 VAT inc.