Best match

Most recent

Beyond

On this week’s podcast, we have a conversation with Dr Jack Scannell, CEO of Etheros Pharmaceuticals Corp. Scannell recently co-authored a paper on the expenses related to clinical research and the factors that underly the translational failure of ...

Beyond Biotech podcast 60 – The cost of research

labiotech

Cancer, one of the leading causes of death worldwide, continues to exact an immense toll on humanity. With a staggering annual cost of $200 billion, this relentless disease has plagued human ...

Has Cancer Met Its Match? How AI Emerges as a Formidable Adversary

LinkedIn

Jersey City, NJ, May 04, 2023 (GLOBE NEWSWIRE) -- According to the latest research by InsightAce Analytic, the global Smart or AI In-Vitro Diagnostics Market size is valued at US$ 1.23 Billion in ...

Smart/AI In-Vitro Diagnostics Market 2023 | Exclusive Report on the Latest Revenue and Future Scope - InsightAce Analytic

Yahoo Finance

Get the most recent info and news about OncoHost on HackerNoon, where 10k+ technologists publish stories for 4M+ monthly readers.

OncoHost™ is developing cutting-edge technology to characterize, analyze, and predict patient response to treatment, enabling personalized treatment strategies with improved outcomes & reduced side effects.

OncoHost

