Modern web2016 reactnativeweb

•

1 like•162 views

This document discusses React Native for Web and its benefits. It describes how React Native for Web allows building a single app that runs on iOS, Android, and web using React Native and a shared codebase. It outlines the setup process for React Native for Web and demonstrates some key components like TextInput, Button, Touchable elements, and ListView working the same across platforms. The presenter then shows a Pokemon demo app to illustrate a full-stack React Native for Web app with backend API integration. In conclusion, React Native for Web is highlighted as a way to build high-performance omni-channel apps that can leverage native capabilities on multiple platforms from a single codebase.

Software

Agenda
• Why React Native for Web ?
• !
• Demo

- App
iOS iOS App
Android Android App
FrontEnd

- App
iOS Android
FrontEnd
React Native App 
(iOS, Android)

Setup
• react-native
• install react-native-web
• webpack : 
(ex: react-hot-boilerplate) 
index.html , index.web.js  
webpack conﬁg

“yo react-native-web”
https://github.com/leeabc/generator-react-native-web

!
• Demo “ ”  
React-Native-Web Demo ,
, , !
• , ,

Backend
• Backend:
• Express 4.x
• Pokemon-GO-node-api

• GPS :
•  
 
• API :
• Fetch API:
•
• Data

IV
TextInput ( / )
Button
TouchableXXXX
ListView
View

!
• iOS , Android, Web High!
• Web Electron 5
!!! (iOS, Android, Web, Windows , Mac)
• React-Native ,
Native App !

References
• React Native Web :  
https://github.com/necolas/react-native-web
• Generator React Native Web:  
https://github.com/leeabc/generator-react-native-
web
• React Native Web - React Native Sydney : 
https://www.youtube.com/watch?v=eV4pZ6vv1VE

