# React Native

# What is React Native?

React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. It’s based on React, Facebook’s JavaScript library for building user interfaces, but instead of targeting the browser, it targets mobile platforms.

In other words: web developers can now write mobile applications that look and feel truly “native”, all with the comfort of a JavaScript library that we already know and love. Plus, because most of the code you write can be shared between platforms, React Native makes it easy to develop for both Android and iOS simultaneously.

# Why React Native?

# Companies using React Native

# Getting Started

# React Native for you!

In this series of videos, you will be introduced fundamental concepts of React Native.

# CS50: Mobile App Development with React Native

Learn about mobile app development with React Native, offered by Harvard University.

# Cheat Sheets

Cheat sheets save you time and energy by giving you essential syntax at your fingertips.

# React syntax

# React Native Styling Cheat Sheet

Check out the styling cheat sheet

# Essential syntax for React Native

Essential Syntaxs for React Native from NativeBase

# VS Code Extensions

# ES7 React/Redux/React-Native Snippets

Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax

# React Native Tools

For debugging and integrated commands in React Native

# Useful Resources

# React Navigation

This library allows you to add routes and navigation for your React Native apps

# React Native vector icons

Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling.

# React Native device info

This library provides the device information for React Native iOS and Android applications

# Offical Documentation

The official React Native documentation can help you understand important concepts and refer to the API

# Official GitHub Repo

The official React Native github repository for you to check out new updates and also contribute to repository in the future.

# Further Steps

We, at the Hacklab, believe in learning by doing. So here are some ideas for a few projects that you can work on to hone your skills.

# Create a simple application

# Expense Tracker app

Create an application to track your expenses. You can connect it to your credit card which can keep track of all your expenses and categorizes it in different categories.

# Flight Tracker

This application will tell you about the status of a file that you put in by consuming various APIs

# Create your own project

If you have a good application idea, and don't know where to start, Contact us at Microsoft Teams or meet us at room 2014 in UTM's Deerfield Hall building.