In 2021, hosted the first-ever awards!! HackerNoon Startup of the Year The goal of this campaign was to give recognition to the hardworking startups who pulled through the pandemic -- growing and thriving (despite all of the challenges). More than 44,000 startups were nominated all across the globe! They were selected from over 4,553 cities, with a total number of * cough * “4 billion” votes. Insane, right? To see who is a winner in each respective city, visit and pick a city. The name at the top of the list is the winner. (Compromised awards are under review. Cities with tie votes will be updated to have two winners!) startups.hackernoon.com The will announce the winners per region in their respective cities. Startups Winners Announcement series Here are the winners in the : Asia region Top Startup Cities in East Asia Seoul The Startup of the Year in is with 377 votes! Seoul dable Central is the Startup of the Year! It came out ahead with 121 votes. UpNow Central Sheung Wan came out as the Startup of the Year in with 154 votes. Votee Sheung Wan Tokyo The Startup of the Year in is with 41 votes! Tokyo ACES Wan Chai The Startup of the Year in is with 54 votes! Wan Chai Zetl Osaka, Japan In , is the winner! Osaka Nanophoton Taiwan came out as the Startup of the Year in ! Tico Taiwan Dongcheng, China In , is declared the Startup of the Year! Dongcheng Waiju Taipei came out as the Startup of the Year in ! Tico Taipei Akasaka In , is the winner! Akasaka WAKUWAKU Chuo In , is declared the Startup of the Year! Chuo GO-NET Ginza came out as the Startup of the Year in ! Netyear Ginza Kanazawa In , is the winner! Kanazawa Granzella Minami-aoyama In , is declared the Startup of the Year! Minami-aoyama Tokyo6 Entertainment Shibuya came out as the Startup of the Year in ! Hupro Japan Shibuya Toranomon In , is the winner! Toranomon Small Worlds Toshima In , is declared the Startup of the Year! Toshima Altplus Guangzhou, China came out as the Startup of the Year in ! Leyaoyao Guangzhou Hong Kong, Hong Kong In , is declared the Startup of the Year! Hong Kong Episode Six Kunming In , is the winner! Kunming Green A Sapporo In , is declared the Startup of the Year! Sapporo Polar Star Space Shirokanedai came out as the Startup of the Year in ! Nupp1 Shirokanedai Wuhan In , is the winner! Wuhan CSICEE Baoan, China In , is declared the Startup of the Year! Baoan Jumper Baoshan, China In , is declared the Startup of the Year! Baoshan Renren Games Chengdu, China came out as the Startup of the Year in ! Ju You Xi Chengdu Fujisawa, Japan In , is the winner! Fujisawa Scohia Pharma Fukuoka, Japan In , is declared the Startup of the Year! Fukuoka Kyulux Haidian, China came out as the Startup of the Year in ! 51vv Haidian Hongkou, China In , is the winner! Hongkou Kidstone Jiading, China In , is declared the Startup of the Year! Jiading IMRobotic Kawasaki, Japan came out as the Startup of the Year in ! QD Laser, Inc. Kawasaki Kyoto, Japan In , is declared the Startup of the Year! Kyoto Hacarus Minato, Japan In , is the winner! Minato Visionary Fun Nagoya, Japan came out as the Startup of the Year in ! Prodrone Nagoya Ningbo, China The winner in is . Ningbo OlymTech Corporation Aomori In , is declared the Startup of the Year! Aomori Forte Japan Bandai-cho In , is the winner. Bandai-cho Delta-Fly Pharm Changchun In , the Startup of the Year is . Changchun Kaidi Animation Fuchu In , is declared the Startup of the Year! Fuchu TMS Fukuoka-shi The winner in is . Fukuoka-shi SkyDisc Fukushima In , the Startup of the Year is . Fukushima Matsuri Technologies Gotanda In , is the winner. Gotanda Basset Hachioji In , is declared the Startup of the Year! Hachioji Adriakaim Harbin The winner in is J . Harbin oining Technology Iwaki In , is the winner. Iwaki Tao Engineering Izumo In , the Startup of the Year is . Izumo PuREC Kagoshima In , is declared the Startup of the Year! Kagoshima Farmers Support Kamakura In , the Startup of the Year is . Kamakura KAYAC Kami-meguro The winner in is . Kami-meguro Buzzreach Kanagawa In , is the winner. Kanagawa LoiLo Kashiwa In , the Startup of the Year is . Kashiwa Intelligent Surfaces Kita In , is declared the Startup of the Year! Kita Ax Robotix Kobe The winner in is . Kobe Coconomi Koriyama In , the Startup of the Year is . Koriyama Tocoton Kumamoto In , is the winner. Kumamoto Bloom Technology Kunitachi In , is declared the Startup of the Year! Kunitachi Trys Liaocheng The winner in is . Liaocheng Jinzheng Animation Minami In , is declared the Startup of the Year! Minami ATLAB Miyazaki In , is the winner. Miyazaki Caster Nagano In , is declared the Startup of the Year! Nagano Precision Forestry Nagaoka The winner in is . Nagaoka Plant Form Nihombashi-hamacho In , the Startup of the Year is . Nihombashi-hamacho Shizen Energy Niigata In , is declared the Startup of the Year! Niigata UniBio Japan Nishi-shinagawa In , is the winner. Nishi-shinagawa Play Heart Okayama In , is the winner! Okayama Arch Farm Okinawa In , is declared the Startup of the Year! Okinawa BlogNinja Otemachi In , the Startup of the Year is . Otemachi beBit, Inc Qingdao Shi In , is the winner! Qingdao Shi Manyoubang Quanzhou In , is declared the Startup of the Year! Quanzhou KungFu Animation Group Roppongi The winner in is . Roppongi Holo-X Saitama In , the Startup of the Year is . Saitama GameTector Sendai In , is the winner! Sendai Sendai Smart Machines Setagaya In , is declared the Startup of the Year! Setagaya Skyestate Shenzhen In , the Startup of the Year is . Shenzhen Aiator Shinjuku In , is declared the Startup of the Year! Shinjuku Scalar Shizuoka In , is the winner! Shizuoka PiPhotonics Sumida The winner in is . Sumida Holotch Tachikawa In , the Startup of the Year is . Tachikawa PlusOne Takamatsu In , is declared the Startup of the Year! Takamatsu Ken Robotec Tokushima In , is the winner! Tokushima DennoKotsu Toyonaka In , the Startup of the Year is . Toyonaka FISH BIOTECH Tsukuba In , is declared the Startup of the Year! Tsukuba WARPSPACE Wakayama In , the Startup of the Year is . Wakayama 4D Sensor Xiangzhou In , is the winner! Xiangzhou ALLiN Edutech Group Xianyang The winner in is . Xianyang TONLY Xiaoshan In , is declared the Startup of the Year! Xiaoshan GONGHUI Yamaguchi In , the Startup of the Year is . Yamaguchi Archis Yangpu The winner in is . Yangpu Tmxmall Yau Tsim Mong In , is the winner! Yau Tsim Mong Airnugget Yeoksamdong In , the Startup of the Year is . Yeoksamdong WizSchool Yichang In , is declared the Startup of the Year! Yichang Hubei Kento Electronic Yokohama In , is the winner! Yokohama Next Innovation Yubei In , the Startup of the Year is . Yubei Ophiux Network Yueqing The winner in is . Yueqing Yueqing Easythink Media Zhuhai In , is the winner! Zhuhai Aijuba Hongo In , the Startup of the Year is . Hongo Smile Robotics, Inc Admiralty In , is declared the Startup of the Year! Admiralty BUNCH Southern In , the Startup of the Year is . Southern Retykle Yongdungpo In , is the winner! Yongdungpo Push News Taichung In , is declared the Startup of the Year! Taichung Wondercise Cyberport, Hong Kong In , the Startup of the Year is . Cyberport Animoca Brands Hefei, China In , is the winner! Hefei Tsinglink New Territories, Hong Kong The winner in is . New Territories, Hong Kong Zeek Dezhou In , the Startup of the Year is . Dezhou Dezhou Baji Kitakyushu In , is declared the Startup of the Year! Kitakyushu Reif Seongnam In , is the winner! Seongnam EOFlow Yanshi In , the Startup of the Year is . Yanshi CASI Vision Top Startup Cities in South Asia Hyderabad, India The Startup of the Year in is with 962 votes Hyderabad Quixy Lahore, Pakistan is the Startup of the Year! It came out ahead with 186 votes. SmartWindows Lahore Bangalore, India When it comes to , is the Startup of the Year with 210 votes! Bangalore vBridge Hub Pune, India couldn’t be beaten for Startup of the Year in , it won with 129 votes! InfraCloud Pune Jaipur, India The Startup of the Year in is with 166 votes Jaipur Emizen Tech Lucknow, India is the Startup of the Year! It came out ahead with 279 votes. Keeros Superfoods Lucknow Noida, India came out as the Startup of the Year in with 156 votes! Bagisto Noida Mumbai, India When it comes to , is the Startup of the Year with 96 votes! Mumbai Sequretek Sylhet couldn’t be beaten for Startup of the Year in , it won with 122 votes! DataXpie Sylhet Mylapore, India In , is the winner! Mylapore Yalimart Goa, India In , the Startup of the Year is Goa Filter Coffee Delhi, India In , is declared the Startup of the Year! Delhi EkAnek Networks Karachi, Pakistan The winner in is Karachi Bykea Ahmedabad, India In , is the winner Ahmedabad MageComp Dhaka, Bangladesh The winner in is Dhaka SOLshare Islamabad, Pakistan In Islamabad, is declared the Startup of the Year! TAG Gurgaon, India In , the Startup of the Year is Gurgaon ixigo Bengaluru, India In , is the winner! Bengaluru Prakshep Private Limited Haryana, India couldn’t be beaten for Startup of the Year in ! Footprints Childcare Haryana Kolkata, India In , is the winner! Kolkata Wow! Momo New Delhi, India In , is declared the Startup of the Year! New Delhi Rusk Media Indore, India The winner in is Indore Chattar Patar Kormangala In , is the winner Kormangala Sanctum Technologies Ghaziabad came out as the Startup of the Year in Craftfurnish.com Ghaziabad! Mohali In , the Startup of the Year is Mohali DataKund Mysore The Startup of the Year in is Mysore Excelsoft Karnal came out as the Startup of the Year in ! Dunar Karnal Kolhapur In , is the winner! Kolhapur Zanvar Group Patiya In , the Startup of the Year is Patiya Kloud Project Kathmandu In , is declared the Startup of the Year! Kathmandu Vairav Technology Bangalore City, India In is the winner! Bangalore City, PagarBook Ernakulam The winner in is Ernakulam Epixel Solutions Colombo, Sri Lanka couldn’t be beaten for Startup in the Year in MAs Foods Colombo Andheri, India When it comes to , is the Startup of the Year! Andheri DoorMint Kanpur, India came out as the Startup of the Year in ! ServiceWalaa Kanpur Faisalabad In , is the winner! Faisalabad DigiKhata Nasik The Startup of the Year in is Nasik Sahyadri Farms Patna came out as the Startup of the Year in ! Asvin Tech Patna Chennai, India In , is the winner! Chennai Agnikul Cosmos Faridabad, India In , is declared the Startup of the Year! Faridabad UClean Panjim, India The winner in is Panjim TempoGO Ranchi, India In , is the winner Ranchi Osam Dairy Surat, India In , is declared the Startup of the Year! Surat Wishbook Thane, India In , is the winner! Thane Delight Foods Trivandrum, India came out as the Startup of the Year in ! GenRobotic Trivandrum Vijayawada, India In , the Startup of the Year is Vijayawada Eruvaka Technologies Visakhapatnam, India In , Ltd is declared the Startup of the Year! Visakhapatnam Greenline Labs Pvt Ahmadabad In , is the winner! Ahmadabad KiwiQA Services Bandra came out as the Startup of the Year in ! Car Club Bandra Bombay In , is the winner! Bombay Locobuddy Mobile Technology (Sportobuddy) Cochin In , the Startup of the Year is Cochin Tuttifrutti Interactive Gandhinagar In , is declared the Startup of the Year! Gandhinagar Kroop AI Guwahati In , the Startup of the Year is Guwahati GNRC Hospitals Jamshedpur In , is declared the Startup of the Year! Jamshedpur Intelliber Kabul The winner in is Kabul Miracle Shop (Vocinno Technology) Karur In , is the winner Karur Karur Vysya Bank Kochi The winner in is Kochi BestDoc Kozhikode In , is declared the Startup of the Year! Kozhikode OfficeKit HR Ludhiana In , the Startup of the Year is Ludhiana Trendy Beat Network Madhapur In , is the winner! Madhapur Head Digital Works Mangalore When it comes to , is the Startup of the Year Mangalore Hangyo Nagpur came out as the Startup of the Year in ! UPrudence Agro Nagpur Rawalpindi The Startup of the Year in is Rawalpindi Pro Options Marketing Rishikesh came out as the Startup of the Year in ! Descatuk Rishikesh Secunderabad couldn’t be beaten for Startup of the Year in Prakriti Biosystems Engineering Secunderabad Tirupur In , is the winner! Tirupur Tubeknit Fashions Udupi The winner in is Udupi Krishitantra Top Startup Cities in Southeast Asia Singapore, Singapore The Startup of the Year in is with 6556 votes! Singapore Cake DeFi Hanoi, Vietnam is the Startup of the Year! It came out ahead with 683 votes. DeFi For You Hanoi Kuala Lumpur, Malaysia came out as the Startup of the Year in with 109 votes! Trambellir Kuala Lumpur Pasig, Philippines When it comes to , . is the Startup of the Year with 110 votes! Pasig Quickreach Inc Bangkok, Thailand couldn’t be beaten for Startup in the Year in , it won with 60 votes! Perception Codes Bangkok Johor Bahru In , the Startup of the Year is . Johor Bahru AGR1 Bandung, Indonesia In , is declared the Startup of the Year! Bandung Prosa Portugal The winner in is . Portugal SCEMAI Tangerang, Indonesia In , is the winner Tangerang Yummy Corp Jakarta, Indonesia In , is the winner! Jakarta Tokocrypto Dki Jakarta, Indonesia In , is declared the Startup of the Year! Dki Jakarta Limakilo Bangkok Metropolis In , is the winner! Bangkok Meticuly Medan The winner in is ! Medan DIKA Manila, Philippines In , is declared the Startup of the Year! Manila PawnHero Phnom Penh, Cambodia In , the Startup of the Year is Phnom Penh vKirirom Bali In , is the winner! Bali Radius App Penang When it comes to , is the Startup of the Year Penang EasyParcel Surabaya came out as the Startup of the Year in ! Super Surabaya Setiabudi, Indonesia The Startup of the Year in is Setiabudi Chilibeli Cebu City came out as the Startup of the Year in MiCab Cebu City! Jawa couldn’t be beaten for Startup in the Year in DAUR Jawa Ho Chi Minh City, Vietnam In , is the winner! Ho Chi Minh City Pharmacity Selangor, Malaysia is the Startup of the Year! BabyDash Selangor Jakarta Pusat, Indonesia In , is the winner! Jakarta Pusat StickEarn Semarang When it comes to , is the Startup of the Year! Semarang Food Bear Petaling Jaya, Malaysia The winner in is . Petaling Jaya Deemples Kebayoran Baru, Indonesia couldn’t be beaten for Startup in the Year in ! Yogrt Kebayoran Baru Kuningan The winner in is . Kuningan Prinzio Bukit Merah came out as the Startup of the Year in ! DC Alliance Bukit Merah Huai Khwang In , the Startup of the Year is . Huai Khwang AppMan Co.,Ltd Kuta In , is declared the Startup of the Year! Kuta Gringgo Mandaluyong came out ahead as the Startup of the Year! Work Inspire Mandaluyong Midview City In , is the winner! Midview City BioMers Phuket The Startup of the Year in is ! Phuket Sapahn Yangon, Myanmar The winner in is . Yangon Wave Money Denpasar When it comes to , is the Startup of the Year! Denpasar Revasi Nakhon Ratchasima, Thailand The winner in is . Nakhon Ratchasima Siam Lottery co., Ltd Taguig, Philippines In , is the winner! Taguig PayMongo Bogor came out as the Startup of the Year in ! TIRANYX Bogor Senai, Malaysia won as the Startup of the Year. Nutrition Technologies Senai Bekasi Kota couldn’t be beaten for Startup in the Year in ! 8villages Bekasi Kota Top Startup Cities in Middle East Tel Aviv, Israel The Startup of the Year in is with 1,065 votes! Tel Aviv hyro Beirut, Lebanon is the Startup of the Year! It came out ahead with 1,276 votes. Hovi Digital Lab Beirut Riyadh, Saudi Arabia With 350 votes, came out as the Startup of the Year in ! Flicron Riyadh Tel Aviv-yafo, Israel When it comes to , is the Startup of the Year with 167 votes! Tel Aviv-yafo Cymbio Haifa, Israel couldn’t be beaten for Startup in the Year in , it won with 183 votes! Pico Haifa Amman, Jordan In , with 141 votes, is the winner! Amman Edexy Dubai, United Arab Emirates In , the Startup of the Year is with 74 votes. Dubai Ziina Doha, Qatar In , is declared the Startup of the Year! Doha SkipCash Tehran, Iran The winner in is . BeyondBoard AR Tehran Jerusalem, Israel In , is the winner! Jerusalem SolidBlock Rishon Le Zion The Startup of the Year in is ! Rishon Le Zion Passparto Ness Ziona, Israel is the Startup of the Year! Soapy Ness Ziona Kuwait, Kuwait came out as the Startup of the Year in ! Brapper Shop Kuwait Manama, Bahrain couldn’t be beaten for Startup in the Year in ! Doctori Manama Lod, Israel is the winner in ! Phinergy Lod Agudat Israel, Israel When it comes to is the Startup of the Year with [vote ] votes! Agudat Israel, Aqaurius Engines Beersheba, Israel In , the Startup of the Year is . Beersheba Visual Estate Ltd Giv'atayim, Israel In , is declared the Startup of the Year! Giv'atayim WSC Sports Modi'in, Israel The winner in is . Modi'in Loginno Nazareth, Israel In , is the winner! Nazareth AR Guide In Medical Ramat Gan, Israel The Startup of the Year in is . Ramat Gan Datos Health Baghdad When it comes to , is the Startup of the Year! Baghdad Mishwar Khobar In , the Startup of the Year is . Khobar Garage Misgav couldn’t be beaten for Startup in the Year in ! Eden Shield Misgav Sharjah came out as the Startup of the Year in ! Bookends Sharjah Affula In , the Startup of the Year is . Affula eMotion Technologies Bene Beraq, Israel In , is the winner Bene Beraq Reflectiz Caesarea, Israel In , the Startup of the Year is . Caesarea CardiacSense Dubayy In , is declared the Startup of the Year! Dubayy North Ladder Muscat couldn’t be beaten for Startup in the Year in ! iLab Marine Muscat Tirat Carmel In , the Startup of the Year is . Tirat Carmel PassCall Advanced Technologies Hod Hasharon, Israel The winner in is . Hod Hasharon Idomoo Holon, Israel came out ahead as the Startup of the Year! OptimalPlus Holon Jeddah, Saudi Arabia When it comes to , is the Startup of the Year! Jeddah Arabian Combustion Technologies Ramat Hasharon, Israel is the Startup of the Year! Lumen Ramat Hasharon Al Khobar came out as the Startup of the Year in ! Swyft Al Khobar Bet Shemesh In , is the winner! Bet Shemesh Degania Medical Binyamina When it comes to , is the Startup of the Year! Binyamina OncoHost Makkah In , the Startup of the Year is Makkah Scimagine Or Akiva Last but not least, couldn’t be beaten for Startup in the Year in the city of ! WMT Or Akiva More Information: If you’re a winner, please answer ! If you’re a reader, participant, just a curious individual, consider answering one of our interviews . this interview here Read the FAQs about or . Startups here here To see all of the winners you may visit , pick any city and view the name that appears at the top. this site If you’re interested in partnering with us, we invite you to look through some of these or reach out to our business department. unique sponsorship options Perhaps creating your very own tickles your fancy or maybe you have a whole new idea for how we can partner! writing contest Thank you to all of our sponsors! We truly appreciate your contribution to the tech world and thus the future! The Startups Awards are sponsored by: , , , , , , , , , , Blockster Brex FreeCodeCamp LaunchDarkly Coil Udacity Udemy Vercel Asia Pacific Transgender Network Bybit Everscale Network The post was written by Kushal Tamrakar and Valerie Ejegi, edited by Hang Ngo. If you have any questions or concerns or would like to report a discrepancy please email ellen@hackernoon.com.

