DOCSLIB.ORG

React Native Cookbook Second Edition

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
React Native Cookbook Second Edition React Native Cookbook Second Edition Recipes for solving common React Native development problems Dan Ward BIRMINGHAM - MUMBAI React Native Cookbook Second Edition Copyright © 2019 Packt Publishing All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews. Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing or its dealers and distributors, will be held liable for any damages caused or alleged to have been caused directly or indirectly by this book. Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information. Commissioning Editor: Amarabhab Banerjee Acquisition Editor: Trusha Shriyan Content Development Editor: Arun Nadar Technical Editor: Leena Patil Copy Editor: Safis Editing Project Coordinator: Kinjal Bari Proofreader: Safis Editing Indexer: Tejal Daruwale Soni Graphics: Alishon Mendonsa Production Coordinator: Arvindkumar Gupta First published: December 2016 Second edition: January 2019 Production reference: 2080419 Published by Packt Publishing Ltd. Livery Place 35 Livery Street Birmingham B3 2PB, UK. ISBN 978-1-78899-192-6 www.packtpub.com mapt.io Mapt is an online digital library that gives you full access to over 5,000 books and videos, as well as industry leading tools to help you plan your personal development and advance your career. For more information, please visit our website. Why subscribe? Spend less time learning and more time coding with practical eBooks and Videos from over 4,000 industry professionals Improve your learning with Skill Plans built especially for you Get a free eBook or video every month Mapt is fully searchable Copy and paste, print, and bookmark content Packt.com Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.packt.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at [email protected] for more details. At www.packt.com, you can also read a collection of free technical articles, sign up for a range of free newsletters, and receive exclusive discounts and offers on Packt books and eBooks. Contributors About the author Dan Ward is a full-stack developer and web technology consultant who has a number of years of experience working on mobile applications with React Native, and developing web applications with React, Vue, and Angular. He's also a co-founder at gitconnected, and co- editor at the associated Medium publication. His professional interests include React Native development, modern web development, and technical writing. He also has a BA in English Literature from Florida State University. About the reviewer Ashok Kumar S has been working in the mobile development domain for about six years. In his early days, he was a JavaScript and Node.js developer. Thanks to his strong web development skills, he mastered web and mobile development. He is a Google-certified engineer, a speaker at global-scale conferences, including DroidCon Berlin and MODS, and also runs a YouTube channel called AndroidABCD for Android developers. He also contributes to open source heavily with a view to improving his e-karma. He has written books on Wear OS programming and Mastering Firebase Toolchain. He has also reviewed books on mobile and web development, namely, Mastering JUnit5, Android Programming for Beginners, and Building Enterprise JavaScript Applications. I would like to thank my family, mostly my mother, for her infinite support in every possible way, as well as family members Shylaja, Sumitra, Krishna, and Vinisha, and my fiancee, Geetha Shree. Packt is searching for authors like you If you're interested in becoming an author for Packt, please visit authors.packtpub.com and apply today. We have worked with thousands of developers and tech professionals, just like you, to help them share their insight with the global tech community. You can make a general application, apply for a specific hot topic that we are recruiting an author for, or submit your own idea. Table of Contents Preface 1 Chapter 1: Setting Up Your Environment 8 Technical requirements 9 Installing dependencies 9 Installing Xcode 9 Installing Android Studio 12 How to do it... 12 There's more... 16 Installing Node.js 16 Installing Expo 17 Installing Watchman 18 Initializing your first app 18 Running your app in a simulator/emulator 19 Running your app on an iOS simulator 19 There's more... 21 Running your app on a real device 22 Running your app on an iPhone or Android 22 Summary 23 Further reading 23 Chapter 2: Creating a Simple React Native App 24 Adding styles to elements 24 Getting ready 25 How to do it... 25 How it works... 28 There's more... 29 Using images to mimic a video player 30 Getting ready 30 How to do it... 30 How it works... 34 Creating a toggle button 35 Getting ready 35 How to do it... 35 How it works... 40 There's more... 42 Displaying a list of items 42 Getting ready 42 How to do it... 42 How it works... 49 Table of Contents There's more... 50 Using flexbox to create a layout 50 Getting ready 51 How to do it... 51 How it works... 55 There's more... 56 See also 56 Setting up and using navigation 57 Getting ready 57 How to do it... 57 How it works... 65 See also 65 Chapter 3: Implementing Complex User Interfaces - Part I 66 Creating a reusable button with theme support 66 Getting ready 66 How to do it... 67 How it works... 72 Building a complex layout for tablets using flexbox 74 Getting ready 74 How to do it... 75 There's more... 83 See also 83 Including custom fonts 84 Getting ready 84 How to do it... 84 How it works... 92 See also 93 Using font icons 93 Getting ready 93 How to do it... 94 How it works... 98 See also 98 Chapter 4: Implementing Complex User Interfaces - Part II 99 Dealing with universal applications 99 Getting ready 100 How to do it... 100 How it works... 110 See also 111 Detecting orientation changes 111 Getting ready 111 How to do it... 112 There's more... 119 Using a WebView to embed external websites 119 Getting ready 120 [ ii ] Table of Contents How to do it... 120 How it works... 126 Linking to websites and other applications 127 Getting ready 127 How to do it... 128 How it works... 132 See also 133 Creating a form component 133 Getting ready 133 How to do it... 134 How it works... 139 Chapter 5: Implementing Complex User Interfaces - Part III 140 Introduction 140 Creating a map app 140 Getting ready 141 How to do it... 141 How it works... 145 There's more... 146 Creating an audio player 146 Getting ready 146 How to do it... 147 How it works... 154 There's more... 156 Creating an image carousel 156 Getting ready 157 How to do it... 157 How it works... 164 There's more... 164 Adding push notifications to your app 165 Getting ready 166 How to do it... 167 How it works... 180 There's more... 182 Implementing browser-based authentication 183 Getting ready 183 How to do it... 184 How it works... 189 See also 190 Chapter 6: Adding Basic Animations to Your App 191 Introduction 191 Creating simple animations 192 Getting ready 192 How to do it... 192 How it works... 196 [ iii ] Table of Contents Running multiple animations 198 Getting ready 198 How to do it... 198 How it works... 202 Creating animated notifications 203 Getting ready 203 How to do it... 203 How it works... 212 There's more... 213 Expanding and collapsing containers 213 Getting ready 213 How to do it... 214 How it works... 219 See also 220 Creating a button with a loading animation 220 Getting ready 220 How to do it... 220 How it works... 226 Conclusion 226 Chapter 7: Adding Advanced Animations to Your App 227 Introduction 227 Removing items from a list component 227 Getting ready 227 How to do it... 228 How it works... 235 See also 237 Creating a Facebook reactions widget 237 Getting ready 237 How to do it... 238 How it works... 244 Displaying images in fullscreen 245 Getting ready 246 How to do it... 246 How it works... 255 See also 255 Chapter 8: Working with Application Logic and Data 256 Introduction 256 Storing and retrieving data locally 257 Getting ready 257 How to do it... 257 How it works... 261 See also 262 Retrieving data from a remote API 262 [ iv ] Table of Contents Getting ready 263 How to do it... 263 How it works... 266 Sending data to a remote API 266 Getting ready 266 How to do it... 267 How it works... 271 Establishing real-time communication with WebSockets 272 Getting ready 272 How to do it... 273 How it works... 279 Integrating persistent database functionality with Realm 279 Getting ready 280 How to do it... 281 How it works... 285 Masking the application upon network connection loss 285 Getting ready 285 How to do it... 285 How it works... 290 Synchronizing locally persisted data with a remote API 291 Getting ready 291 How to do it..
Load more