Pepperoni 2.0 - How to spice up your mobile apps (http://getpepperoni.com) Description: Pepperoni is Futurice’s in-house developed App Starter Kit for iOS and Android applications based on React Native. It makes your life as a developer easier and helps you to focus on your app functionality rather than reinventing the wheel again for basic features such as tab navigation and user authentication. Presenter: Tino Junge (@tinojunge) Tino is a Full Stack Engineer located in Futurice’s London office since January 2016. He is passionated about Design Thinking and new web technologies. Most recently has been developing apps with React and React Native. Presented at Futurice London's Beer & Tech Meetup on 16.11.16.

Reark : a Reference Architecture for Android using RxJava

Futurice

Reark : a Reference Architecture for Android using RxJava (https://github.com/reark/reark) Description: Reark showcase a reference Architecture for Android application using Rxjava. This is an ambitious reference project of what can be done with RxJava to create an app based on streams of data and view models. presenter: Timo Tuominen (@tehmou) Timo is reactive programming specialist trying to make the world a better place - or at least the code. In addition to creating all kinds of apps and services, he enjoys teaching software development and is writing a book. This was presented at Futurice London's Beer & Tech event on 16.11.16.

React Native - Getting Started

Tracy Lee

React Native in a nutshell

Brainhub

Power of React Native

Murugan Durai

Lo mejor y peor de React Native @ValenciaJS

Marcel Kalveram

Una charla sobre React Native que di el 23 de Marzo 2017 en el meetup ValenciaJS: https://www.meetup.com/es-ES/ValenciaJS/events/238249872/ En 2016 desarrollé durante seis meses una aplicación para React Native. En esta charla compartí todo lo que he aprendido sobre este framework, y cómo os puede servir para crear una app nativa para iOS y Android al mismo tiempo de manera rápida y ágil. Hablé sobre la parte positiva, y las cosas que aceleraron nuestro proceso de desarrollo, pero también sobre algunos inconvenientes que hay que tener en cuenta. Se trata sobre todo de problemas muy específicos de cada plataforma, poner en marcha un flujo de integración continua y facilitar un proceso sencillo de testar la app con los usuarios. React Native es una buena solución que está muy de moda pero esto no significa que hay que usarlo sin analizar bien las necesidades de tu proyecto. Presenté brevemente una alternativa (Ionic 2) y conté que ventajas tiene en comparación con React Native desde mi punto de vista.

An iOS Developer's Perspective on React Native

Aleksandras Smirnovas

In this presentation given by Eric Nograles on 9/7/16 for ReactJS Tampa Bay, we go over the unique features and capabilities of React Native. By bringing the React developer experience and ecosystem to native platforms, React Native enables exponential gains in developer productivity without sacrificing native UX. "Learn once, write anywhere" is real, and development organizations stand to gain by adopting this ecosystem and philosophy!

Creating books app with react native

Ali Sa'o

React Native "A Bad Idea Or A Game Changer" at Code Mania 101

Ranatchai Chernbamrung

React Native - Unleash the power of React in your device - Eduard Tomàs - Cod...

Codemotion

ReactJs has a young brother called React Native that it is ready to jump from the web development to mobile native development. And that is great, because React and its "one direction data flow" philosophy is one of the coolest things that happened past year :) In this talk I'll give a brief summary about React, its style and philosophy and how we can use React Native to build native applications for iOS and Android using JavaScript and the same set of tools and workflow we use to create web applications.

Experiences building apps with React Native @DomCode 2016

Adrian Philipp

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.

Erica Cooksey Reactathon 2018

🏡 Erica Cooksey

Update Smart: Use a Staging Site!

Meagan Hanes

Performing theme, plugin and core updates on your site can be intimidating and overwhelming, especially for older and more complex sites with many interconnected plugins – WooCommerce, I’m looking at you! The solution is simple: use a staging site – a private copy of your site where you can safely test updates and resolve problems before your users ever experience an issue. I’ll guide you across a number of ways to create a staging site depending on your specific needs, performing these updates, and then applying these updates to your main site. You’ll leave with a concrete plan for how to set up your own staging site, and will fear the update process far less!

Docker, Continuous Integration, and You

Atlassian

Docker is rapidly gaining mind-share amongst both operations and development teams. One of Docker's sweet spots is in the area of rapid development and testing. This talk will show how we use Docker containers to resolve dependency problems in tests, and how to integrate this workflow into a Bamboo continuous integration and deployment pipeline. This talk is for current Bamboo customers or those familiar with Bamboo who are interested in combining CI with Docker to it's fullest potential.

Ionic CLI Adventures

Juarez Filho

The Ionic Framework command line utility makes it easy to start, build, run, and emulate Ionic apps. Learn how to use the power of Ionic CLI, you'll see the most important commands and resources to go deeper into all goodies provided by this amazing tool. Ionic CLI is so fun to use, after this presentation you'll feel more comfortable using the terminal while develop hybrid apps with Ionic Framework.

Introduction to React Native & Rendering Charts / Graphs

Rahat Khanna a.k.a mAppMechanic

Hands on react native

Jay Nagar

React native

Omid Nikrah

Optimizing React Native views for pre-animation

ModusJesus

Ionic framework

Software Infrastructure

Ryan Christiani I Heard React Was Good

FITC

I Heard React Was Good with Ryan Christiani There is no doubt React is here to stay, it’s popularity is on the rise. But if you are new to JS or new to JS frameworks you might be wondering WHY is it so popular. In this talk we will look at why we have React and what problems it solves. The concepts of reusable components, their life cycles and the common terminology. We will also explore what the workflow for building a modern React app looks like, and where React can fall short. Learning React in 2016 will be an important step in your career, so lets dive in! OBJECTIVE Break down the concepts behind React and make it easy for people to start building with it. TARGET AUDIENCE JavaScript developers or project mangers looking to get a better understanding of React. ASSUMED AUDIENCE KNOWLEDGE Intermediate understanding of JavaScript. FIVE THINGS AUDIENCE MEMBERS WILL LEARN Why do we have react, what problems does it solve React components Component life cycles Common terminology Where React falls short

[GeekTalk#2] Takaaki Mizuno - Api Url Design

Nexus FrontierTech

Putting the Native in React Native - React Native Boston

stan229

Intro to react native

ModusJesus

European SharePoint Conference 2017 - SharePoint Framework, Angular & Azure F...

Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 2 and the current preview release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario Change the way you will think for your next SharePoint project

JSDC 2015 React-Native 實戰

Sam Lee

BackbonejsSam Lee

What's hot

Scala on Rails #rakutentech

Kazuhiro Sera

Going Native With React

Eric Nograles

Creating books app with react native

Ali Sa'o

React Native "A Bad Idea Or A Game Changer" at Code Mania 101

Ranatchai Chernbamrung

React Native - Unleash the power of React in your device - Eduard Tomàs - Cod...

Codemotion

Experiences building apps with React Native @DomCode 2016

Adrian Philipp

Erica Cooksey Reactathon 2018

🏡 Erica Cooksey

Update Smart: Use a Staging Site!

Meagan Hanes

Docker, Continuous Integration, and You

Atlassian

Ionic CLI Adventures

Juarez Filho

Introduction to React Native & Rendering Charts / Graphs

Rahat Khanna a.k.a mAppMechanic

Hands on react native

Jay Nagar

React native

Omid Nikrah

Optimizing React Native views for pre-animation

ModusJesus

Ionic framework

Software Infrastructure

Ryan Christiani I Heard React Was Good

FITC

[GeekTalk#2] Takaaki Mizuno - Api Url Design

Nexus FrontierTech

Putting the Native in React Native - React Native Boston

stan229

Intro to react native

ModusJesus

European SharePoint Conference 2017 - SharePoint Framework, Angular & Azure F...

Sébastien Levert

What's hot (20)

Scala on Rails #rakutentech

Going Native With React

Creating books app with react native

React Native "A Bad Idea Or A Game Changer" at Code Mania 101

React Native - Unleash the power of React in your device - Eduard Tomàs - Cod...

Experiences building apps with React Native @DomCode 2016

Erica Cooksey Reactathon 2018

Update Smart: Use a Staging Site!

Docker, Continuous Integration, and You

Ionic CLI Adventures

Introduction to React Native & Rendering Charts / Graphs

Hands on react native

React native

Optimizing React Native views for pre-animation

Ionic framework

Ryan Christiani I Heard React Was Good

[GeekTalk#2] Takaaki Mizuno - Api Url Design

Putting the Native in React Native - React Native Boston

Intro to react native

European SharePoint Conference 2017 - SharePoint Framework, Angular & Azure F...

Viewers also liked

JSDC 2015 React-Native 實戰

Sam Lee

BackbonejsSam Lee

What is FED

Sam Lee

Trend Micro Web's Scaffolding tool

Sam Lee

React native redux_sharing

Sam Lee

React native sharing

Sam Lee

Android動態ui介面設計艾鍗科技

React Native Introduction: Making Real iOS and Android Mobile App By JavaScript

Kobkrit Viriyayudhakorn

React Native is a new technology that allows building real mobile apps using only JavaScript. It is a JavaScript framework for writing, debugging, and deploying both iOS and Android mobile applications with native experience. React-Native allows developers to share about 80% of code between iOS and Android which make the development is 5x faster than traditional means. React-Native libraries are created by Facebook released in March 2015. It was proven by many world-class mobile applications, such as Facebook, Facebook Ads Manager, TaskRabbit, QQ, Discord, SoundCloud, etc.

Startup Pitching and Mobile App Startup

Kobkrit Viriyayudhakorn

[React-Native Tutorial] Map

Kobkrit Viriyayudhakorn

Viewers also liked (10)

JSDC 2015 React-Native 實戰

Backbonejs

What is FED

Trend Micro Web's Scaffolding tool

React native redux_sharing

React native sharing

Android動態ui介面設計

React Native Introduction: Making Real iOS and Android Mobile App By JavaScript

Startup Pitching and Mobile App Startup

[React-Native Tutorial] Map

Similar to Modern web2016 reactnativeweb

React Native

Huqiu Liao

React Native - CirebonDev

Ayat Maulana

Building Apps with React Native - Lessons Learned

Alexandra Anghel

Performance and Scalability Art of Isomorphic React Applications

Denis Izmaylov

Cross Platform Mobile Development

Software Infrastructure

Building framework with shared code on Android and iOS using React Native. UA...

UA Mobile

Ionic adventures - Hybrid Mobile App Development rocks

Juarez Filho

Titanium Alloy Tutorial

Fokke Zandbergen

React Native and the future of web technology (Mark Wilcox) - GreeceJS #15

GreeceJS

Modern App Development with the SharePoint Framework

Pete Filicetti

React Native - Build Native Mobile App

Mobio Solutions

Fragmentation in mobile design: fact or fictionBelen Barros Pena

App developer as a Web developer (ROROSyd - Jul 15)

Sameera Gayan

A Practical Approach to React Native at All Things Open Conference

Tracy Lee

React BKK: Scalable Application Architecture

Zack Siri

Authentication and Identity with Amazon Cognito & Analytics with Amazon Pinpoint

Amazon Web Services

by Adrian Hall, Sr. Developer Advocate, AWS One of the key challenges for mobile applications is managing users and their identities in order to support monetization strategies, provide differentiated services, and manage fine grained access and data controls. In this session, you’ll learn how Amazon Cognito provides user sign-up and sign-in as part of your onboarding workflow and advanced capabilities for data access/feature management and security. Once you’ve acquired a user, then the even more difficult task of retaining and monetizing the user begins. In order to retain the user, they must be engaged with the application. In this session, you’ll learn how to use Amazon Pinpoint to implement user engagement strategies via data and event capture, advanced analytics, integrated multi-channel messaging (mobile push, SMS, email) to drive campaigns (both transactional and targeted) based on demographics and audience segmentation.

React native - React(ive) Way To Build Native Mobile Apps

Jimit Shah

Real World ionic Development

Chris Griffith

Hybrid mobile apps

Abraham Barrera

Single Page Application Development with backbone.js and Simple.WebChris Canal

Similar to Modern web2016 reactnativeweb (20)

React Native

React Native - CirebonDev

Building Apps with React Native - Lessons Learned

Performance and Scalability Art of Isomorphic React Applications

Cross Platform Mobile Development

Building framework with shared code on Android and iOS using React Native. UA...

Ionic adventures - Hybrid Mobile App Development rocks

Titanium Alloy Tutorial

React Native and the future of web technology (Mark Wilcox) - GreeceJS #15

Modern App Development with the SharePoint Framework

React Native - Build Native Mobile App

Fragmentation in mobile design: fact or fiction

App developer as a Web developer (ROROSyd - Jul 15)

A Practical Approach to React Native at All Things Open Conference

React BKK: Scalable Application Architecture

Authentication and Identity with Amazon Cognito & Analytics with Amazon Pinpoint

React native - React(ive) Way To Build Native Mobile Apps

Real World ionic Development

Hybrid mobile apps

Single Page Application Development with backbone.js and Simple.Web

Recently uploaded

AI Pilot Review: The World’s First Virtual Assistant Marketing Suite

Google

AI Pilot Review: The World’s First Virtual Assistant Marketing Suite 👉👉 Click Here To Get More Info 👇👇 https://sumonreview.com/ai-pilot-review/ AI Pilot Review: Key Features ✅Deploy AI expert bots in Any Niche With Just A Click ✅With one keyword, generate complete funnels, websites, landing pages, and more. ✅More than 85 AI features are included in the AI pilot. ✅No setup or configuration; use your voice (like Siri) to do whatever you want. ✅You Can Use AI Pilot To Create your version of AI Pilot And Charge People For It… ✅ZERO Manual Work With AI Pilot. Never write, Design, Or Code Again. ✅ZERO Limits On Features Or Usages ✅Use Our AI-powered Traffic To Get Hundreds Of Customers ✅No Complicated Setup: Get Up And Running In 2 Minutes ✅99.99% Up-Time Guaranteed ✅30 Days Money-Back Guarantee ✅ZERO Upfront Cost See My Other Reviews Article: (1) TubeTrivia AI Review: https://sumonreview.com/tubetrivia-ai-review (2) SocioWave Review: https://sumonreview.com/sociowave-review (3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review (4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review

Corporate Management | Session 3 of 3 | Tendenci AMS

Tendenci - The Open Source AMS (Association Management Software)

Experience our free, in-depth three-part Tendenci Platform Corporate Membership Management workshop series! In Session 1 on May 14th, 2024, we began with an Introduction and Setup, mastering the configuration of your Corporate Membership Module settings to establish membership types, applications, and more. Then, on May 16th, 2024, in Session 2, we focused on binding individual members to a Corporate Membership and Corporate Reps, teaching you how to add individual members and assign Corporate Representatives to manage dues, renewals, and associated members. Finally, on May 28th, 2024, in Session 3, we covered questions and concerns, addressing any queries or issues you may have. For more Tendenci AMS events, check out www.tendenci.com/events

Enterprise Resource Planning System in Telangana

NYGGS Automation Suite

Enterprise Resource Planning System includes various modules that reduce any business's workload. Additionally, it organizes the workflows, which drives towards enhancing productivity. Here are a detailed explanation of the ERP modules. Going through the points will help you understand how the software is changing the work dynamics. To know more details here: https://blogs.nyggs.com/nyggs/enterprise-resource-planning-erp-system-modules/

Top Features to Include in Your Winzo Clone App for Business Growth (4).pptx

rickgrimesss22

2024 RoOUG Security model for the cloud.pptx

Georgi Kodinov

Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...

Globus

Large Language Models (LLMs) are currently the center of attention in the tech world, particularly for their potential to advance research. In this presentation, we'll explore a straightforward and effective method for quickly initiating inference runs on supercomputers using the vLLM tool with Globus Compute, specifically on the Polaris system at ALCF. We'll begin by briefly discussing the popularity and applications of LLMs in various fields. Following this, we will introduce the vLLM tool, and explain how it integrates with Globus Compute to efficiently manage LLM operations on Polaris. Attendees will learn the practical aspects of setting up and remotely triggering LLMs from local machines, focusing on ease of use and efficiency. This talk is ideal for researchers and practitioners looking to leverage the power of LLMs in their work, offering a clear guide to harnessing supercomputing resources for quick and effective LLM inference.

A Sighting of filterA in Typelevel Rite of Passage

Philip Schwarz

In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...

Juraj Vysvader

SOCRadar Research Team: Latest Activities of IntelBroker

SOCRadar

The European Union Agency for Law Enforcement Cooperation (Europol) has suffered an alleged data breach after a notorious threat actor claimed to have exfiltrated data from its systems. Infamous data leaker IntelBroker posted on the even more infamous BreachForums hacking forum, saying that Europol suffered a data breach this month. The alleged breach affected Europol agencies CCSE, EC3, Europol Platform for Experts, Law Enforcement Forum, and SIRIUS. Infiltration of these entities can disrupt ongoing investigations and compromise sensitive intelligence shared among international law enforcement agencies. However, this is neither the first nor the last activity of IntekBroker. We have compiled for you what happened in the last few days. To track such hacker activities on dark web sources like hacker forums, private Telegram channels, and other hidden platforms where cyber threats often originate, you can check SOCRadar’s Dark Web News. Stay Informed on Threat Actors’ Activity on the Dark Web with SOCRadar!

May Marketo Masterclass, London MUG May 22 2024.pdf

Adele Miller

Enhancing Research Orchestration Capabilities at ORNL.pdf

Globus

Cross-facility research orchestration comes with ever-changing constraints regarding the availability and suitability of various compute and data resources. In short, a flexible data and processing fabric is needed to enable the dynamic redirection of data and compute tasks throughout the lifecycle of an experiment. In this talk, we illustrate how we easily leveraged Globus services to instrument the ACE research testbed at the Oak Ridge Leadership Computing Facility with flexible data and task orchestration capabilities.

Globus Compute wth IRI Workflows - GlobusWorld 2024

Globus

As part of the DOE Integrated Research Infrastructure (IRI) program, NERSC at Lawrence Berkeley National Lab and ALCF at Argonne National Lab are working closely with General Atomics on accelerating the computing requirements of the DIII-D experiment. As part of the work the team is investigating ways to speedup the time to solution for many different parts of the DIII-D workflow including how they run jobs on HPC systems. One of these routes is looking at Globus Compute as a way to replace the current method for managing tasks and we describe a brief proof of concept showing how Globus Compute could help to schedule jobs and be a tool to connect compute at different facilities.

Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...

Anthony Dahanne

Les Buildpacks existent depuis plus de 10 ans ! D’abord, ils étaient utilisés pour détecter et construire une application avant de la déployer sur certains PaaS. Ensuite, nous avons pu créer des images Docker (OCI) avec leur dernière génération, les Cloud Native Buildpacks (CNCF en incubation). Sont-ils une bonne alternative au Dockerfile ? Que sont les buildpacks Paketo ? Quelles communautés les soutiennent et comment ? Venez le découvrir lors de cette session ignite

Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...

Shahin Sheidaei

Games are powerful teaching tools, fostering hands-on engagement and fun. But they require careful consideration to succeed. Join me to explore factors in running and selecting games, ensuring they serve as effective teaching tools. Learn to maintain focus on learning objectives while playing, and how to measure the ROI of gaming in education. Discover strategies for pitching gaming to leadership. This session offers insights, tips, and examples for coaches, team leads, and enterprise leaders seeking to teach from simple to complex concepts.

Globus Compute Introduction - GlobusWorld 2024

Globus

How Recreation Management Software Can Streamline Your Operations.pptx

wottaspaceseo

Recreation management software streamlines operations by automating key tasks such as scheduling, registration, and payment processing, reducing manual workload and errors. It provides centralized management of facilities, classes, and events, ensuring efficient resource allocation and facility usage. The software offers user-friendly online portals for easy access to bookings and program information, enhancing customer experience. Real-time reporting and data analytics deliver insights into attendance and preferences, aiding in strategic decision-making. Additionally, effective communication tools keep participants and staff informed with timely updates. Overall, recreation management software enhances efficiency, improves service delivery, and boosts customer satisfaction.

Developing Distributed High-performance Computing Capabilities of an Open Sci...

Globus

COVID-19 had an unprecedented impact on scientific collaboration. The pandemic and its broad response from the scientific community has forged new relationships among public health practitioners, mathematical modelers, and scientific computing specialists, while revealing critical gaps in exploiting advanced computing systems to support urgent decision making. Informed by our team’s work in applying high-performance computing in support of public health decision makers during the COVID-19 pandemic, we present how Globus technologies are enabling the development of an open science platform for robust epidemic analysis, with the goal of collaborative, secure, distributed, on-demand, and fast time-to-solution analyses to support public health.

Prosigns: Transforming Business with Tailored Technology Solutions

Prosigns

Unlocking Business Potential: Tailored Technology Solutions by Prosigns Discover how Prosigns, a leading technology solutions provider, partners with businesses to drive innovation and success. Our presentation showcases our comprehensive range of services, including custom software development, web and mobile app development, AI & ML solutions, blockchain integration, DevOps services, and Microsoft Dynamics 365 support. Custom Software Development: Prosigns specializes in creating bespoke software solutions that cater to your unique business needs. Our team of experts works closely with you to understand your requirements and deliver tailor-made software that enhances efficiency and drives growth. Web and Mobile App Development: From responsive websites to intuitive mobile applications, Prosigns develops cutting-edge solutions that engage users and deliver seamless experiences across devices. AI & ML Solutions: Harnessing the power of Artificial Intelligence and Machine Learning, Prosigns provides smart solutions that automate processes, provide valuable insights, and drive informed decision-making. Blockchain Integration: Prosigns offers comprehensive blockchain solutions, including development, integration, and consulting services, enabling businesses to leverage blockchain technology for enhanced security, transparency, and efficiency. DevOps Services: Prosigns' DevOps services streamline development and operations processes, ensuring faster and more reliable software delivery through automation and continuous integration. Microsoft Dynamics 365 Support: Prosigns provides comprehensive support and maintenance services for Microsoft Dynamics 365, ensuring your system is always up-to-date, secure, and running smoothly. Learn how our collaborative approach and dedication to excellence help businesses achieve their goals and stay ahead in today's digital landscape. From concept to deployment, Prosigns is your trusted partner for transforming ideas into reality and unlocking the full potential of your business. Join us on a journey of innovation and growth. Let's partner for success with Prosigns.

Orion Context Broker introduction 20240604

Fermin Galan

First Steps with Globus Compute Multi-User Endpoints

Globus

In this presentation we will share our experiences around getting started with the Globus Compute multi-user endpoint. Working with the Pharmacology group at the University of Auckland, we have previously written an application using Globus Compute that can offload computationally expensive steps in the researcher's workflows, which they wish to manage from their familiar Windows environments, onto the NeSI (New Zealand eScience Infrastructure) cluster. Some of the challenges we have encountered were that each researcher had to set up and manage their own single-user globus compute endpoint and that the workloads had varying resource requirements (CPUs, memory and wall time) between different runs. We hope that the multi-user endpoint will help to address these challenges and share an update on our progress here.

Recently uploaded (20)

AI Pilot Review: The World’s First Virtual Assistant Marketing Suite

Corporate Management | Session 3 of 3 | Tendenci AMS

Enterprise Resource Planning System in Telangana

Top Features to Include in Your Winzo Clone App for Business Growth (4).pptx

2024 RoOUG Security model for the cloud.pptx

Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...

A Sighting of filterA in Typelevel Rite of Passage

In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...

SOCRadar Research Team: Latest Activities of IntelBroker

May Marketo Masterclass, London MUG May 22 2024.pdf

Enhancing Research Orchestration Capabilities at ORNL.pdf

Globus Compute wth IRI Workflows - GlobusWorld 2024

Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...

Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...

Globus Compute Introduction - GlobusWorld 2024

How Recreation Management Software Can Streamline Your Operations.pptx

Developing Distributed High-performance Computing Capabilities of an Open Sci...

Prosigns: Transforming Business with Tailored Technology Solutions

Orion Context Broker introduction 20240604

First Steps with Globus Compute Multi-User Endpoints

Modern web2016 reactnativeweb

1. React Native for Web Sam Lee

2. Sam Lee : FED : /  

3. Agenda • Why React Native for Web ? • ! • Demo

4. Why React Native for Web ?

5. , React Native

6. :  iOS x 1 Android x 1 FED x 1

7. - App iOS iOS App Android Android App FrontEnd

8. - App iOS Android FrontEnd React Native App  (iOS, Android)

9. Bug : 250% up : 280% up

10. But… !!

11. - Omni-Channel App ( )               

12. Why web app? 1. : 2. : App , 3.

13. React JS!

14. React JS VDOM WEB VIEW

15. React Native VDOM IOS VIEW ANDROID VIEW

16. React Native VDOM WEB VIEW

17. React Native for Web

18.

19. Setup React Native for Web

20. Setup • react-native • install react-native-web • webpack :  (ex: react-hot-boilerplate)  index.html , index.web.js   webpack conﬁg  

21. Setup index.web.js

22. Setup webpack.conﬁg.js :

23. ?

24. “yo react-native-web” https://github.com/leeabc/generator-react-native-web

25. React Native Web ?

26. React-Native-Web Support...

27.

28. + IV (iOS, Android, Web)

29. ! • Demo “ ”   React-Native-Web Demo , , , ! • , ,

30. Backend • Backend: • Express 4.x • Pokemon-GO-node-api

31. • GPS : •     • API : • Fetch API: • • Data

32. IV TextInput ( / ) Button TouchableXXXX ListView View

33. Demo

34. /

35. ! • iOS , Android, Web High! • Web Electron 5 !!! (iOS, Android, Web, Windows , Mac) • React-Native , Native App !

36. • React Native •

37. Q & A

38. References • React Native Web :   https://github.com/necolas/react-native-web • Generator React Native Web:   https://github.com/leeabc/generator-react-native- web • React Native Web - React Native Sydney :  https://www.youtube.com/watch?v=eV4pZ6vv1VE

39. Thank you !

Modern web2016 reactnativeweb

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (10)

Similar to Modern web2016 reactnativeweb

Similar to Modern web2016 reactnativeweb (20)

Recently uploaded

Recently uploaded (20)

Modern web2016 reactnativeweb