Meet the Winners of Startups in Asia

In this tutorial I show how to manage and by building a simple app with and . navigation application state react-navigation redux : you should already be familiar with React Native, React Navigation, and Redux. If you’re just getting started with React Native, I highly recommend this course: Prerequisite The Complete React Native and Redux Course Application Overview We’re going to build an app made of two pages: : This shows a container view with a specific background color, and a button. When the button is pressed, the second page is presented. Main Page : This shows RED, GREEN and BLUE buttons. When a color is selected, the app returns to the main page and shows the updated background color. Choose Color Page By building this app, you will learn: How to navigate between different screens with . React Navigation How to use reducers and actions to update application state, so that . actions on one screen drive UI changes on another With this knowledge, you’ll be able to build more complex apps. Note: For the remainder of this tutorial, I will use the terms ‘page’ and ‘screen’ to mean the same thing. Project Setup (Expo) We’re going to build this app with the . Expo XDE You can download Expo for your OS from the . Expo XDE GitHub page Then head over to the on the Expo Docs. These will show you how to install the XDE on your desktop, and run apps within Expo on simulator/device. installation instructions As we’ll be running the app on the simulator, you’ll also need to download or . Xcode Android Studio Upon launching Expo, this page is presented: Select ‘Create new project…’ Choose the blank template, and name the project . redux-navigation The project will be created, then the React Native packager will start. To run the app in the simulator, select -> . Device Open in iOS Simulator Once the simulator is booted up, the following screen appears: As the project is now created, it can be opened with an editor of choice. I use with the . Visual Studio Code React Native Tools extension Building the app Before we can code our app, we need to install all the dependencies it needs. Open a terminal, move to the project folder you created in Expo, and type: npm install --save react-navigation redux react-redux
npm install Then, . If you don’t do this, the new dependencies won’t be recognized and the simulator will throw a red error screen if you try to use them. make sure to hit the Restart button in Expo Time to build our app. I organized my project folders like this: /src
  /actions
    ColorChangedAction.js
  /components
    AppNavigator.js
    ChooseColorPage.js
    MainPage.js
  /reducers
    AppReducer.js
    ColorReducer.js
    NavReducer.js
  /state
    Colors.js Copy-paste the following code into the file: Colors.js <a href="https://medium.com/media/763d0e84353134bea1b88e619dfb02df/href">https://medium.com/media/763d0e84353134bea1b88e619dfb02df/href</a> Next, create the with a default background color and a button: MainPage <a href="https://medium.com/media/c5c96dee26ada83ffca1d2e5eb58b3fa/href">https://medium.com/media/c5c96dee26ada83ffca1d2e5eb58b3fa/href</a> A few notes: is a React component rather than a , because it will need to access application state. MainPage stateless functional component I use flex: 1, alignSelf: 'stretch' to make the container view extend to the whole screen. The color of the container view is defined in the method, which samples from our table, and returns the corresponding hex code. selectedColor() RED COLORS I have added an empty handler for the button press event. We will add the body of this method later. onChooseColor() Time to hook up our into our root file. Replace the old contents with this: MainPage App.js <a href="https://medium.com/media/601d89b015c895d9573e0d22e76555eb/href">https://medium.com/media/601d89b015c895d9573e0d22e76555eb/href</a> Refreshing the simulator yields this: Not pretty, but it shows the background color and our button as intended. If needed, here is a snapshot of what we’ve built so far: GitHub Code Snapshot 1 . Adding Navigation We are now ready to add some navigation to our app. To do this, open the file and add these contents: AppNavigator.js <a href="https://medium.com/media/8673ea2e651dc48b1952be89296de790/href">https://medium.com/media/8673ea2e651dc48b1952be89296de790/href</a> This code is borrowed from the in the project. Redux Example react-navigation It defines a , using our as its main screen. StackNavigator MainPage It also sets up , a top-level container holding the navigation state. If this seems unclear, don’t worry. This is standard boilerplate code in React Navigation and we’ll just use it for now to get things going. AppWithNavigationState Time to write the navigation reducer, which will hold the navigation state inside the Redux store. Open the file and add the following: NavReducer.js <a href="https://medium.com/media/28cab0b95ad06ee61cd972165b9f2246/href">https://medium.com/media/28cab0b95ad06ee61cd972165b9f2246/href</a> This reducer defines the initial navigation state of our app. Again, boilerplate code. Now, let’s open the file and add this: AppReducer.js <a href="https://medium.com/media/51e7b1b34a6a9efaaa18ee0b25d50b57/href">https://medium.com/media/51e7b1b34a6a9efaaa18ee0b25d50b57/href</a> As our application grows, we may need other reducers alongside our . So we can combine them all together inside . NavReducer AppReducer Finally, we’re able to update our to use all these new goodies: App.js <a href="https://medium.com/media/6187cf29991fa67a6d7985f00b98840a/href">https://medium.com/media/6187cf29991fa67a6d7985f00b98840a/href</a> The render method returns a provider with the created redux store, and holds our top-level component. Again, this is just boilerplate code needed to hook things up with Redux. If we refresh the simulator, we now see a navigation bar appearing on top: After all this code, you may get some errors on your simulator if anything is missing. If so, use this code snapshot to get back on track: GitHub Code Snapshot 2 . Show the Choose Color Page Now that we have a inside a , we’re ready to add the so we can navigate to it. MainPage StackNavigator ChooseColorPage Open the file and add the following code: ChooseColorPage.js <a href="https://medium.com/media/71277ec8de4cff03ca5a0b5f340f9aa6/href">https://medium.com/media/71277ec8de4cff03ca5a0b5f340f9aa6/href</a> A few notes: The code in the method iterates through each color, and maps it into a . The and properties are set. render() Button title color When the button is tapped, the handler is called with the appropriate color key. onSelectColor() The object is accessible via . In fact, it is injected into all the screens in our . navigation props AppNavigator Calling this.props.navigation.goBack() takes us back to the previous screen in the . AppNavigator At this stage, is not yet used to set any state. colorName Next, we have to make our aware of the new screen. Let’s update it in the file: AppNavigator ChooseColorPage AppNavigator.js <a href="https://medium.com/media/b1835506e75460259df37a83b56b1b65/href">https://medium.com/media/b1835506e75460259df37a83b56b1b65/href</a> Finally, add the code to navigate to the when the button is tapped on the . ChooseColorPage Choose Color MainPage <a href="https://medium.com/media/6234e2e5883d006bec6f6806e0390fa6/href">https://medium.com/media/6234e2e5883d006bec6f6806e0390fa6/href</a> If we refresh the simulator now and tap on , the app navigates to the new screen, which shows three buttons: Choose Color Note: Calling navigation.navigate('ChooseColor') works because we have named as one of the routes in our . ChooseColor AppNavigator Tapping on the back button or on any of the color buttons brings us back to the main page, but the background color doesn’t change according to our selection. Let’s fix that in the next section. Again, if something is not working, you can get my saved code snapshot to this point: GitHub Code Snapshot 3 . Managing application state We’ll use redux to set the background color of our as our application state. MainPage To do this, we need to define a Color Changed action, and a Color Reducer. Open the file and add the following: ColorChangedAction.js <a href="https://medium.com/media/1e61e790ffc15c3b299105d458c95fa8/href">https://medium.com/media/1e61e790ffc15c3b299105d458c95fa8/href</a> Then, open add add this: ColorReducer.js <a href="https://medium.com/media/5fe3ea16aa37626fd77345026cd2e2e4/href">https://medium.com/media/5fe3ea16aa37626fd77345026cd2e2e4/href</a> In order for this reducer to be used, we need to add it to the like so: AppReducer.js <a href="https://medium.com/media/21ca7f53b6fb2fb240adaf3f4edd7570/href">https://medium.com/media/21ca7f53b6fb2fb240adaf3f4edd7570/href</a> Now, we’re ready to call our action when the user selects a color in the . This is the updated file: colorChanged ChooseColorPage ChooseColorPage.js <a href="https://medium.com/media/6a4bdd53009556260baef4f6889387fa/href">https://medium.com/media/6a4bdd53009556260baef4f6889387fa/href</a> Note that we have made three changes: Imported the action at the top. colorChanged Connected it with and . connect() mapStateToProps Used it inside . onSelectColor(colorName) At this stage, we can refresh the simulator and run. If we choose a different color, the background color of the still doesn’t change. 🤔 MainPage This is because we haven’t told to use the new state. MainPage Easy to fix. Open and add the required code: MainPage.js <a href="https://medium.com/media/0fbae240657db52c7903e7c08c305e67/href">https://medium.com/media/0fbae240657db52c7903e7c08c305e67/href</a> A few notes: now sets the from the state in the . mapStateToProps colorName ColorReducer This is then accessible via the object and can be used inside . props selectedColor() Don’t forget to import { connect } from 'react-redux'; at the top. If we try the app again in the simulator, we are now able to change the background color. 😎 Updated snapshot: GitHub Code Snapshot 4 . Bonus: Presenting the Color Selection Page Modally When we tap the button in the , the slides in from the right. This is the default navigation animation inside . Choose Color MainPage ChooseColorPage StackNavigator What if we wanted to present the modally instead? ChooseColorPage This is easily done by changing the configuration of our like so: AppNavigator <a href="https://medium.com/media/60f6e613162ec0677c6513586beddf17/href">https://medium.com/media/60f6e613162ec0677c6513586beddf17/href</a> Note the addition of with a property inside , and the parameter. navigationOptions headerLeft: null ChooseColor mode: ‘modal’ If we try this on the simulator, the now slides in from the bottom. ChooseColorPage React Navigation is very customisable. I recommend spending some time reading the documentation , to learn all the things you can do with it. for the project Wrap Up We have learned how to: Setup and use Expo to run a mobile app on the simulator. Build an app with two different pages and navigate between them with React Navigation. Use actions and reducers to modify state from a screen, and use it to update the UI on another. You can find the complete source code . on GitHub here I also shared the project publicly . on Expo here I hope you enjoyed this tutorial. A good next step from here is to look at the official , as well as the other . React Navigation Examples tutorials from the community Comments and feedback are appreciated. 😊 And if you Clap Clap Clap, I may even do a step-by-step video tutorial. 😉

