{"id":30045514,"url":"https://github.com/taimoormk/react-native-workshop","last_synced_at":"2026-04-20T13:04:26.906Z","repository":{"id":308528150,"uuid":"186758278","full_name":"Taimoormk/react-native-workshop","owner":"Taimoormk","description":"React Native workshop delivered at Arbisoft.","archived":false,"fork":false,"pushed_at":"2019-08-27T08:00:57.000Z","size":18277,"stargazers_count":1,"open_issues_count":3,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-06T12:53:07.332Z","etag":null,"topics":["android-applications","android-studio","iphone","react","react-navigation","react-redux","redux","redux-thunk","watchman","workshop"],"latest_commit_sha":null,"homepage":"","language":"Objective-C","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Taimoormk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-05-15T05:55:19.000Z","updated_at":"2020-03-30T14:23:05.000Z","dependencies_parsed_at":"2025-08-06T13:05:34.063Z","dependency_job_id":null,"html_url":"https://github.com/Taimoormk/react-native-workshop","commit_stats":null,"previous_names":["taimoormk/react-native-workshop"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Taimoormk/react-native-workshop","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taimoormk%2Freact-native-workshop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taimoormk%2Freact-native-workshop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taimoormk%2Freact-native-workshop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taimoormk%2Freact-native-workshop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Taimoormk","download_url":"https://codeload.github.com/Taimoormk/react-native-workshop/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taimoormk%2Freact-native-workshop/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269220683,"owners_count":24380624,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-07T02:00:09.698Z","response_time":73,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android-applications","android-studio","iphone","react","react-navigation","react-redux","redux","redux-thunk","watchman","workshop"],"created_at":"2025-08-07T07:49:06.848Z","updated_at":"2026-04-20T13:04:26.877Z","avatar_url":"https://github.com/Taimoormk.png","language":"Objective-C","funding_links":[],"categories":[],"sub_categories":[],"readme":":boom: :iphone: react-native-workshop :iphone: :boom:\n===\nA hands-on workshop on building Native iOS and Android applications with state of the art React Native.\n\nSlide Link: [Link](https://docs.google.com/presentation/d/1oEJ5zC-RQHYYcea5tgEOADKNtW-aeFtMjuiaG2VXEeE/edit?usp=sharing)\n\n## Table of Contents\n* Setting Up Environment\n* What is React?\n* Theory of React, Vitual DOM, JSX, Components, Lifecycle Methods, State \u0026 Props\n* Difference between ReactJS and React Native\n* Why should you learn React Native?\n* Who is using React Native?\n* Hello World iOS and Android application using React Native?\n* Adding ESLint to the project\n* Plugging Pre-hook commit ESLint\n* Plugging React Navigation\n* Configuring Stack, Tab and Drawer Navigation\n* Configuring Redux library\n* Addng Redux Thunk for async operations\n* Adding JSS - JavaScript StyleSheet\n* Introducing Flexbox for mobile layouts\n* Making application responsive for all screen sizes\n* Testing application code (Unit testing)\n\n### Environment Setup\n\u003e Ideally you should have a Mac machine to be able to develop iOS and Android applications, however though if you happen to have a Linux or Windows machine you could develop an Android application only.\n#### For iOS - MAC\n* Install Brew `/usr/bin/ruby -e \"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)\"`\n* Install Node `brew install node`\n* Install Watchman `brew install watchman`\n\u003e\u003e If you have already installed [Node](https://nodejs.org/) on your system, make sure it is Node 8.3 or newer.\n\u003e\u003e [Watchman](https://facebook.github.io/watchman) is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance.\n* Install React Native Cli `npm install -g react-native-cli`\n* Install XCode \n* Setup a new React Native project `react-native init myReactNativeProject`\n\n#### For Android - MAC\n* Install Brew `/usr/bin/ruby -e \"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)\"`\n* Install Node `brew install node`\n* Install Watchman `brew install watchman`\n\u003e\u003e If you have already installed [Node](https://nodejs.org/) on your system, make sure it is Node 8.3 or newer.\n\u003e\u003e [Watchman](https://facebook.github.io/watchman) is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance.\n* Install React Native Cli `npm install -g react-native-cli`\n* Install Android Studio\n* Setup a new React Native project `react-native init myReactNativeProject`\n\n#### For Android - Windows\n* Install Chocolatey `@\"%SystemRoot%\\System32\\WindowsPowerShell\\v1.0\\powershell.exe\" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command \"iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))\" \u0026\u0026 SET \"PATH=%PATH%;%ALLUSERSPROFILE%\\chocolatey\\bin\"`\n* Install Node Python2 \u0026 JDK8 `choco install -y nodejs.install python2 jdk8`\n\u003e\u003e If you have already installed [Node](https://nodejs.org/) on your system, make sure it is Node 8.3 or newer. If you already have a JDK on your system, make sure it is version 8 or newer.\n* Install React Native Cli `npm install -g react-native-cli`\n* Install Android Studio\n* Setup a new React Native project `react-native init myReactNativeProject`\n\n\u003e\u003e For more details how to get started with the environment setup, checkout offical [React Native](https://facebook.github.io/react-native/docs/getting-started) docs\n\n## React Native Boilerplates or StarterKits\nCheckout React Native Boilerplates or StarterKits for your next project, and should you like this open source project, remember to **star**, **fork** and **share** the repo with others in this domain. Any suggestions would be highly appreciated.\n\n\u003cimg width=\"100%\" src=\"https://camo.githubusercontent.com/b3338a9d26ce4dbe5b5e4025c27f4761adafa058/68747470733a2f2f692e6962622e636f2f6e6e32583177522f524e426f696c6572706c617465732e6a7067\" alt=\"react native boilerplates\" /\u003e\n\n## List of React Native boilerplates\n* [RN-01 RN-REDUX-REACTNAVIGATION](https://github.com/react-pakistan/react-native-boilerplate/tree/RN01) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN01)](https://app.bitrise.io/app/6ffe266405736e5a)\n* [RN-02 RN-REDUX-THUNK-REACTNAVIGATION](https://github.com/react-pakistan/react-native-boilerplate/tree/RN02) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN02)](https://app.bitrise.io/app/6ffe266405736e5a)\n* [RN-03 RN-REDUX-SAGA-REACTNAVIGATION](https://github.com/Taimoormk/react-native-boilerplate/tree/RN03) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN03)](https://app.bitrise.io/app/6ffe266405736e5a)\n* [RN-04 RN-REDUX-THUNK-RESELECT-REACTNAVIGATION](https://github.com/Taimoormk/react-native-boilerplate/tree/RN04) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN04)](https://app.bitrise.io/app/6ffe266405736e5a)\n* [RN-05 RN-REDUX-SAGA-RESELECT-REACTNAVIGATION](https://github.com/Taimoormk/react-native-boilerplate/tree/RN05) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN05)](https://app.bitrise.io/app/6ffe266405736e5a)\n* [RN-06 RN-REDUX-REACTNAVIGATION-STYLEDCOMPONENTS](https://github.com/Taimoormk/react-native-boilerplate/tree/RN06) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN06)](https://app.bitrise.io/app/6ffe266405736e5a)\n* [RN-07 RN-REDUX-THUNK-REACTNAVIGATION-STYLEDCOMPONENTS](https://github.com/Taimoormk/react-native-boilerplate/tree/RN07) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN07)](https://app.bitrise.io/app/6ffe266405736e5a)\n* [RN-08 RN-REDUX-SAGA-REACTNAVIGATION-STYLEDCOMPONENTS](https://github.com/Taimoormk/react-native-boilerplate/tree/RN08) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN08)](https://app.bitrise.io/app/6ffe266405736e5a)\n* [RN-09 RN-REDUX-THUNK-RESELECT-REACTNAVIGATION-STYLEDCOMPONENTS](https://github.com/Taimoormk/react-native-boilerplate/tree/RN09) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN09)](https://app.bitrise.io/app/6ffe266405736e5a)\n* [RN-10 RN-REDUX-SAGA-RESELECT-REACTNAVIGATION-STYLEDCOMPONENTS](https://github.com/Taimoormk/react-native-boilerplate/tree/RN10) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b40bb064f95f4077ba0fbf7fcb91ab55)](https://www.codacy.com/app/Taimoormk/react-native-boilerplate?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=react-pakistan/react-native-boilerplate\u0026amp;utm_campaign=Badge_Grade) [![Build Status](https://app.bitrise.io/app/6ffe266405736e5a/status.svg?token=_giyzRcYfh65hOw2Pv01Ug\u0026branch=RN10)](https://app.bitrise.io/app/6ffe266405736e5a)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaimoormk%2Freact-native-workshop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaimoormk%2Freact-native-workshop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaimoormk%2Freact-native-workshop/lists"}