React Native Projects

Simpliv

Course

Online

£ 12 + VAT

The best Applications courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Develop native cross-platform mobile apps more rapidly, easily and effectively with React Native!React Native is a fantastic new framework produced by Facebook that allows developers to create truly native applications that run on both iOS and Android, all while writing code in JavaScript. It breaks down several of the complexities of mobile apps to ease development, and offers many pre-built components to accelerate development.To quickly get going with React Native, this course walks you through the creation of three real-world mobile applications, each designed to introduce essential core concepts as well as show you how to make beautiful and functional applications using best practices. At the end of the course, you will have a mastery of creating and manipulating React Native apps, will know how to structure navigation and data flow, and be exposed to many of the built-in React Native components. You will also learn about pushing your applications to production and the app stores. Both iOS and Android development are covered throughout the course.By the end of this course you will be able to plot your own path forward with React Native.This course uses Node.js 6.2, and React Native 0.25, while not the latest version available, it provides relevant and informative content for legacy users of Node.js and React Native.About The Author
.
Joshua Lyman has been developing React Native applications since version 0.11, and has used the technology to release several production applications. He is active in the RN community, helping others answer questions when possible and contributing code and example repositories to help others out. He has been developing mobile applications in general for more than four years and also spends a lot of time on both web frontend work and backend servers, scaling the full stack. He often uses React (React Native's parent counterpart) for frontend work, and runs Node and C#/.NET servers on the backend

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Learn Basic navigation principles using React Native Navigator
Create a tab-based navigation structure on iOS and Android
Understand how React Native makes it easy to share code between iOS and Android apps in a sensible and customizable manner
Gain exposure to React and React Native's eloquent one-way data flow model, making apps easier to write and to debug
Discover the power of crafting mobile UIs on-the-fly with hot module reloading and no recompiling, using React Native's powerful styling system
Get a handle on the many built-in components React Native makes available to shorten your development cycle
Find out how to do instantaneous debugging in environments you're already used to such as Google Chrome

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

  • Production
  • Mac
  • Install
  • Application Development
  • Project
  • Mac-OS
  • Mac OS
  • Installation
  • Windows

Course programme

Installation and Setup 6 lectures 42:22 The Course Overview This video provides an overview of the entire course. Introduction to React and React Native Get to know the React Native framework and how it can help you develop mobile applications quicker and easier than ever before.
  • What is React and React Native
  • How does React Native accelerate mobile application development
  • What kind of applications have been built with React Native
Installation (Mac) Install the React Native toolset and required prerequisites on Mac OS X.
  • Verify that Xcode and Android Studio are installed
  • Install Homebrew, Node.js, and NPM
  • Install the React Native command line tools
Installation (Windows) Install the React Native toolset and required prerequisites on Windows.
  • Verify that Android Studio is installed
  • Install Chocolatey, Node.js, and NPM
  • Install the React Native command line tools
Verifying Installation With the prerequisite tooling and environment setup complete, let's ensure that React Native is indeed installed and ready to create apps.
  • Initiate a new React Native project via the React Native command line tools
  • Quickly review the code created by the init tool
  • Compile and run the project in a simulator or device emulator
Environment Setup for Sublime Text There are a variety of environments and IDEs in which you can write React Native code, but here we review using Sublime Text and several helpful packages to create a very productive React Native environment.
  • Install the Sublime Text editor and the Package Control plugin
  • Add Babel, Babel Snippets, TodoReview
  • Also investigate ESLint and SublimeLinter if you are interested
Installation and Setup 6 lectures 42:22 The Course Overview This video provides an overview of the entire course. Introduction to React and React Native Get to know the React Native framework and how it can help you develop mobile applications quicker and easier than ever before.
  • What is React and React Native
  • How does React Native accelerate mobile application development
  • What kind of applications have been built with React Native
Installation (Mac) Install the React Native toolset and required prerequisites on Mac OS X.
  • Verify that Xcode and Android Studio are installed
  • Install Homebrew, Node.js, and NPM
  • Install the React Native command line tools
Installation (Windows) Install the React Native toolset and required prerequisites on Windows.
  • Verify that Android Studio is installed
  • Install Chocolatey, Node.js, and NPM
  • Install the React Native command line tools
Verifying Installation With the prerequisite tooling and environment setup complete, let's ensure that React Native is indeed installed and ready to create apps.
  • Initiate a new React Native project via the React Native command line tools
  • Quickly review the code created by the init tool
  • Compile and run the project in a simulator or device emulator
Environment Setup for Sublime Text There are a variety of environments and IDEs in which you can write React Native code, but here we review using Sublime Text and several helpful packages to create a very productive React Native environment.
  • Install the Sublime Text editor and the Package Control plugin
  • Add Babel, Babel Snippets, TodoReview
  • Also investigate ESLint and SublimeLinter if you are interested
The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. This video provides an overview of the entire course. This video provides an overview of the entire course. Introduction to React and React Native Get to know the React Native framework and how it can help you develop mobile applications quicker and easier than ever before.
  • What is React and React Native
  • How does React Native accelerate mobile application development
  • What kind of applications have been built with React Native
Introduction to React and React Native Get to know the React Native framework and how it can help you develop mobile applications quicker and easier than ever before.
  • What is React and React Native
  • How does React Native accelerate mobile application development
  • What kind of applications have been built with React Native
Introduction to React and React Native Get to know the React Native framework and how it can help you develop mobile applications quicker and easier than ever before.
  • What is React and React Native
  • How does React Native accelerate mobile application development
  • What kind of applications have been built with React Native
Introduction to React and React Native Get to know the React Native framework and how it can help you develop mobile applications quicker and easier than ever before.
  • What is React and React Native
  • How does React Native accelerate mobile application development
  • What kind of applications have been built with React Native
Get to know the React Native framework and how it can help you develop mobile applications quicker and easier than ever before.
  • What is React and React Native
  • How does React Native accelerate mobile application development
  • What kind of applications have been built with React Native
Get to know the React Native framework and how it can help you develop mobile applications quicker and easier than ever before.
  • What is React and React Native
  • How does React Native accelerate mobile application development
  • What kind of applications have been built with React Native
Installation (Mac) Install the React Native toolset and required prerequisites on Mac OS X.
  • Verify that Xcode and Android Studio are installed
  • Install Homebrew, Node.js, and NPM
  • Install the React Native command line tools
Installation (Mac) Install the React Native toolset and required prerequisites on Mac OS X.
  • Verify that Xcode and Android Studio are installed
  • Install Homebrew, Node.js, and NPM
  • Install the React Native command line tools
Installation (Mac) Install the React Native toolset and required prerequisites on Mac OS X.
  • Verify that Xcode and Android Studio are installed
  • Install Homebrew, Node.js, and NPM
  • Install the React Native command line tools
Installation (Mac) Install the React Native toolset and required prerequisites on Mac OS X.
  • Verify that Xcode and Android Studio are installed
  • Install Homebrew, Node.js, and NPM
  • Install the React Native command line tools
Install the React Native toolset and required prerequisites on Mac OS X.
  • Verify that Xcode and Android Studio are installed
  • Install Homebrew, Node.js, and NPM
  • Install the React Native command line tools
Install the React Native toolset and required prerequisites on Mac OS X.
  • Verify that Xcode and Android Studio are installed
  • Install Homebrew, Node.js, and NPM
  • Install the React Native command line tools
Installation (Windows) Install the React Native toolset and required prerequisites on Windows.
  • Verify that Android Studio is installed
  • Install Chocolatey, Node.js, and NPM
  • Install the React Native command line tools
Installation (Windows) Install the React Native toolset and required prerequisites on Windows.
  • Verify that Android Studio is installed
  • Install Chocolatey, Node.js, and NPM
  • Install the React Native command line tools
Installation (Windows) Install the React Native toolset and required prerequisites on Windows.
  • Verify that Android Studio is installed
  • Install Chocolatey, Node.js, and NPM
  • Install the React Native command line tools
Installation (Windows) Install the React Native toolset and required prerequisites on Windows.
  • Verify that Android Studio is installed
  • Install Chocolatey, Node.js, and NPM
  • Install the React Native command line tools
Install the React Native toolset and required prerequisites on Windows.
  • Verify that Android Studio is installed
  • Install Chocolatey, Node.js, and NPM
  • Install the React Native command line tools
Install the React Native toolset and required prerequisites on Windows.
  • Verify that Android Studio is installed
  • Install Chocolatey, Node.js, and NPM
  • Install the React Native command line tools
Verifying Installation With the prerequisite tooling and environment setup complete, let's ensure that React Native is indeed installed and ready to create apps.
  • Initiate a new React Native project via the React Native command line tools
  • Quickly review the code created by the init tool
  • Compile and run the project in a simulator or device emulator
Verifying Installation With the prerequisite tooling and environment setup complete, let's ensure that React Native is indeed installed and ready to create apps.
  • Initiate a new React Native project via the React Native command line tools
  • Quickly review the code created by the init tool
  • Compile and run the project in a simulator or device emulator
Verifying Installation With the prerequisite tooling and environment setup complete, let's ensure that React Native is indeed installed and ready to create apps.
  • Initiate a new React Native project via the React Native command line tools
  • Quickly review the code created by the init tool
  • Compile and run the project in a simulator or device emulator
Verifying Installation With the prerequisite tooling and environment setup complete, let's ensure that React Native is indeed installed and ready to create apps.
  • Initiate a new React Native project via the React Native command line tools
  • Quickly review the code created by the init tool
  • Compile and run the project in a simulator or device emulator
With the prerequisite tooling and environment setup complete, let's ensure that React Native is indeed installed and ready to create apps.
  • Initiate a new React Native project via the React Native command line tools
  • Quickly review the code created by the init tool
  • Compile and run the project in a simulator or device emulator
With the prerequisite tooling and environment setup complete, let's ensure that React Native is indeed installed and ready to create apps.
  • Initiate a new React Native project via the React Native command line tools
  • Quickly review the code created by the init tool
  • Compile and run the project in a simulator or device emulator
Environment Setup for Sublime Text There are a variety of environments and IDEs in which you can write React Native code, but here we review using Sublime Text and several helpful packages to create a very productive React Native environment.
  • Install the Sublime Text editor and the Package Control plugin
  • Add Babel, Babel Snippets, TodoReview
  • Also investigate ESLint and SublimeLinter if you are interested
Environment Setup for Sublime Text There are a variety of environments and IDEs in which you can write React Native code, but here we review using Sublime Text and several helpful packages to create a very productive React Native environment.
  • Install the Sublime Text editor and the Package Control plugin
  • Add Babel, Babel Snippets, TodoReview
  • Also investigate ESLint and SublimeLinter if you are interested
Environment Setup for Sublime Text There are a variety of environments and IDEs in which you can write React Native code, but here we review using Sublime Text and several helpful packages to create a very productive React Native environment.
  • Install the Sublime Text editor and the Package Control plugin
  • Add Babel, Babel Snippets, TodoReview
  • Also investigate ESLint and SublimeLinter if you are interested
Environment Setup for Sublime Text There are a variety of environments and IDEs in which you can write React Native code, but here we review using Sublime Text and several helpful packages to create a very productive React Native environment.
  • Install the Sublime Text editor and the Package Control plugin
  • Add Babel, Babel Snippets, TodoReview
  • Also investigate ESLint and SublimeLinter if you are interested
There are a variety of environments and IDEs in which you can write React Native code, but here we review using Sublime Text and several helpful packages to create a very productive React Native environment.
  • Install the Sublime Text editor and the Package Control plugin
  • Add Babel, Babel Snippets, TodoReview
  • Also investigate ESLint and SublimeLinter if you are interested
There are a variety of environments and IDEs in which you can write React Native code, but here we review using Sublime Text and several helpful packages to create a very productive React Native environment.
  • Install the Sublime Text editor and the Package Control plugin
  • Add Babel, Babel Snippets, TodoReview
  • Also investigate ESLint and SublimeLinter if you are interested
RelaxationStation App. 10 lectures 01:04:59 Starting the RelaxationStation App We will start our first full React Native project, titled "RelaxationStation," that will help our users relax and read some mindful quotes.
  • Initialize our new RelaxationStation project
  • Change some basic on-screen elements
  • Turn on and use hot reloading
Basic React Native Code Structures and Organization React Native has its own particular code patterns and structures, and we need to familiarize ourselves with these to recognize and build upon them utton from a TouchableOpacity component
  • Import and use an image in React Native
  • Test interactions with TouchableOpacity handlers
    • Apps are built on many UI elements, especially buttons. We will create our first button and place an image inside it and learn how to interact with it.
    • Create and style a button from a TouchableOpacity...

    Additional information

    Start building applications immediately with the featured examples and an easy-to-follow approach. Our video is based on three modern mobile projects, focusing on core React Native topics

    See related categories

    React Native Projects

    £ 12 + VAT

    The best Applications courses

    See all

    See all