Managing State in a React-Navigation App with Redux

Add TLS and Certificate Pinning While Removing Client Secrets The tutorial demonstrates how to improve mobile app security by . In the tutorial, you work with a simple photo client which requires an API key to access . An API Proxy, introduced between your client and the picture service, removes the need for storing and protecting the API key on the client itself. Hands On Mobile API Security: Get Rid of Client Secrets removing vulnerable API secrets from mobile apps NASA’s picture of the day service Since I expected most people to run the tutorial with the Android client in an emulator and the proxy server on localhost, I deliberately ran plain HTTP protocol between client and proxy. Though this simplified the tutorial, it’s not appropriate for a production environment. To enhance security, you would want to run to protect against man in the Middle (MitM) attacks. HTTPS protocol with certificate pinning So in this sequel, you will generate a self-signed certificate during configuration and will modify the Android client to only accept connection requests from a server holding the certificate’s private key. TLS and Pinning establishes a secure connection between client and server offering both privacy and data integrity. is used to establish trust between client and server and establish secure communications. Transport Layer Security (TLS) Public Key Infrastructure (PKI) However, if an attacker can insert himself between client and server, he can intercept the initial TLS handshake, present his own valid PKI certificate, and establish a man in the middle interception point where he can read and alter communication between client and server. Certificate pinning establishes a white list of certificates that a client will accept. Even though a MitM attack might present a legal certificate, the client will only accept a connection that is signed by a known certificate. Getting Started To get started, download the updated Hands On API Proxy source code In a terminal or command window, change to a directory where you will store the tutorial, and clone this public git repository: . tutorials$ git clone https: //github.com/approov/hands-on-api-proxy.git Follow the additional set up instructions from the . original tutorial The steps directory contains working versions of the proxy and server code at each step of the tutorial, including working versions of the final pinned client and proxy projects. When you run the configuration setup, it will generate a self-signed digital certificate and corresponding private key, and it will place them in the appropriate pinned client and proxy project locations. Alternatively, you may use an existing certificate-private key pair, or you could generate your own self-signed certificate-private key pair using : OpenSSL $ openssl req -x509 -newkey rsa: -keyout key.pem -out cert.pem
        -nodes -days 4096 365 If you completed the previous tutorial, your pen directory should contain working client and proxy projects. If you are starting from a fresh repository, you should start with working copies of the secure client and enhanced proxy. Copy the secure client and enhanced proxy steps into your corresponding playpen directories, for example: api-proxy$ rm -rf pen/client
