Gain insights into building applications with React Native Expo. Learn essential development concepts to create career opportunities and enhance your skills using familiar web technologies.

final.tar.gz

React Native

firstapp

components

states

style

flex

sound

camera

forms

forms_bonus

forms_bonus-solution

navigation

stack_challenge_solution

drawer_navigation

effect

storage

todo

React Native-test

You’ll learn to build applications using React Native Expo. It’s an amazing technology for web developers to learn building apps using technologies they would already be familiar with. It would be an amazing opportunity for companies to train their developers on this instead of hiring new app developers. 

This course contains a complete package with the most commonly used concepts in application development. It would create a foundation for you to explore this technology further.

Taking this course would open doors to many opportunities out there to progress further in your career as application developer.

Building Applications with React Native

# Introduction 
Every lesson has a widget at the end for you to follow along with and implement the things we’ve learned during the lesson.

The instructions for you to create a new app in your local environment are provided in the appendix section.


# Folder structure
Let’s look at the folder structure.

node_modules/
.expo/
dist/
npm-debug.*
*.jks
*.p8
*.p12
*.key
*.mobileprovision
*.orig.*
web-build/

# macOS
.DS_Store


import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <Text style={styles.text}>Our first application</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    backgroundColor: '#eee',
    margin:20
  },
  text:{
    backgroundColor:"red",
    color:"#fff"
  }
});


module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
  };
};


React

Dart

GoJS React

Typescript React

Vue.js

> **Note:** Once the server starts, click the URL next to “Your app can be found at:” to view the output.

# Files and folders
The files and folders we need to know about are:
- `App.js`
- `node_modules`
- `package.json`
- `.gitignore`

## The `App.js` file
The `App` component is the root component. It's the first component 
that is rendered.

## The `node_modules` folder
The `node_modules` folder contains all the dependencies of the application, like 
react, expo, external libraries, etc.

## The `package.json` file
The `package.json` file is a very important part of a React Native application or any node app. It keeps track of all the application metadata, including scripts, dependencies, and entry points. When uploading the code to GitHub, `package.json` can be used to install all the dependencies instead of shipping the huge `node_modules` folder.


## The `.gitignore`file
The `.gitignore` file is used to ignore files when uploading code on GitHub. Some folders like `node_modules` can be regenerated using `package.json`. Some files have private keys, so they don’t need to be included in GitHub repositories.


Discover the different sections of a React Native application.

Welcome to the Course

Let's Get Started With React Native

Creating Our First Application

Handling Forms

Assessment on the Basics of React Native

Navigating Between Screens

Build a Music Player Application Using React Native

The useEffect Hook

Assessment on Navigating the Components and their Lifecycle

AsyncStorage

The Todo List Application

To-do List Assessment

Connecting To External API's

Assessment on APIs

State Management

Firebase

Password Manager

Final Quiz

Conclusion

Let's Get Started with Our First Application

Introduction

Folder structure