Recommended publications
  • What Is React Native? by High School Technology Services Myhsts.Org
    What is React Native? By High School Technology Services myhsts.org 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 from 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 simultaneously develop for both Android and iOS. Abstracting React from the DOM DOM • Just to get things straight - DOM stands for Document Object Model and is an abstraction of a structured text. For web developers, this text is an HTML code, and the DOM is simply called HTML DOM. Elements of HTML become nodes in the DOM. Cont.. Virtual DOM to abstract react Like the actual DOM, the Virtual DOM is a node tree that lists elements and their attributes and content as objects and properties. React’s render() method creates a node tree from React components and updates this tree in response to mutations in the data model, caused by actions. • Each time the underlying data changes in a React app, a new Virtual DOM representation of the user interface is created • This is where things get interesting. Updating the browser’s DOM is a three-step process in React. • Whenever anything may have changed, the entire UI will be re-rendered in a Virtual DOM representation.
    [Show full text]
  • Building a Hybrid Application Using React Native
    BUILDING A HYBRID APPLICATION USING REACT NATIVE LAB-University of Applied Sciences Bachelor of Engineering Information Technology Spring 2020 Pauli Sairanen Abstract Author(s) Type of publication Published Sairanen, Pauli Bachelor’s thesis Spring 2020 Number of pages 60 Title of publication Building a hybrid application using React Native Name of Degree Bachelor of Information Technology Abstract The objective of this thesis was to create a hybrid application that could be used at various events organized by the customer. The subgoals of the thesis were formed based on the requirements the customer had for the application. Research was done in order to demonstrate the different technologies used in mobile development as well as pros and cons of using either native, web or hybrid technologies for development. React Native was used as the development platform in this thesis. Further research was conducted in order to gain a better understanding of the operating principles of React Native and React, as well as other technologies required in the development process. The process of creating a hybrid application consisted of different work phases. The purpose of each phase was to implement the required features for the application in an organized manner. As a result, a working hybrid application was created according to the requirements specifications. The application was released on Google Play store and used at the event organized by the customer. Keywords React, React Native, hybrid application, mobile development, JavaScript Tiivistelmä Tekijä(t) Julkaisun laji Valmistumisaika Sairanen, Pauli Opinnäytetyö, AMK Kevät 2020 Sivumäärä 60 Työn nimi Building a hybrid application using React Native Tutkinto Insinööri (AMK) Tiivistelmä Opinnäytetyön tarkoituksena oli luoda hybridimobiilisovellus, jota voidaan käyttää erilaisissa asiakkaan järjestämissä tilaisuuksissa.
    [Show full text]
  • Facebook Messenger Engineering
    SED 1037 Transcript EPISODE 1037 [INTRODUCTION] [00:00:00] JM: Facebook Messenger is a chat application that millions of people use every day to talk to each other. Over time, Messenger has grown to include group chats, video chats, animations, facial filters, stories and many more features. Messenger is a tool for utility as well as for entertainment. Messengers used on both mobile and desktop, but the size of the mobile application is particularly important. There are many users who are on devices that do not have much storage space. As Messenger has accumulated features, the iOS codebase has grown larger and larger. Several generations of Facebook engineers have rotated through the company with responsibility of working on Facebook Messenger, and that has led to different ways of managing information within the same codebase. The iOS codebase had room for improvement and Project LightSpeed was a project within Facebook that had the goal of making Messenger on iOS much smaller. Mohsen Agsen and is an engineer with Facebook and he joins the show to talk about the process of rewriting the Messenger app. This is a great deep dive into how to rewrite a mission- critical iOS application, and this team became very large at a certain point within Facebook. It's a great story and I hope you enjoy it as well. [SPONSOR MESSAGE] [00:01:27] JM: When I’m building a new product, G2i is the company that I call on to help me find a developer who can build the first version of my product. G2i is a hiring platform run by engineers that matches you with React, React Native, GraphQL and mobile engineers who you can trust.
    [Show full text]
  • Hacking with React Get Started with React, React Router, Jest, Webpack, ES6 and More with This Hands-On Guide
    Hacking with React Get started with React, React Router, Jest, Webpack, ES6 and more with this hands-on guide. Paul Hudson © 2016 Paul Hudson This book is dedicated to my wife, who has been endlessly patient with me while I write and re-write this book. No matter how hard I work, she works just as hard and has always been there for me. CONTENTS Contents Welcome! .............................................. 1 Begin at the Beginning: Chapter One .............................. 3 The Importance of using Webpack with React ......................... 9 Introduction to JSX ........................................ 12 Importing React Components using ES6 ............................ 14 What are React Props? ...................................... 16 Generating Random Values for Our Page ............................ 18 How to Write if/else Conditional Statements in JSX ..................... 20 Using JSX to Render Several Elements at Once ........................ 23 Handling Events with JSX: onClick ............................... 25 State vs Props in React ...................................... 28 Changing a React Component’s State with setState() ..................... 30 State and the Single Source of Truth .............................. 32 Rendering an Array of Data with map() and JSX ....................... 33 Cleaning up and Preparing for a Real Project ......................... 37 Fetching Ajax Data from GitHub using SuperAgent ...................... 40 Converting GitHub’s JSON into Meaningful JSX ....................... 42 Time for a Task:
    [Show full text]
  • REACT NATIVE in INSTAGRAM Yixin Wan — Feb 6, 2018 WHY REACT NATIVE? Developer Velocity
    REACT NATIVE IN INSTAGRAM Yixin Wan — Feb 6, 2018 WHY REACT NATIVE? Developer velocity • Developer velocity is a defining value of Instagram’s mobile engineering. • React Native allowed product teams to ship features faster to both iOS and Android apps through code sharing and higher iteration speeds. https://engineering.instagram.com/react-native-at-instagram-dd828a9a90c7 2 PAYMENTS CHECKOUT FLOW Highlights • 2 JS engineers finished the development in 4 month on both iOS and Android • 98% iOS and Android code sharing SHOPPING AT&T 1:20 PM AT&T 1:20 PM AT&T 1:20 PM glossier glossier glossier CTA and header update thumbnail-based navigation collapsible description 4 NOTIFICATION SETTINGS Highlights • Metrics neutral in # of notifications sent and crash rate • Looks much better than the old WebView • 92% iOS and Android code sharing COMMENT MODERATION Highlights • 85% iOS and Android Code sharing • Developed by a non-mobile developer with JS experience • Implemented in the span of one release cycle LEAD GEN ADS Highlights • 87% iOS and Android Code sharing • Same React Native code is used for both Facebook and Instagram 7 POST PROMOTE Highlights • 99% Code sharing • Improved Time to Interact from ~7 seconds in original web view to ~3 seconds for React Native version • Positive +3.9% increase in ads creation CHECKPOINTS Highlights • 97% Code sharing CHALLENGES And how to address them • App Size and Android Methods Count • Ended up selectively pulling in the parts needed and re-write other implementations, adding ~3500 methods and 1~2 MB size increase • Start up overhead mostly caused by having to inject the JavaScript bundle into JavaScriptCore (the VM used by React Native both on iOS and Android) and instantiate native modules and view managers.
    [Show full text]
  • React-Native.Pdf
    react-native #react- native Table of Contents About 1 Chapter 1: Getting started with react-native 2 Remarks 2 Examples 2 Setup for Mac 2 Setup for Windows 14 Setup for Linux (Ubuntu) 15 Start the terminal and run the following commands to install nodeJS: 15 If node command is unavailable 15 Alternatives NodeJS instalations: 16 check if you have the current version 16 Run the npm to install the react-native 16 Android SDK or Android Studio 16 Android SDK e ENV 16 Example app init 17 Obs: Always check if the version on android/app/build.gradle is the same as the Build Tool 17 Open Android AVD to set up a virtual android. Execute the command line: 18 Chapter 2: Android - Hardware Back Button 19 Examples 19 Detect Hardware back button presses in Android 19 Example of BackAndroid along with Navigator 19 Example of Hardware back button detection using BackHandler 20 Hardware back button handling using BackHandler and Navigation Properties (without using d 20 Chapter 3: Animation API 22 Examples 22 Animate an Image 22 Chapter 4: Command Line Instructions 23 Examples 23 Check version installed 23 Upgrade existing project to latest RN version 23 Logging 23 Initialize and getting started with React Native project 23 Start React Native Packager 24 Add android project for your app 24 Chapter 5: Components 25 Examples 25 Basic Component 25 Stateful Component 25 Stateless Component 25 Chapter 6: Create a shareable APK for android 27 Introduction 27 Remarks 27 Examples 27 Create a key to sign the APK 27 Once the key is generated, use it to generate
    [Show full text]
  • 2015 Open Source Yearbook
    Opensource.com/yearbook . ........ OPENSOURCE.COM ................... Opensource.com publishes stories about creating, adopting, and sharing open source solutions. Visit Opensource.com to learn more about how the open source way is improving technologies, education, business, government, health, law, entertainment, humanitarian efforts, and more. Submit a story idea: https://opensource.com/story Email us: [email protected] Chat with us in Freenode IRC: #opensource.com Twitter @opensourceway: https://twitter.com/opensourceway Google+: https://plus.google.com/+opensourceway Facebook: https://www.facebook.com/opensourceway Instagram: https://www.instagram.com/opensourceway FROM THE EDITOR ............................. Dear Open Source Yearbook reader, The “open source” label was created back in 1998, not long after I got my start in tech publishing [1]. Fast forward to late 2014, when I was thinking about how much open source technologies, commu- nities, and business models have changed since 1998. I realized that there was no easy way—like a yearbook—to thumb through tech history to get a feel for open source. Sure, you can flip through the virtual pages of a Google search and read the “Best of” lists collected by a variety of technical publications and writers, much like you can thumb through newspapers from the 1980s to see the how big we wore our shoulder pads, neon clothing, and hair back then. But neither research method is particularly efficient, nor do they provide snapshots that show diversity within communities and moments of time. The idea behind the Open Source Yearbook is to collaborate with open source communities to collect a diverse range of stories from the year.
    [Show full text]
  • Cross-Platform Development with React Native
    IT 16 053 Examensarbete 15 hp Augusti 2016 Cross-platform development with React Native Aymen Beshir Institutionen för informationsteknologi Department of Information Technology Abstract Cross-platform development with React Native Aymen Beshir Teknisk- naturvetenskaplig fakultet UTH-enheten In this project a mobile application for dog owners is built, which allows dog owners to create their own profile. The customer is a dog Besöksadress: whisperer with the aspiration to create a platform for dog owners Ångströmlaboratoriet Lägerhyddsvägen 1 where they can share and access articles and experiences and structure Hus 4, Plan 0 their dog's life. Postadress: This mobile application is built for both Android and iOS. Building Box 536 751 21 Uppsala native mobile applications has never been easier given the many resources and frameworks available for developers. But since the Telefon: frameworks are often built for one specific mobile operating system 018 – 471 30 03 the process can be aggravating. In this project the native mobile Telefax: application is built with the framework react native, which allows us 018 – 471 30 00 to build an application with the same code for two mobile operating systems. Hemsida: http://www.teknat.uu.se/student In this essay the UI and the programming language of react native JSX will be discussed. The focus is essentially on building a good application with a user friendly design, rather than building an application that is completely ready for the market. The resulting product is a functional application with a simple design that is easy to understand, even for the first time users. Handledare: Emil Paulsson Ämnesgranskare: Justin Pearson Examinator: Olle Gällmo IT 16053 Contents 1 Introduction 4 2 Background 5 2.1 React.js .
    [Show full text]
  • Going Native with React Native
    ● Going Native with React Native Nitin Rajpal Abstract The exponential growth in the adoption of mobile apps can be attributed to the increasing popularity of iOS and Android platforms. However, developing and maintaining an efficient app is a complicated process and requires a significant amount of time and money to be invested. The improvements, periodic updates, and fixes are critical for the overall success of the app in the long run. The purpose of this paper is not to compare the two platforms, but rather focus on the ground work done so far with React Native at Coforge. In this paper, we would like to explore the contours of React Native mobile app development framework. The objective will be to share insights and learn from our experience of deploying React Native for our clients. www.coforgetech.com Mobile App Development: The Available React Native: Seeding the Future of App Choices Development The last few years have seen a furore of digital React Native is an open source cross-platform mobile engagement about the pros and cons of hybrid apps. application development framework, which is emerging Through blogs, analyst reports, forums, and other as the future of mobile app development. It is built on top mediums, users have shared their opinion on this never- of a React framework that is used in web development. ending debate. Though there were different platforms The business logic followed is that API is live in and tools that showed flexibility in shifting to hybrid app JavaScript while the app UI is completely rendered as development, the limitations and flaws in each platform native views.
    [Show full text]
  • Directory of Skills & Certifications
    GLOBAL TECH. LOCAL TRUST. Directory TECHNICAL SKILLS & CERTIFICATIONS SMC Squared | Dallas • Minneapolis • Bangalore Let’s bring your ideas to life. Call to schedule your complimentary SAM today. +1 833-762-2552 | [email protected] | smc2.com TECHNICAL SKILLS & EXPERIENCE A Azure Function apps D H Accounting and Administrative Azure Functions Data Analytics and Reporting Hadoop Actitime/Project Insight - Time Tracking Tools Azure Gen2 Data Architecture Hbase Active Directory Azure HD Insights Data Bricks HDFS ActiveVOS Azure IoT Hub Data Governance HDFS and KAFKA AD DS Azure Key Vault Data Integeration HD Insight ADF Azure Logic Apps Data Lake Delivery HDP/CDH/MAPR Administrator Azure Machine Learning Data Modeling Hibernate ADO.NET Azure MicroServices Data Processing Hive Adobe Analytics Azure ML Studio Data Science Hortonworks Adobe Experience Manager Azure PAAS Data Science Delivery HP LoadRunner Adobe Experience Manager 6 Azure Pipelines Data Visualization HR Adobe Photoshop Azure Portal Data Warehousing HRIS Aerospike Azure Services Database (Oracle & Sybase) HTML/HTML5 Agile Azure Spark Databricks Database Design HTML/CSS Agile Testing Azure SQL DataBase Database Testing Hue Agile/ Scrum Methodologies Azure Stream Analytics DataProc Hybrid app development using Apache Airflow Azure Testing DB Testing Cordova with HTML5, CSS and jQuery AJAX B DB Visualizer Hybris Platform Akamai and Tata CDN B2B Commerce Cloud DB2 I Akka Http Backend Testing DBA MYSQL IBM IHS Alteryx Bash Scripting DBVisualizer/ PHPMyAdmin - DB Tools IDD Analysis Bash
    [Show full text]
  • ALISA BAJRAMOVIC [email protected] • Seattle, WA 98122 Alisabajramovic.Com • Linkedin • Github • Blog
    ALISA BAJRAMOVIC [email protected] • Seattle, WA 98122 alisabajramovic.com • LinkedIn • Github • Blog Full Stack Software Engineer I am a full stack software engineer who loves building software with great UX/UI to improve people’s lives. My background in social history and nonprofit work trained me to value thriftiness, innovation, and collaboration. My technical experience has taught me project planning, effective communication, and prioritizing the user’s needs. I’m seeking a role at a dynamic company which leverages technology for social good. Technical Skills JavaScript, React.js, React Native, Redux, Svelte, Ruby, Ruby on Rails, Web Accessibility Standards (W3C WAI), HTML, CSS, Semantic UI, Heroku, Airtable, Postgres, SQLite, SQL, Docker, Phabricator, Arcanist, Git Experience Front End Software Engineer, RAVO | 06/2020 – 07/2020 • Built a page of a new startup site using React, focusing on creating concise components and well-designed features • Worked with a team of other engineers to create a ranking and voting site with social elements • Technologies: JavaScript, React, HTML, CSS, Postgres, Docker, Arcanist, Phabricator Full Stack Software Engineer, Legit Clinic | 03/2020 – 07/2020 • Independently built a new site using React and Ruby Rails that enables users to check the legitimacy of medical clinics • Worked with a remote team, including a UX/UI designer and a project manager, to create a site with great UX/UI and flow • Technologies: JavaScript, React, Ruby on Rails, HTML, CSS, Airtable, Git Software Engineer, Endocrine and
    [Show full text]
  • Shaheen-Ghiassys-Resume.Pdf
    Shaheen Ghiassy As a software architect and staff engineer, I'm called on to be a 541.543.9912 leader who helps organizations set a technical vision, shape [email protected] culture, empower engineers, and drive solutions to completion www. www.shaheenghiassy.com on consequential, complex projects. I combine my experiences linkedin.com/in/shaheenghiassy as a start-up entrepreneur and corporate architect to stay self- stackoverflow.com/users/1179897 Calvin & Hobbes Superfan (top 6% user globally) Super Smash Bros Ninja directed and focused under ambiguity and to deliver enterprise GTD Nut scale at high velocity. US Road Trip Nov.2020 - Nov.2021/ish • Decided life was too short and took a year off to road trip around the US • Bought 2020 Mercedes Benz 4x4 Sprinter van and drove around the country Staff Engineer Sept. 2019 - Nov. 2020, Groupon • Oversaw 68 engineers across multiple countries for iOS and Android; responsible for mobile development vision • Collaborated with directors, VPs and EMs to provide solutions to high-level business goals. Drove resulting projects to completion • Chief mobile liaison to architects, designers, engineers and PMs across various organizations. Worked to break-down communication barriers and ensure all projects were moving forward with a unified cohesive strategy • Identified and mentored future engineering leaders • Created and led consortiums to drive consensus across all mobile engineers Mobile Architect Feb. 2017 - Sept. 2019, Groupon • Wrote Groupon’s 5 year technical vision that served as the foundation for all new mobile development; crafted 93-page document that detailed a new model for mobile software engineering and addressed all aspects of development from coding, and design to CI, QA, and release strategies • Led 23 engineers in refactoring the app based on the five-year technical vision.
    [Show full text]