api-proxy$ cp -r steps/client/android/ _secure-client pen/client
api-proxy$ rm -rf pen/proxy
api-proxy$ cp -r steps/proxy/node/ _enhanced-proxy pen/proxy 2 3 You can build the current pen projects and confirm that the client and proxy are working as expected. Adding HTTPS to the Localhost Proxy To start, ensure your digital certificate and private key pair are located in the proxy’s source directory. If you are using the certificates which were generated during configuration, they are named cert.pem and key.pem respectively: api-proxy$ cp steps/proxy/node/ _pinned-proxy/src/cert.pem
   pen/proxy/src/
api-proxy$ cp steps/proxy/node/ _pinned-proxy/src/key.pem
   pen/proxy/src/ 4 4 In the proxy pen, ensure that the required modules are installed: api-proxy$ cd pen/proxy
api-proxy/pen/proxy$ npm install
api-proxy/pen/proxy$ npm install https --save Next, modify the node proxy to run HTTPS. Require the https package, and replace the default HTTP server’s app.listen() call with a call to create an HTTPS server using the key pair. The modifications look like this: https = ( ); app = ( )(); https.createServer({ : fs.readFileSync(__dirname + ), : fs.readFileSync(__dirname + )
}, app).listen(proxyPort); // add https package const require 'https' const require 'express' // unchanged checking and app.use() not displayed... // start listening //app.listen(proxyPort, (err) => { //  if (err) { //    return console.log(chalk.red(`Unexpected error tryng to listen on ${proxyPort}:`, err)); //  } // //  console.log(chalk.green(`api proxy server is listening on ${proxyPort}`)); //}); key '/key.pem' cert '/cert.pem' // end of file Start the proxy server: api-proxy/pen/proxy$ npm start Try out your proxy using a browser to call the proxy. Assuming you are running locally on port 8080, replace a direct call to NASA with the now proxied call htttps://localhost:8080/api.nasa.gov/planetary/apod?date=2017–01–01. Using chrome, I see this response: Chrome does not trust self-signed certificates, so it warns us we are trying to run HTTPS with an untrusted certificate, If we proceed anyway using ADVANCED, we should see the correct response from the NASA server through the localhost API proxy: If you still do not see a valid JSON response, double check your proxy URL, network connectivity, and digital certificate. Triple check that the proxy URL specifies HTTPS protocol. Also in src/config.js, check and force the approov_enforcement value to false. Restart the proxy server, and you will see failing attestations in the proxy log, but the service will not be blocked. If you are using a certificate signed by a recognized , browsers will use the CA’s public key to verify the signature. Since the browser trusts the CA, if the signature is valid then the browser will in turn trust the certificate. certificate authority (CA) In contrast, self-signed certificates are easy and free to generate, but they are not trusted by most browsers or network client stacks. With a self-signed certificate, we must establish trust another way, typically by verifying that we received the expected digital certificate and that we recognize the host who sent it. To pin a connection in a production environment, you would likely use a certificate signed by a trusted CA, and that is actually the easier approach to implement. Using a self-signed certificate to pin will require a bit more work inside the client which we’ll tackle next. For reference, a completed version of the API proxy at this stage is in steps/proxy/android/4_pinned-proxy. Android Client Pinning In the Android client app, we want to pin the HTTPS channel to only accept a connection holding our digital certificate. Start by changing the api_url in config.xml to use HTTPS instead of HTTP: <resources> < https://10.0.2.2:8080/api.nasa.gov < = > string name "api_url" </ > string /resources> For networking, the Android client uses the . If our digital certificate is signed by a CA recognized by Android, the default trust manager can be used to validate the certificate. To pin the connection it is enough to add the host name and a hash of the certificate’s public key to the client builder(). See for an example. All certificates with the same host name and public key will match the hash, so techniques such as certificate rotation can be employed without requiring client updates. Multiple host name - public key tuples can also be added to the client builder(). OKHttp library this OKHttp recipe For the tutorial, we are using self-signed rather than CA-signed certificates. To establish trust with a self-signed certificate, you must create a custom TrustManager and also provide a method to verify the target host. OKHttp provides a . custom TrustManager recipe In the pen client project, begin by adding the self-signed certificate cert.pem into the app’s main assets directory. A copy of cert.pem can be found in steps/client/android/4_pinned-client/app/src/main/assets. In the App.java file, create a private SSLContextPinner class inside the App class which reads your digital certificate into a KeyStore which in turn initializes a new TrustManagerchain. The TrustManager chain then initializes the TLS SSLContext. Add methods to return the SSLContext and initial X509Trustmanagerfrom the chain: private {
        private SSLContext sslContext;
        private TrustManager trustManager;

        public SSLContextPinner( pemAssetName) { {
                KeyStore keyStore = KeyStore.getInstance(KeyStore.getDefaultType());
                keyStore.load( , );
                InputStream certInputStream = getAssets().open(pemAssetName);
                BufferedInputStream bis = BufferedInputStream(certInputStream);
                CertificateFactory certificateFactory = CertificateFactory.getInstance( );
                int idx = ; (bis.available() > ) {
                    Certificate cert = certificateFactory.generateCertificate(bis);
                    keyStore.setCertificateEntry( + ++idx, cert);
                    Log.i( , + idx + + ((X509Certificate) cert).getSubjectDN());
                }
                TrustManagerFactory trustManagerFactory = TrustManagerFactory.getInstance(TrustManagerFactory.getDefaultAlgorithm());
                trustManagerFactory.init(keyStore);
                TrustManager[] trustManagers = trustManagerFactory.getTrustManagers();
                trustManager = trustManagers[ ];
                sslContext = SSLContext.getInstance( );
                sslContext.init( , trustManagers, );
            } (Exception e) {
                sslContext = ;
                trustManager = ;
                Log.e( , e.toString());
            }
        }

        public SSLContext getSSLContext() { sslContext; }

        public X509TrustManager getX509TrustManager() { (X509TrustManager) trustManager; }
    }; /**
     * Creates an SSL context useful for pinning certificates.
     */ class SSLContextPinner String try null null new "X.509" -1 while 0 "" "App" "pinned " ": " 0 "TLS" null null catch null null "App" return return Next you must provide a host name verifier. Normally, you could compare the DNS name to the host name associated with the certificate, but with absolute IP addresses, this . Since we are pinning a known certificate in this example, we will blindly accept that the host name is valid for this tutorial. This is fine as long as no one has stolen our certificate’s matching private key, which is an acceptable risk for this tutorial; however, in production you would use a stronger check. For now, create an always true host name verifier inside the App class: technique breaks down in browsers and other network stacks private {
        @Override
        public boolean verify(final hostname, final SSLSession session) { ;
        }
    }; /**
     * Passes any host name verification.
     */ class NoHostnameVerifier implements HostnameVerifier String return true Use these classes for certificate pinning and host name checking to build a pinned client for your self-signed certificate. Modify the App class onCreate() method: public { @Override
    public onCreate (){ .onCreate();

        mPlatformSpecifics = AndroidPlatformSpecifics( );
        mAttestation = ApproovAttestation(mPlatformSpecifics); {
            SSLContextPinner pinner = SSLContextPinner( );
            mClient = OkHttpClient.Builder()
                    .sslSocketFactory(pinner.getSSLContext().getSocketFactory(), pinner.getX509TrustManager())
                    .hostnameVerifier( NoHostnameVerifier())
                    .addInterceptor( ApproovInterceptor(mAttestation))
                    .build();
        } (Exception e) {
            Log.e( , e.toString());
            Log.e( , ); IllegalStateException( );
        }

        mDownloader = Picasso.Builder( )
                .downloader( OkHttp3Downloader(mClient))
                .build();
    }
} class App extends Application // ... void super new this new try new "cert.pem" new new new catch "App" "App" "Failed to pin connection" throw new "Failed to pin connection:" new this new With those changes, you are ready to test the pinned connection between client and server. Ensure that the proxy server is running, Build and run the modified client app on the Android emulator or device as before. You should see a gallery of current NASA photos in the emulator and photo requests in the API proxy console log. If you do not see photos, double check your proxy URL, network connectivity, and digital certificate. Double check the proxy IP address (normally10.0.2.2 from the Android emulator) and port address (normally set at 8080). In src/config.js, check and force the approov_enforcement value to false. Restart both proxy server and client app. On the proxy, you will see failing attestations, but the service will not be blocked. If you want to enforce client attestation checks, you must register the modified client app with the Approov demo service as you did in the . original tutorial For reference, a completed version of the API proxy at this stage is in steps/proxy/android/4_pinned-proxy. Not Another Secret? Congratulations on successfully pinning a self-signed certificate. At this point, you might be asking yourself “if the purpose of the tutorial was to remove secrets from the client app, didn’t we just add a new secret to the app?” Well, we did add a into the app, which was the certificate itself if using self-signing. However, the certificate is the public side of the public-private key pair. The API proxy server will give out this certificate to anyone who tries to establish a secure connection. It’s not a secret. The private key, held on the server and not on the client, is the true secret information. constant What is critical is to prevent anyone from adding or replacing your certificate with their own certificate and repackaging the app. Anyone using the modified app would then be vulnerable to a MitM attack. This is where client attestation such as is crucial. Any attempt to tamper with the app will result in an attestation failure. Approov In the Wild If you haven’t done so already, I recommend ensuring the is current and reregistering your final pinned client-proxy pair by following the final steps of the . This greatly strengthens your security. Approov demo package original tutorial Using HTTPS with pinning provides both privacy and data integrity. Pinning is an important technique to prevent man in the middle attacks, but it can be easily compromised if the client can be tampered with. In this case, it’s not a matter of hiding a secret but of ensuring that a public certificate cannot be modified in app. Using a client attestation service effectively removes this attack vector, restoring privacy and integrity to the connection. Going Forward Thanks for reading! I’d really appreciate it if you recommend this tutorial (by clicking the ❤ button) so other people can find it. To learn more about API security and related topics, visit or follow @critblue on twitter approov.io

OncoHost

oncohost.com

6 employees

Since 2017

COMPANY RANKING

OncoHost

EVERGREEN INDEX #1351

See more notable links about OncoHost

Apply to get your Tech Company News Page live on HackerNoon.com today!

Read More Tech Stories Related to #OncoHost

OncoHost

OncoHost

oncohost.com

6 employees

Since 2017

COMPANY RANKING

OncoHost

EVERGREEN INDEX #1351

Related CompaniesRank

OncoHost Story MentionsComplete List

See more notable links about OncoHost

Apply to get your Tech Company News Page live on HackerNoon.com today!

Read More Tech Stories Related to #OncoHost

OncoHost