Building a Running App With react-native
•Download as PPTX, PDF•
1 like•359 views
Presentation given at the Eindhoven Developer meetup regarding react-native and building the ARION Running App.
Report
Share
Report
Share
Recommended
Automating Your Way to Greatness by Combining OutSystems CI/CD with the Power...
Having built-in CI/CD capabilities has always been a core tenet of the OutSystems platform. As customer factories have grown and CI/CD pipelines have become more complex, OutSystems has developed an integration with some of the leading CI/CD DevOps tools in the market, Jenkins, and Azure DevOps to tackle some of the challenges of managing enterprise-grade CI/CD pipelines.
Infrastructure as Code @BuildStuff2013
This document discusses how Mantas Klasavičius implemented infrastructure as code practices at Adform, a digital advertising company. Some key points:
- Adform uses Puppet for configuration management to automate infrastructure deployment and ensure consistency. This allows the infrastructure to be treated as code with practices like version control and code reviews.
- Benefits of this approach include predictable, repeatable infrastructure that is reusable across environments. It also automates processes and makes the infrastructure environment-friendly.
- The document discusses Adform's specific workflow and tools used, including Git, Puppet, Hiera, PuppetDB, and tools for profiling, testing, and managing Windows nodes. It also notes some initial challenges
Innovation dank DevOps (DevOpsCon Berlin 2015)
“You build it, you run it!” - Wenn Du als Entwickler weisst, dass Du Deine Software selbst betreiben musst, was bist bereit zu tun, um den späteren Betrieb zu vereinfach?
Bei Wooga haben Dutzende von Teams ihre eigene Antwort auf die Frage gesucht und dabei von den Erfahrungen der anderen Teams gelernt. Herausgekommen ist ein großes Experimentierfeld beim Betrieb von Web Services - und eine technologische Innovation, die uns innerhalb weniger Iterationen von einem simplen LAMP-Stack zu lastabhängig skalierenden stateful Servern auf Basis von Erlang oder Akka gebracht hat.
Development & Test on AWS - IP Expo 2013
The document discusses how development and testing on AWS can help address challenges companies face with long wait times to obtain servers, difficulty managing multiple environments, and slow experimentation. It describes how AWS allows obtaining servers in minutes, simplifies managing environments, and enables adopting new development practices. It then goes into more detail on how AWS can provide infrastructure for development and test teams on demand through services like VPC, help teams use the tools they need with a variety of SDKs and IDEs, and support more efficient practices like continuous integration/deployment and DevOps through automation and rapid provisioning of environments.
Cinder OpenStack -- Meetup Austin, TX
John Griffith, SolidFire's lead open source developer and the Project Technical Lead (PTL) for the OpenStack Block Storage project (i.e. Cinder) will provide an update on the OpenStack Block Storage project and a sneak preview of what is coming in the Grizzly release. John will also demo some of the newest Cinder features on a SolidFire cluster.
Infrastructure as Code (BBWorld/DevCon13)
This document discusses infrastructure as code and provides examples using tools like Chef, Vagrant, and Jenkins. It summarizes building a Jenkins server from source control using Chef recipes to install Java, add users, and install packages to set up the service. It emphasizes best practices like version control, testing, and treating infrastructure like code.
From GitHub Source to GitHub Release: Free CICD Pipelines For JavaFX Apps
Streamline the building, testing, packaging, and release of your desktop JavaFX applications for all major platforms with simple to use CI/CD Pipelines and GitHub. This session will cover the details of combining GitHub for hosting source code and binaries for Mac OS, Windows and Linux of your application, and how to take advantage of Azure Pipelines plan for Open Source projects. We will learn about using a Maven archetype and a Gradle starter project for JavaFX apps, both ready for CI/CD and how they are configured. Join this talk and get ready to streamline your desktop apps just like your microservices.
Building Universal Servers (On-prem meets Azure PAAS)
A talk given at the Microsoft CTO breakfast club on Nov 7th 2016 which described how we designed and built the Applitools server which can be deployed and run on-prem as well as an Azure Cloud Service.
Recommended
Automating Your Way to Greatness by Combining OutSystems CI/CD with the Power...
Having built-in CI/CD capabilities has always been a core tenet of the OutSystems platform. As customer factories have grown and CI/CD pipelines have become more complex, OutSystems has developed an integration with some of the leading CI/CD DevOps tools in the market, Jenkins, and Azure DevOps to tackle some of the challenges of managing enterprise-grade CI/CD pipelines.
Infrastructure as Code @BuildStuff2013
This document discusses how Mantas Klasavičius implemented infrastructure as code practices at Adform, a digital advertising company. Some key points:
- Adform uses Puppet for configuration management to automate infrastructure deployment and ensure consistency. This allows the infrastructure to be treated as code with practices like version control and code reviews.
- Benefits of this approach include predictable, repeatable infrastructure that is reusable across environments. It also automates processes and makes the infrastructure environment-friendly.
- The document discusses Adform's specific workflow and tools used, including Git, Puppet, Hiera, PuppetDB, and tools for profiling, testing, and managing Windows nodes. It also notes some initial challenges
Innovation dank DevOps (DevOpsCon Berlin 2015)
“You build it, you run it!” - Wenn Du als Entwickler weisst, dass Du Deine Software selbst betreiben musst, was bist bereit zu tun, um den späteren Betrieb zu vereinfach?
Bei Wooga haben Dutzende von Teams ihre eigene Antwort auf die Frage gesucht und dabei von den Erfahrungen der anderen Teams gelernt. Herausgekommen ist ein großes Experimentierfeld beim Betrieb von Web Services - und eine technologische Innovation, die uns innerhalb weniger Iterationen von einem simplen LAMP-Stack zu lastabhängig skalierenden stateful Servern auf Basis von Erlang oder Akka gebracht hat.
Development & Test on AWS - IP Expo 2013
The document discusses how development and testing on AWS can help address challenges companies face with long wait times to obtain servers, difficulty managing multiple environments, and slow experimentation. It describes how AWS allows obtaining servers in minutes, simplifies managing environments, and enables adopting new development practices. It then goes into more detail on how AWS can provide infrastructure for development and test teams on demand through services like VPC, help teams use the tools they need with a variety of SDKs and IDEs, and support more efficient practices like continuous integration/deployment and DevOps through automation and rapid provisioning of environments.
Cinder OpenStack -- Meetup Austin, TX
John Griffith, SolidFire's lead open source developer and the Project Technical Lead (PTL) for the OpenStack Block Storage project (i.e. Cinder) will provide an update on the OpenStack Block Storage project and a sneak preview of what is coming in the Grizzly release. John will also demo some of the newest Cinder features on a SolidFire cluster.
Infrastructure as Code (BBWorld/DevCon13)
This document discusses infrastructure as code and provides examples using tools like Chef, Vagrant, and Jenkins. It summarizes building a Jenkins server from source control using Chef recipes to install Java, add users, and install packages to set up the service. It emphasizes best practices like version control, testing, and treating infrastructure like code.
From GitHub Source to GitHub Release: Free CICD Pipelines For JavaFX Apps
Streamline the building, testing, packaging, and release of your desktop JavaFX applications for all major platforms with simple to use CI/CD Pipelines and GitHub. This session will cover the details of combining GitHub for hosting source code and binaries for Mac OS, Windows and Linux of your application, and how to take advantage of Azure Pipelines plan for Open Source projects. We will learn about using a Maven archetype and a Gradle starter project for JavaFX apps, both ready for CI/CD and how they are configured. Join this talk and get ready to streamline your desktop apps just like your microservices.
Building Universal Servers (On-prem meets Azure PAAS)
A talk given at the Microsoft CTO breakfast club on Nov 7th 2016 which described how we designed and built the Applitools server which can be deployed and run on-prem as well as an Azure Cloud Service.
Wso2 con raspberry-pi-cluster
This document discusses experiments running WSO2 middleware on Raspberry Pi clusters. The high-level plan was to:
1. Run Java and a vanilla Carbon kernel on a Raspberry Pi.
2. Run an enhanced Carbon kernel on a Pi and use it with the WSO2 Application Server.
3. Conduct load tests and use GPIO functionality to connect Pis into an application server cluster for monitoring and management.
The experiments involved setting up a Raspberry Pi power supply, rack prototypes, and network to run the application server with optimizations like reducing boot time. Other experiments explored running Linux Containers on Pis. No Pis were harmed, but a few capacitors were exploded
Taking Spring Apps for a Spin on Microsoft Azure Cloud
This document discusses Java development on Microsoft Azure. It provides an overview of Azure services that support Java such as Azure Functions, App Service, SDKs for Java, and more. It also discusses tools for Java development on Azure such as Visual Studio Code extensions, Azure DevOps, Eclipse/IntelliJ plugins, and open source projects that connect Java apps to Azure services. The document emphasizes that over 50% of Azure workloads are Linux-based and that Azure provides native support for building, deploying, and managing Java applications on its platform.
Augmenting Maintenance
Checklist AR is an application which improves the maintenance processes by augmenting the physical world with digital content. This application guides the workers through a list of real-world checkpoints, providing relevant information at the right physical place. During this session, you will be able to learn more about the solution, the technologies that we used, the challenges we had to overcome and some best practices when developing AR applications for Magic Leap. Additionally, you will be able to experience the Magic Leap One device and learn more about its possibilities.
Visual Studio Code for Java and Spring Developers
Visual Studio Code is presented as a lightweight code editor that provides comprehensive support for Java and Spring development through extensions. Key features highlighted include being lightweight and fast, having a vibrant extension ecosystem, and providing AI-assisted development through IntelliCode. The document demonstrates creating and running Spring applications directly in VS Code and leveraging Dev Spaces for Kubernetes development.
Making Sense of Serverless Computing
This document discusses serverless computing and its advantages over traditional server-based architectures. Serverless applications are built around discrete functions that are triggered by events rather than being continuously deployed on servers. This allows scaling to high demand without provisioning or managing servers, and paying only for the resources consumed. Serverless computing can provide significant cost savings compared to traditional or container-based cloud hosting by eliminating the overhead of idle compute resources.
Automation on iOS
This document discusses automation in iOS development and continuous integration/continuous delivery (CI/CD). It covers how Apple provides automation tools like Siri and Health; how apps can be automated using tools like Notability and social media apps; and how CI/CD can automate the coding, testing, and delivery process to reduce costs and risks. The key to successful CI/CD is to read the manuals, as automation requires properly configuring the tools and processes.
Presentation Cloud9 at sudweb
The document discusses the Cloud9 IDE, which allows developers to code anywhere using cloud APIs and storage. It highlights key features like collaboration, scaling, and easy access to code. The presentation includes a demo of the Cloud9 IDE and how it enables collaborative development in the cloud.
Evoloution of Ideas
Presentation about Wooga's Engineering Culture and how ideas evolve by Jesper Richter-Reichhelm at Dahoam Conference in Munich.
deliver:agile - Enable your Agile Team with Continuous Delivery Pipelines
Continuous Delivery session from deliver:Agile
As your Agile team looks to shorten the cycle time from idea to production, it is important to give them the tools that will enable continuous feedback, collaboration with stakeholders, and most importantly, a way to get the product in front of the customer and enable a feedback loop.
This session will teach you how to create an effective release pipeline that incorporates Continuous Integration, automated testing, cloud deployment with Infrastructure as Code, Instrumentation, load testing, and more.
We will go from zero to Production in less than an hour and you will go back to work on Monday ready to deploy!
Learning Outcomes:
Continuous Integration
Continuous Deployment
Automation
Intelligent Mobile App と Cloud Native が創るアプリ開発の未来 ～ これからの時代のアプリケーション開発ビジョン ～
Intelligent Mobile App と Cloud Native が創るアプリ開発の未来 ～ これからの時代のアプリケーション開発ビジョン ～
https://microsoft-events.connpass.com/event/80453/
Why AvePoint chose Azure for its Office 365 solutions
AvePoint chose to use Microsoft Azure for three main reasons:
1) Azure allows AvePoint to reduce security costs while maintaining flexibility, access, and control over their solutions.
2) Azure provides faster performance when communicating with Office 365 services compared to AWS.
3) The adoption of Microsoft's cloud is key to AvePoint's success given their focus on Office 365 and SharePoint solutions.
Atlassian Roadshow 2016 - DevOps Session
The document is an agenda for a presentation titled "DevOps: the Atlassian way, how to accelerate your Operations". The presentation will cover preparing infrastructure, an overview of ALM tools like Jira, Bitbucket, Bamboo, and Chef, and how to build a scalable infrastructure for deployment using these tools. It will also discuss managing test environments from Jira, autoscaling infrastructure, and accelerating the concept to launch cycle from 10 days to 10 minutes using an Atlassian-based approach.
Turning up-the-heat
- A worldwide team at IBM with varied skills across many geographies worked on 16 industries and developed 100 iOS apps, 680 APIs, and had 160 compute nodes across QA and production environments plus numerous development sandboxes. They faced pressures around skills, automation, repeatability, and reliable speed of delivery.
- Using UrbanCode Deploy, Heat, and OpenStack allowed them to provision environments for full-stack application blueprints, perform on-demand automated scaling, and promote infrastructure and middleware changes through environments like application changes. This reduced delivery time from 5 weeks to 3 hours and half a day verification with turnkey solutions.
- Key benefits included standardization across implementations, version management at all levels, 40% cost reduction over
Infra Agil: How the Ops teams delivery and operate the infrastructures in the...
The document discusses how operations teams deliver and operate infrastructures in the real world. It covers topics like provisioning infrastructure using tools like Chef, configuring systems with tools like Puppet and Ansible, implementing automation around areas like monitoring, logging, and testing with tools like Elasticsearch and Test Kitchen. It also discusses concepts like software-defined networking and storage. It emphasizes treating infrastructure as code, building automation pipelines, and integrating operations work with product development.
Can We Make Maps from Videos? ~From AI Algorithm to Engineering for Continuou...
ドライブレコーダ映像を AI で解析することで地図の作成やメンテナンスを低コスト化するための取り組みについて発表します。
コアとなるコンピュータビジョン技術の他、効率的な開発を支える DeNAならでのエンジニアリング事例もご紹介します。
Spinnaker Microsrvices
Philip Lombardi discusses Datawire's experience using Spinnaker for continuous deployment of microservices. While Spinnaker allows for custom deployment workflows and works as promised, Datawire encountered issues with Spinnaker's complex UI, difficulty reconfiguring and upgrading, and slow developer experience. Lombardi concludes that Spinnaker may be overkill for small teams and its deployment, UI, and configuration need improvement for broader adoption.
Practical Continuous Deployment - Atlassian - London AUG 18 Feb 2014
The document discusses practical approaches to implementing continuous deployment. It describes converting an organization's internal systems to continuous delivery and deployment over six months to address integration issues. Continuous deployment aims to release features, not unfinished work, through automation that makes releasing repeatable. Stakeholders benefit from faster delivery of features to customers and clearer progress signals. The document outlines a development workflow involving tracking requests, branching per feature, automated testing, code reviews, merging to a release branch, and deploying to staging and production. It also addresses challenges of automation and coordination across servers for the "last mile" of deployment.
Is Serverless The New Swiss Cheese? - AWS Seattle User Group
How to manage the Holes In The Serverless Development Lifecycle. Updated for the AWS Seattle User Group Presentation on 1/29/2019.
Selenium Testing your Kubernetes Apps with Machine Learning and Testim
**WATCH THE FULL WEBINAR HERE: https://codefresh.io/testim-lp/
Sign up for a FREE Codefresh account today: https://codefresh.io/codefresh-signup/
There are two big hurdles to solve when adding UI testing to your software delivery pipeline:
1) How to stand up an environment and
2) How to create tests that scale
In this webinar, testing expert Oren Rubin will join Kubernaut Dan Garfield to present how machine learning, Kubernetes pipelines, and Testim can make test creation painless and easy to accomplish. We'll make continuous delivery a reality.
Azure DevOps CI/CD For Beginners
Introduction to Azure DevOps
DevOps Project - https://rahulpnath.visualstudio.com/MUGH
DevOps Playlist - https://www.youtube.com/playlist?list=PL59L9XrzUa-m7AFDgjWuwm6exyCklc03U
Blog - https://www.rahulpnath.com/
React native - React(ive) Way To Build Native Mobile Apps
React Native is an open source framework released by Facebook in 2015 that allows building native mobile apps using React. It uses JavaScript to render components and runs these components on both iOS and Android platforms. The architecture runs JavaScript code on a virtual machine and uses an asynchronous bridge to communicate with native components, allowing truly native UI and performance. It uses CSS flexbox for layout and styling components within JavaScript rather than globally. This provides benefits like deterministic resolution, no dead code, and leveraging React's proven virtual DOM. Getting started requires Node.js, watchman, and the React Native CLI to generate projects that can be run from Xcode or Android Studio.
Experiences building apps with React Native @UtrechtJS May 2016
React Native is all about combining great user experience on native platforms with the developer experience of React on the web. Since it’s start one year ago, React Native continuously enjoys a tremendous traction. In 2015 React got popular, 2016 will be the year of React Native. I followed the development since the start and now I’m busy building my third React Native app. During my talk I like to introduce the library, show useful tooling and give practical advice for building React Native apps.
More Related Content
What's hot
Wso2 con raspberry-pi-cluster
This document discusses experiments running WSO2 middleware on Raspberry Pi clusters. The high-level plan was to:
1. Run Java and a vanilla Carbon kernel on a Raspberry Pi.
2. Run an enhanced Carbon kernel on a Pi and use it with the WSO2 Application Server.
3. Conduct load tests and use GPIO functionality to connect Pis into an application server cluster for monitoring and management.
The experiments involved setting up a Raspberry Pi power supply, rack prototypes, and network to run the application server with optimizations like reducing boot time. Other experiments explored running Linux Containers on Pis. No Pis were harmed, but a few capacitors were exploded
Taking Spring Apps for a Spin on Microsoft Azure Cloud
This document discusses Java development on Microsoft Azure. It provides an overview of Azure services that support Java such as Azure Functions, App Service, SDKs for Java, and more. It also discusses tools for Java development on Azure such as Visual Studio Code extensions, Azure DevOps, Eclipse/IntelliJ plugins, and open source projects that connect Java apps to Azure services. The document emphasizes that over 50% of Azure workloads are Linux-based and that Azure provides native support for building, deploying, and managing Java applications on its platform.
Augmenting Maintenance
Checklist AR is an application which improves the maintenance processes by augmenting the physical world with digital content. This application guides the workers through a list of real-world checkpoints, providing relevant information at the right physical place. During this session, you will be able to learn more about the solution, the technologies that we used, the challenges we had to overcome and some best practices when developing AR applications for Magic Leap. Additionally, you will be able to experience the Magic Leap One device and learn more about its possibilities.
Visual Studio Code for Java and Spring Developers
Visual Studio Code is presented as a lightweight code editor that provides comprehensive support for Java and Spring development through extensions. Key features highlighted include being lightweight and fast, having a vibrant extension ecosystem, and providing AI-assisted development through IntelliCode. The document demonstrates creating and running Spring applications directly in VS Code and leveraging Dev Spaces for Kubernetes development.
Making Sense of Serverless Computing
This document discusses serverless computing and its advantages over traditional server-based architectures. Serverless applications are built around discrete functions that are triggered by events rather than being continuously deployed on servers. This allows scaling to high demand without provisioning or managing servers, and paying only for the resources consumed. Serverless computing can provide significant cost savings compared to traditional or container-based cloud hosting by eliminating the overhead of idle compute resources.
Automation on iOS
This document discusses automation in iOS development and continuous integration/continuous delivery (CI/CD). It covers how Apple provides automation tools like Siri and Health; how apps can be automated using tools like Notability and social media apps; and how CI/CD can automate the coding, testing, and delivery process to reduce costs and risks. The key to successful CI/CD is to read the manuals, as automation requires properly configuring the tools and processes.
Presentation Cloud9 at sudweb
The document discusses the Cloud9 IDE, which allows developers to code anywhere using cloud APIs and storage. It highlights key features like collaboration, scaling, and easy access to code. The presentation includes a demo of the Cloud9 IDE and how it enables collaborative development in the cloud.
Evoloution of Ideas
Presentation about Wooga's Engineering Culture and how ideas evolve by Jesper Richter-Reichhelm at Dahoam Conference in Munich.
deliver:agile - Enable your Agile Team with Continuous Delivery Pipelines
Continuous Delivery session from deliver:Agile
As your Agile team looks to shorten the cycle time from idea to production, it is important to give them the tools that will enable continuous feedback, collaboration with stakeholders, and most importantly, a way to get the product in front of the customer and enable a feedback loop.
This session will teach you how to create an effective release pipeline that incorporates Continuous Integration, automated testing, cloud deployment with Infrastructure as Code, Instrumentation, load testing, and more.
We will go from zero to Production in less than an hour and you will go back to work on Monday ready to deploy!
Learning Outcomes:
Continuous Integration
Continuous Deployment
Automation
Intelligent Mobile App と Cloud Native が創るアプリ開発の未来 ～ これからの時代のアプリケーション開発ビジョン ～
Intelligent Mobile App と Cloud Native が創るアプリ開発の未来 ～ これからの時代のアプリケーション開発ビジョン ～
https://microsoft-events.connpass.com/event/80453/
Why AvePoint chose Azure for its Office 365 solutions
AvePoint chose to use Microsoft Azure for three main reasons:
1) Azure allows AvePoint to reduce security costs while maintaining flexibility, access, and control over their solutions.
2) Azure provides faster performance when communicating with Office 365 services compared to AWS.
3) The adoption of Microsoft's cloud is key to AvePoint's success given their focus on Office 365 and SharePoint solutions.
Atlassian Roadshow 2016 - DevOps Session
The document is an agenda for a presentation titled "DevOps: the Atlassian way, how to accelerate your Operations". The presentation will cover preparing infrastructure, an overview of ALM tools like Jira, Bitbucket, Bamboo, and Chef, and how to build a scalable infrastructure for deployment using these tools. It will also discuss managing test environments from Jira, autoscaling infrastructure, and accelerating the concept to launch cycle from 10 days to 10 minutes using an Atlassian-based approach.
Turning up-the-heat
- A worldwide team at IBM with varied skills across many geographies worked on 16 industries and developed 100 iOS apps, 680 APIs, and had 160 compute nodes across QA and production environments plus numerous development sandboxes. They faced pressures around skills, automation, repeatability, and reliable speed of delivery.
- Using UrbanCode Deploy, Heat, and OpenStack allowed them to provision environments for full-stack application blueprints, perform on-demand automated scaling, and promote infrastructure and middleware changes through environments like application changes. This reduced delivery time from 5 weeks to 3 hours and half a day verification with turnkey solutions.
- Key benefits included standardization across implementations, version management at all levels, 40% cost reduction over
Infra Agil: How the Ops teams delivery and operate the infrastructures in the...
The document discusses how operations teams deliver and operate infrastructures in the real world. It covers topics like provisioning infrastructure using tools like Chef, configuring systems with tools like Puppet and Ansible, implementing automation around areas like monitoring, logging, and testing with tools like Elasticsearch and Test Kitchen. It also discusses concepts like software-defined networking and storage. It emphasizes treating infrastructure as code, building automation pipelines, and integrating operations work with product development.
Can We Make Maps from Videos? ~From AI Algorithm to Engineering for Continuou...
ドライブレコーダ映像を AI で解析することで地図の作成やメンテナンスを低コスト化するための取り組みについて発表します。
コアとなるコンピュータビジョン技術の他、効率的な開発を支える DeNAならでのエンジニアリング事例もご紹介します。
Spinnaker Microsrvices
Philip Lombardi discusses Datawire's experience using Spinnaker for continuous deployment of microservices. While Spinnaker allows for custom deployment workflows and works as promised, Datawire encountered issues with Spinnaker's complex UI, difficulty reconfiguring and upgrading, and slow developer experience. Lombardi concludes that Spinnaker may be overkill for small teams and its deployment, UI, and configuration need improvement for broader adoption.
Practical Continuous Deployment - Atlassian - London AUG 18 Feb 2014
The document discusses practical approaches to implementing continuous deployment. It describes converting an organization's internal systems to continuous delivery and deployment over six months to address integration issues. Continuous deployment aims to release features, not unfinished work, through automation that makes releasing repeatable. Stakeholders benefit from faster delivery of features to customers and clearer progress signals. The document outlines a development workflow involving tracking requests, branching per feature, automated testing, code reviews, merging to a release branch, and deploying to staging and production. It also addresses challenges of automation and coordination across servers for the "last mile" of deployment.
Is Serverless The New Swiss Cheese? - AWS Seattle User Group
How to manage the Holes In The Serverless Development Lifecycle. Updated for the AWS Seattle User Group Presentation on 1/29/2019.
Selenium Testing your Kubernetes Apps with Machine Learning and Testim
**WATCH THE FULL WEBINAR HERE: https://codefresh.io/testim-lp/
Sign up for a FREE Codefresh account today: https://codefresh.io/codefresh-signup/
There are two big hurdles to solve when adding UI testing to your software delivery pipeline:
1) How to stand up an environment and
2) How to create tests that scale
In this webinar, testing expert Oren Rubin will join Kubernaut Dan Garfield to present how machine learning, Kubernetes pipelines, and Testim can make test creation painless and easy to accomplish. We'll make continuous delivery a reality.
Azure DevOps CI/CD For Beginners
Introduction to Azure DevOps
DevOps Project - https://rahulpnath.visualstudio.com/MUGH
DevOps Playlist - https://www.youtube.com/playlist?list=PL59L9XrzUa-m7AFDgjWuwm6exyCklc03U
Blog - https://www.rahulpnath.com/
What's hot (20)
Taking Spring Apps for a Spin on Microsoft Azure Cloud
Taking Spring Apps for a Spin on Microsoft Azure Cloud
deliver:agile - Enable your Agile Team with Continuous Delivery Pipelines
deliver:agile - Enable your Agile Team with Continuous Delivery Pipelines
Intelligent Mobile App と Cloud Native が創るアプリ開発の未来 ～ これからの時代のアプリケーション開発ビジョン ～
Intelligent Mobile App と Cloud Native が創るアプリ開発の未来 ～ これからの時代のアプリケーション開発ビジョン ～
Why AvePoint chose Azure for its Office 365 solutions
Why AvePoint chose Azure for its Office 365 solutions
Infra Agil: How the Ops teams delivery and operate the infrastructures in the...
Infra Agil: How the Ops teams delivery and operate the infrastructures in the...
Can We Make Maps from Videos? ~From AI Algorithm to Engineering for Continuou...
Can We Make Maps from Videos? ~From AI Algorithm to Engineering for Continuou...
Practical Continuous Deployment - Atlassian - London AUG 18 Feb 2014
Practical Continuous Deployment - Atlassian - London AUG 18 Feb 2014
Is Serverless The New Swiss Cheese? - AWS Seattle User Group
Is Serverless The New Swiss Cheese? - AWS Seattle User Group
Selenium Testing your Kubernetes Apps with Machine Learning and Testim
Selenium Testing your Kubernetes Apps with Machine Learning and Testim
Similar to Building a Running App With react-native
React native - React(ive) Way To Build Native Mobile Apps
React Native is an open source framework released by Facebook in 2015 that allows building native mobile apps using React. It uses JavaScript to render components and runs these components on both iOS and Android platforms. The architecture runs JavaScript code on a virtual machine and uses an asynchronous bridge to communicate with native components, allowing truly native UI and performance. It uses CSS flexbox for layout and styling components within JavaScript rather than globally. This provides benefits like deterministic resolution, no dead code, and leveraging React's proven virtual DOM. Getting started requires Node.js, watchman, and the React Native CLI to generate projects that can be run from Xcode or Android Studio.
Experiences building apps with React Native @UtrechtJS May 2016
React Native is all about combining great user experience on native platforms with the developer experience of React on the web. Since it’s start one year ago, React Native continuously enjoys a tremendous traction. In 2015 React got popular, 2016 will be the year of React Native. I followed the development since the start and now I’m busy building my third React Native app. During my talk I like to introduce the library, show useful tooling and give practical advice for building React Native apps.
React Native
The document discusses React Native for Android. It covers topics like React Native, JavaScript environment, ES6 syntax, JSX syntax, Node.js/NPM, React, rendering, debugging, running demos, delivering packages, examples, performance considerations, and what can be learned from building cross-platform mobile apps with React Native. Building native mobile apps for both iOS and Android from the same codebase allows shipping updates faster and reusing code, though it also has challenges to overcome.
Erica Cooksey Reactathon 2018
This document discusses sharing code between React Native and native Android apps at Eaze. It describes Eaze's decision to use React Native to leverage their existing React JS team and share resources between mobile and web. While React Native provided initial velocity, native Android development improved performance. The document outlines their approach to sharing code between the platforms using a publish-subscribe model, serializing data and emitting events between native and JS layers via module bindings and callbacks.
Experiences building apps with React Native @DomCode 2016
React Native is all about combining great user experience on native platforms with the developer experience of React on the web. Since it’s start 1.5 years ago, React Native continuously enjoys a tremendous traction. In 2015 React got popular, I believe 2017 will be the year of React Native. I followed the development since the start and now built several React Native apps. During my talk I like to introduce the library, show useful tooling and give practical advice for building React Native apps.
Your choices for building a mobile app in 2016
Slides of my talk at BDL Accelerate 2016 about the different frameworks and options developers have these days to build their mobile apps
React Native - Build Native Mobile App
Are you struggling to choose the right platform to build your first mobile app? Would you like to know more about React Native before taking decision? Here is the document summarizes everything about React Native and various mobile application development frameworks. Surely make your life easier.
Build native iOS, Android and Windows apps with JavaScript.
DEVELOPING SHAREPOINT FRAMEWORK SOLUTIONS FOR THE ENTERPRISE
Eric Shupps presented on developing SharePoint Framework solutions for the enterprise. He discussed how enterprises are increasingly using SPFx to build modern solutions. The presentation covered enabling developers through skills acquisition and configuring development environments. It also provided guidance on designing SPFx solutions for enterprises, addressing challenges like legacy dependencies and cloud integration. The latter part of the presentation focused on deploying SPFx solutions through packaging, feature frameworks, and using the Office 365 CDN for asset delivery.
Dublin Unity User Group Meetup Sept 2015
This document provides tips for organizing code in new Unity projects. It recommends using a hub manager script to organize logic into groups and namespaces. Script execution order and custom app flows using coroutines and events are also discussed. Code should be organized pragmatically with self-speaking names and smart commenting rather than following dogmas. Behavior trees and reactive patterns can help structure application logic and data flow.
React native starter
React Native allows developers to build mobile apps using JavaScript and React by rendering native UI components. It works by implementing React components as native platform views using JavaScript, allowing React code to be compiled to native mobile applications for iOS and Android. Some benefits include using JavaScript, native controls for performance, and React features for UI. Cons include documentation, expertise for native modules, third-party components, lagging SDK updates, and lack of support for Windows Phone.
React nativebeginner1
This document provides an introduction and overview of React Native, including what it is, how it works, and how to set it up for both iOS and Android development. It discusses some key differences between React Native and traditional web development, provides code samples and explanations of common React Native components and patterns, and outlines steps for creating a new React Native project. It also addresses common errors and links to additional documentation resources.
Getting Started with React Native (and should I use it at all?)
How to decide if React Native is right for your project, and what resources / boilerplates / communities are available for beginners.
From React to React Native - Things I wish I knew when I started
INTRO
Why RN
Welcome to the Mobile world
The app bundle
UI COMPONENTS/NAVIGATION
Android Jetpack
iOS UIKit
React Navigation
THE JAVASCRIPT ENGINE
JavaScriptCore
Chrome V8
Hermes
THE LOCAL DEVELOPMENT
Metro
Flipper
Gradle
CocoaPods
Fastlane
.NET per la Data Science e oltre
Come può .NET contribuire alla Data Science? Cosa è .NET Interactive? Cosa c'entrano i notebook? E Apache Spark? E il pythonismo? E Azure? Vediamo in questa sessione di mettere in ordine le idee.
Rise of the hybrids
Hybrid applications combine web development skills with native containers to create cross-platform mobile apps. While frameworks like Ionic and Famo.us allow developing hybrids quickly, performance issues remain on Android. React Native offers better performance by using native UI components instead of a webview, allowing developers to write once with React and deploy natively to iOS and Android. It has potential to replace other "native wrapper" frameworks by bringing React's declarative paradigm directly to mobile.
Lecture 1 Introduction to React Native.pptx
This document provides an introduction and overview of React Native, including what it is, its prerequisites, core components, and how to set up the development environment. Specifically:
- React Native is a framework for building mobile apps for iOS and Android using React. It allows writing apps once in JavaScript and deploying to both platforms.
- Basic JavaScript and React knowledge are prerequisites. Core components include common mobile components with built-in native implementations.
- The entry point file initializes the app and renders the root component. Setting up the environment involves installing Node, Expo, and creating a new project.
React native
React Native is an open source framework for building mobile apps using React and JavaScript. It uses native components and allows building real mobile apps for Android and iOS. It works by using a virtual DOM layer that maps React components to native mobile components using Objective-C and Java APIs. Developers can get started using Expo or React Native CLI. Expo is easier for beginners while CLI allows more customization and third party libraries. Core concepts include components, JSX, state, props, and unidirectional data flow. React Native also includes tools like live reloading and hot reloading for faster development.
The FT Web App: Coding Responsively
Video and slides synchronized, mp3 and slide download available at URL http://bit.ly/XCerdb.
Rob Shilston discusses the need for coding responsively, not just designing responsively, along with the development process in place at Financial Times. Filmed at qconsf.com.
Rob Shilston is a director of the FT's Labs division, which works on experimental web technologies and produces products such as the FT web app. He is currently responsible for the technical delivery of the FT web app and its hosting infrastructure. Prior to FT Labs, Rob founded the web consulting firm Assanka, which was acquired by the FT in January 2012.
Creating a Comprehensive Social Media App Using Ionic and Phone Gap
Presented at Web Unleashed on September 16-17, 2015 in Toronto, Canada
More info at www.fitc.ca/webu
Creating a Comprehensive Social Media App Using Ionic and Phone Gap
with Nick Van Weerdenburg and Andrey Feldman
Sprout Wellness Solutions Inc. engaged with Rangle.io in Spring 2014 to help build their first iOS and Android mobile wellness social networking application based on prior experiences with the mobile web and a customer-focused business strategy that prioritized agility and time-to-market.
In this talk, Andrey Feldman from Sprout and Nick Van Weerdenburg from Rangle.io share a comprehensive case study on the end-to-end journey defining and building Sprout’s mobile application using the Ionic Framework and PhoneGap/Cordova.
OBJECTIVE
To share lessons learned from a business, team and technical perspective during the creation of Sprout at Work’s mobile application.
TARGET AUDIENCE
Business and technical leaders responsible for mobile web and app strategy.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Challenges and technical constraints building HTML5 mobile applications
Insight on when to use Ionic and Angular
How to build for the best performance on a wide variety of devices
Saving time and money with the right HTML5 strategy
Team and partnership considerations when building mobile applications
Building Your App SDK with Swift
A presentation for the June 28, 2016 Brooklyn Swift meetup. This presentation covers my journey to build an SDK and the lessons learned along the way.
Similar to Building a Running App With react-native (20)
React native - React(ive) Way To Build Native Mobile Apps
React native - React(ive) Way To Build Native Mobile Apps
Experiences building apps with React Native @UtrechtJS May 2016
Experiences building apps with React Native @UtrechtJS May 2016
Experiences building apps with React Native @DomCode 2016
Experiences building apps with React Native @DomCode 2016
DEVELOPING SHAREPOINT FRAMEWORK SOLUTIONS FOR THE ENTERPRISE
DEVELOPING SHAREPOINT FRAMEWORK SOLUTIONS FOR THE ENTERPRISE
Getting Started with React Native (and should I use it at all?)
Getting Started with React Native (and should I use it at all?)
From React to React Native - Things I wish I knew when I started
From React to React Native - Things I wish I knew when I started
Creating a Comprehensive Social Media App Using Ionic and Phone Gap
Creating a Comprehensive Social Media App Using Ionic and Phone Gap
Recently uploaded
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Inconsistent user experience and siloed data, high costs, and changing customer expectations – Citizens Bank was experiencing these challenges while it was attempting to deliver a superior digital banking experience for its clients. Its core banking applications run on the mainframe and Citizens was using legacy utilities to get the critical mainframe data to feed customer-facing channels, like call centers, web, and mobile. Ultimately, this led to higher operating costs (MIPS), delayed response times, and longer time to market.
Ever-changing customer expectations demand more modern digital experiences, and the bank needed to find a solution that could provide real-time data to its customer channels with low latency and operating costs. Join this session to learn how Citizens is leveraging Precisely to replicate mainframe data to its customer channels and deliver on their “modern digital bank” experiences.
HCL Notes and Domino License Cost Reduction in the World of DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
Digital Marketing Trends in 2024 | Guide for Staying Ahead
https://www.wask.co/ebooks/digital-marketing-trends-in-2024
Feeling lost in the digital marketing whirlwind of 2024? Technology is changing, consumer habits are evolving, and staying ahead of the curve feels like a never-ending pursuit. This e-book is your compass. Dive into actionable insights to handle the complexities of modern marketing. From hyper-personalization to the power of user-generated content, learn how to build long-term relationships with your audience and unlock the secrets to success in the ever-shifting digital landscape.
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays, June 2024 with Maria Copot 20
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-und-domino-lizenzkostenreduzierung-in-der-welt-von-dlau/
DLAU und die Lizenzen nach dem CCB- und CCX-Modell sind für viele in der HCL-Community seit letztem Jahr ein heißes Thema. Als Notes- oder Domino-Kunde haben Sie vielleicht mit unerwartet hohen Benutzerzahlen und Lizenzgebühren zu kämpfen. Sie fragen sich vielleicht, wie diese neue Art der Lizenzierung funktioniert und welchen Nutzen sie Ihnen bringt. Vor allem wollen Sie sicherlich Ihr Budget einhalten und Kosten sparen, wo immer möglich. Das verstehen wir und wir möchten Ihnen dabei helfen!
Wir erklären Ihnen, wie Sie häufige Konfigurationsprobleme lösen können, die dazu führen können, dass mehr Benutzer gezählt werden als nötig, und wie Sie überflüssige oder ungenutzte Konten identifizieren und entfernen können, um Geld zu sparen. Es gibt auch einige Ansätze, die zu unnötigen Ausgaben führen können, z. B. wenn ein Personendokument anstelle eines Mail-Ins für geteilte Mailboxen verwendet wird. Wir zeigen Ihnen solche Fälle und deren Lösungen. Und natürlich erklären wir Ihnen das neue Lizenzmodell.
Nehmen Sie an diesem Webinar teil, bei dem HCL-Ambassador Marc Thomas und Gastredner Franz Walder Ihnen diese neue Welt näherbringen. Es vermittelt Ihnen die Tools und das Know-how, um den Überblick zu bewahren. Sie werden in der Lage sein, Ihre Kosten durch eine optimierte Domino-Konfiguration zu reduzieren und auch in Zukunft gering zu halten.
Diese Themen werden behandelt
- Reduzierung der Lizenzkosten durch Auffinden und Beheben von Fehlkonfigurationen und überflüssigen Konten
- Wie funktionieren CCB- und CCX-Lizenzen wirklich?
- Verstehen des DLAU-Tools und wie man es am besten nutzt
- Tipps für häufige Problembereiche, wie z. B. Team-Postfächer, Funktions-/Testbenutzer usw.
- Praxisbeispiele und Best Practices zum sofortigen Umsetzen
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/temporal-event-neural-networks-a-more-efficient-alternative-to-the-transformer-a-presentation-from-brainchip/
Chris Jones, Director of Product Management at BrainChip , presents the “Temporal Event Neural Networks: A More Efficient Alternative to the Transformer” tutorial at the May 2024 Embedded Vision Summit.
The expansion of AI services necessitates enhanced computational capabilities on edge devices. Temporal Event Neural Networks (TENNs), developed by BrainChip, represent a novel and highly efficient state-space network. TENNs demonstrate exceptional proficiency in handling multi-dimensional streaming data, facilitating advancements in object detection, action recognition, speech enhancement and language model/sequence generation. Through the utilization of polynomial-based continuous convolutions, TENNs streamline models, expedite training processes and significantly diminish memory requirements, achieving notable reductions of up to 50x in parameters and 5,000x in energy consumption compared to prevailing methodologies like transformers.
Integration with BrainChip’s Akida neuromorphic hardware IP further enhances TENNs’ capabilities, enabling the realization of highly capable, portable and passively cooled edge devices. This presentation delves into the technical innovations underlying TENNs, presents real-world benchmarks, and elucidates how this cutting-edge approach is positioned to revolutionize edge AI across diverse applications.June Patch Tuesday
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
Azure API Management to expose backend services securely
How to use Azure API Management to expose backend service securely
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
This case study explores designing a scalable e-commerce platform, covering key requirements, system components, and best practices.
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks creates AI-boosted business software that helps employees work more efficiently and effectively. Managing data across multiple RDBMS and NoSQL databases was already a challenge at their current scale. To prepare for 10X growth, they knew it was time to rethink their database strategy. Learn how they architected a solution that would simplify scaling while keeping costs under control.
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
Choosing The Best AWS Service For Your Website + API.pptx
Have you ever been confused by the myriad of choices offered by AWS for hosting a website or an API?
Lambda, Elastic Beanstalk, Lightsail, Amplify, S3 (and more!) can each host websites + APIs. But which one should we choose?
Which one is cheapest? Which one is fastest? Which one will scale to meet our needs?
Join me in this session as we dive into each AWS hosting service to determine which one is best for your scenario and explain why!
Dandelion Hashtable: beyond billion requests per second on a commodity server
This slide deck presents DLHT, a concurrent in-memory hashtable. Despite efforts to optimize hashtables, that go as far as sacrificing core functionality, state-of-the-art designs still incur multiple memory accesses per request and block request processing in three cases. First, most hashtables block while waiting for data to be retrieved from memory. Second, open-addressing designs, which represent the current state-of-the-art, either cannot free index slots on deletes or must block all requests to do so. Third, index resizes block every request until all objects are copied to the new index. Defying folklore wisdom, DLHT forgoes open-addressing and adopts a fully-featured and memory-aware closed-addressing design based on bounded cache-line-chaining. This design offers lock-free index operations and deletes that free slots instantly, (2) completes most requests with a single memory access, (3) utilizes software prefetching to hide memory latencies, and (4) employs a novel non-blocking and parallel resizing. In a commodity server and a memory-resident workload, DLHT surpasses 1.6B requests per second and provides 3.5x (12x) the throughput of the state-of-the-art closed-addressing (open-addressing) resizable hashtable on Gets (Deletes).
Taking AI to the Next Level in Manufacturing.pdf
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
Introduction of Cybersecurity with OSS at Code Europe 2024
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
Recently uploaded (20)
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
Azure API Management to expose backend services securely
Azure API Management to expose backend services securely
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Building a Running App With react-native
- 1. Welcome to the Eindhoven Developers Meetup #11
- 3. ATO-gear Wearables for the sports industry
- 4. ARION BIOMETRIC SHOE INSOLE For technique improvement and injury prevention when running. Measures pressure, GPS, gyro- and acceleration. Very thin, is placed under your regular insole and unnoticeable when running. Communicates using bluetooth LE with your phone or smartwatch.
- 5. TODAYS TALK • INTRO TO REACT-NATIVE • OUR APP & LESSONS LEARNED
- 6. WHY REACT- NATIVE ?• PROS • Cross platform (iOS/Android ) • Native performance • Fast development cycle • Share JS-code with our website • Large active community • CONS • Relatively young
- 7. • Released by Facebook in early 2015 • 37K github stars • 2875 NPM modules • 2 weekly release cycle • Javascript ES6 & ES7 • Uses React/JSX to wrap & layout native components • Uses flexbox layout semantics ABOUT REACT- NATIVE
- 8. • install node-js • npm install -g react-native-cli • react-native init MyAwesomeApp • react-native run-ios • Tooling/scripts: • cd android && ./gradlew assembleRelease && cd .. • eslint INSTALL REACT- NATIVE
- 11. RN ANIMATED API
- 12. PLATFORM SPECIFIC CODE• Files ending on ‘…ios.js’ compile only on that specific platform • Use ‘Platform.OS’ to write conditional code: • Images automatically use the correct scale version
- 13. HOT RELOADING • Hot-reloading automagically reloads components and styles without affecting the state of the application • It does this by wrapping each component, which can then be re-loaded on the fly • It’s AWESOME; and a huge time saver
- 14. DEMO TIME
- 16. OUR “STACK”• fetch API • redux • Firebase Crash Reporting & Analytics • Own Native Bluetooth & GPS • some numbers • 31 added npm packages • 104 react components/views • 7 redux reducers
- 17. • react-native-animatable • react-native-background-timer • react-native-device-log • react-native-fetch-blob • react-native-firestack • react-native-fs • react-native-maps • react-native-svg • react-native-textinput-effects • react-native-vector-icons REACT-NATIVE modules
- 18. LESSONS LEARNED• If it looks good on iOS, doesn’t mean it looks good on Android (and vice versa) • Don’t use ‘lineHeight’ i.c.w. custom fonts on Android • Set `underlineColorAndroid` to “transparent” if you want identical TextInput styling on iOS and Android • Don’t use `textAlignVertical`. Instead use flex to center the Text vertically using flexDirection=column and
- 19. LESSONS LEARNED• Android only supports regular, bold, italic & bold-italic font weights/styles • Always measure animation performance on release builds • console.log messages can greatly affect your animation performance • console.time / console.timeEnd crash in release builds • Use `shouldComponentUpdate` to optimise
- 20. SOME TIPS • Use VYSOR to view and control your Android device • Use `adb shell input keyevent 82` to open the react-native menu • Debug and test as much JS-code first on the iOS simulator before testing on an actual device • Use `npm outdated` to quickly check for updated packages • Time your moment for upgrading to the
- 21. USEFUL RESOURCES• github.com/vitorebatista/open-source-react- native-apps • github.com/jondot/awesome-react-native • github.com/frostney/react-native-create- library • productpains.com/product/react-native/
- 22. THANK YOU ato-gear.com UNLEASH YOUR INNER DEVELOPER