Matteo Manchi gave a presentation on React Native for building multi-platform mobile applications. He discussed how React Native allows using JavaScript to build native mobile apps, providing native performance with cross-platform code sharing. It works by rendering UI components to native platform views using a native bridge. He demonstrated building a sample app, highlighting React Native's declarative programming model and support for many native components and APIs out of the box. Manchi also overviewed the large React Native ecosystem and community, and examples of major companies using it like Facebook.
React Native for multi-platform mobile applicationsMatteo Manchi
Since its 2013 release, React has brought a new way to design UI components in the world wide web. The same foundamentals have been taken to another important environment in our contemporary world: the mobile application.
This month we'll see the philosophy behind React Native - learn once, write anywhere - and how this new framework helps new developers to build native apps using React.
Presentation used for my session on Facebook Developer Circle Chennai - React Native for beginners meetup.
Repository for code files can be found at https://github.com/DaniAkash/FBDevCChennai-ReactNative-for-beginners
Event website: https://fbdc-chennai-1.splashthat.com/
React Native is an open source framework by Facebook that enables software engineers to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. I'll talk about what React Native actually is (and what it isn't), how it works under the hood, and why it was designed like that.
How to get started with React Native if you're a ReactJS developer? What are the similarities and differences? How to incrementally add React Native to an existing native app?
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.
As presented at DevDuck #6 - JavaScript meetup for developers (www.devduck.pl)
----
Looking for a company to build your React app? - Check us out at www.brainhub.eu
React Native for multi-platform mobile applicationsMatteo Manchi
Since its 2013 release, React has brought a new way to design UI components in the world wide web. The same foundamentals have been taken to another important environment in our contemporary world: the mobile application.
This month we'll see the philosophy behind React Native - learn once, write anywhere - and how this new framework helps new developers to build native apps using React.
Presentation used for my session on Facebook Developer Circle Chennai - React Native for beginners meetup.
Repository for code files can be found at https://github.com/DaniAkash/FBDevCChennai-ReactNative-for-beginners
Event website: https://fbdc-chennai-1.splashthat.com/
React Native is an open source framework by Facebook that enables software engineers to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. I'll talk about what React Native actually is (and what it isn't), how it works under the hood, and why it was designed like that.
How to get started with React Native if you're a ReactJS developer? What are the similarities and differences? How to incrementally add React Native to an existing native app?
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.
As presented at DevDuck #6 - JavaScript meetup for developers (www.devduck.pl)
----
Looking for a company to build your React app? - Check us out at www.brainhub.eu
A brief introduction to React Native and also best way to render analytics charts & graphs in React Native. Making cross platform ios and android apps.
Experiences building apps with React Native @DomCode 2016Adrian 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.
Intro To React Native
with Varun Vachhar
OVERVIEW
React Native introduces a new way to write native mobile apps. You can take everything that you know and love about React and apply it to native apps. Unlike hybrid apps, it gives you access to both native APIs and UI components. The application logic uses JavaScript whereas, the UI is fully native! It also brings the best of the web to native, things like – flexbox layout model, XMLHttpRequest, requestAnimationFrame, etc.
OBJECTIVE
To introduce the audience to React Native. Show how they can leverage their knowledge of web development to build native apps.
TARGET AUDIENCE
Developers familiar with React who are interested in building native mobile apps.
ASSUMED AUDIENCE KNOWLEDGE
Basic knowledge of React, ES6 and CSS.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
What is React Native
How it is an extension of hybrid
How to use polyfills to leverage the best of the web while getting native performance
How to debug React Native apps
How to use Flexbox and CSS for styling a React Native app
1. Create React Native App
2. Implementazione del codice del gioco del memory
3. Expo: integrazione di funzionalità native
4. Eject del progetto: integrazione di Expo
5. Integrazione camera/libreria foto
What's This React Native Thing I Keep Hearing About?Evan Stone
In our daily lives as iOS developers, we can usually happily keep coding away in Swift and ignore what’s going on in other software development communities, like that of JavaScript. However, there may be some advantages to at least becoming familiar with what’s going on in the world of React Native, and in this session you will get an overview of what React Native is, and why it could be a useful addition to your toolbox an iOS developer.
These slides are based on a talk given by Evan K. Stone at the Forward Swift conference in San Francisco on March 2, 2017.
React-Native components are awesome. But you can also extend the library yourself by creating a native component, using a bridge between the platform API (iOS, Android) and Javascript.
Demo code is here: https://github.com/jgrancher/talk-rncc
Matteo Manchi - React Native for multi-platform mobile applications - Codemot...Codemotion
Since its 2013 release, React has brought a new way to design UI components in the world wide web. The same fundamentals have been taken to another important environment in our contemporary world: the mobile applications. We'll see the philosophy behind React Native - learn once, write anywhere - and how this new framework helps developers to build native apps using React.
Introduzione a React Native - Facebook Developer Circle RomeMatteo Manchi
Dopo il successo del paradigma di React nello sviluppo web, l'azienda del più grande social network traspone lo stesso approccio per lo sviluppo mobile. React Native è un framework pensato per scrivere applicazioni mobile native scrivendo componenti React. Vedremo come questo si tramuti in un'opportunità per sviluppatori web e nativi, e le differenze con le soluzioni "ibride" viste fino ad oggi.
Experiences building apps with React Native @UtrechtJS May 2016Adrian 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 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.
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!
A brief introduction to React Native and also best way to render analytics charts & graphs in React Native. Making cross platform ios and android apps.
Experiences building apps with React Native @DomCode 2016Adrian 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.
Intro To React Native
with Varun Vachhar
OVERVIEW
React Native introduces a new way to write native mobile apps. You can take everything that you know and love about React and apply it to native apps. Unlike hybrid apps, it gives you access to both native APIs and UI components. The application logic uses JavaScript whereas, the UI is fully native! It also brings the best of the web to native, things like – flexbox layout model, XMLHttpRequest, requestAnimationFrame, etc.
OBJECTIVE
To introduce the audience to React Native. Show how they can leverage their knowledge of web development to build native apps.
TARGET AUDIENCE
Developers familiar with React who are interested in building native mobile apps.
ASSUMED AUDIENCE KNOWLEDGE
Basic knowledge of React, ES6 and CSS.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
What is React Native
How it is an extension of hybrid
How to use polyfills to leverage the best of the web while getting native performance
How to debug React Native apps
How to use Flexbox and CSS for styling a React Native app
1. Create React Native App
2. Implementazione del codice del gioco del memory
3. Expo: integrazione di funzionalità native
4. Eject del progetto: integrazione di Expo
5. Integrazione camera/libreria foto
What's This React Native Thing I Keep Hearing About?Evan Stone
In our daily lives as iOS developers, we can usually happily keep coding away in Swift and ignore what’s going on in other software development communities, like that of JavaScript. However, there may be some advantages to at least becoming familiar with what’s going on in the world of React Native, and in this session you will get an overview of what React Native is, and why it could be a useful addition to your toolbox an iOS developer.
These slides are based on a talk given by Evan K. Stone at the Forward Swift conference in San Francisco on March 2, 2017.
React-Native components are awesome. But you can also extend the library yourself by creating a native component, using a bridge between the platform API (iOS, Android) and Javascript.
Demo code is here: https://github.com/jgrancher/talk-rncc
Matteo Manchi - React Native for multi-platform mobile applications - Codemot...Codemotion
Since its 2013 release, React has brought a new way to design UI components in the world wide web. The same fundamentals have been taken to another important environment in our contemporary world: the mobile applications. We'll see the philosophy behind React Native - learn once, write anywhere - and how this new framework helps developers to build native apps using React.
Introduzione a React Native - Facebook Developer Circle RomeMatteo Manchi
Dopo il successo del paradigma di React nello sviluppo web, l'azienda del più grande social network traspone lo stesso approccio per lo sviluppo mobile. React Native è un framework pensato per scrivere applicazioni mobile native scrivendo componenti React. Vedremo come questo si tramuti in un'opportunità per sviluppatori web e nativi, e le differenze con le soluzioni "ibride" viste fino ad oggi.
Experiences building apps with React Native @UtrechtJS May 2016Adrian 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 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.
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!
Deploy your app with one Slack commandFabio Milano
See how I created a setup that allows developers to create and upload builds with one Slack command. I will introduce Fastlane and share how I created an advanced setup from starting from scratch.
Análisis del libro ¿Qué es una constitución? de Ferdinand Lassalle Presentado al docente CARLOS ALBERTO MARTINEZ CABAL Facultad de Derecho - Universidad Santiago de Cali Por: JAIRO ASCENCIO GUEVARA
Universal JS Web Applications with React - Luciano Mammino - Codemotion Rome ...Luciano Mammino
Since we started to see JS on the server side, the dream of developers has been to reduce the gap and the cost of switch between frontend/backend technologies. Today with Node.js, React and a whole ecosystem of tools, this dream is becoming real! In this talk, I am going to discuss Universal (a.k.a. Isomorphic) JavaScript and present some practical example regarding the significant patterns related to routing, data retrieval and rendering. I will use Node, React, Webpack, Babel and React Router and give you a series of example to get you started easily with this new technology trend.
(interactive slides at http://slides.com/lucianomammino/universal-js-web-applications-with-react-codemotion-rome-2017 )
Fastlane - Automation and Continuous Delivery for iOS AppsSarath C
Automation and Continuous Delivery for iOS Apps using Fastlane tools. This was presented at FAYA, Technopark, Trivandrum on 01-Jun-2016.
Fastlane is a collection of utilities that work beautifully together without friction. It's now part of Fabric, Twitter's developer tools and development lead by Felix Krause (Twitter: @krausefx) and many other amazing developers.
iOS developers typically spend several times managing provision files, certificates and so many mundane and boring stuffs they've to do with Apple Developer portal and tools. Fastlane tools can help you to right from creating a project to deploy your app to AppStore.
Fastlane has an amazing ability to pass the result of data around each of the utilities in your pipeline. Also the actions helps you to customize and extend your fastlane utilities.
Fastlane often come pre-installed with popular continuous integration servers like CricleCI. Utilities like match can help you a lot to manage your certificates and provision files by securely shari across computers. This works quite handy with with CI servers as well.
Slides for my talk about styling React Native applications I gave at Blueberry Meetup at Node5 on 2016/06/28 #blueberrymeetup
GitHub repo: https://github.com/janmarsicek/blueberry-meetup-talk
Photos from the meetup: https://flic.kr/s/aHskz7hzax
Blueberry Meetup website: http://www.blueberry.cz/meetup
Presentation used for IBM Systems Magazine Webcast: Mobile DevOps: Test and Deploy on August 7, 2014
To see the recorded webcast - http://www-01.ibm.com/software/os/systemz/webcast/devops/series/
React Native: Developing an app similar to Uber in JavaScriptCaio Ariede
The presentation demonstrates some key points when developing an application similar to Uber using JavaScript and React Native.
Full presentation w/ animations: https://docs.google.com/presentation/d/1J9rjqxx2q7TZ87eZs4qlol3bkr59ABOCGeAkHlQtU7s/edit?usp=sharing
Workshop sobre React Native realizado pela Vizir Software Studio (http://www.vizir.com.br) para Natura.
OVERVIEW
Desenvolvimento nativo
Desenvolvimento híbrido
Frameworks disponíveis
Ionic
NativeScript
Xamarin
React Native
REACT & REACT NATIVE
Componentes
React Components
Lifecycle
Tudo pode ser Javascript
JSX
CSS em JSON
Virtual DOM
Benefícios
Futuro
REACT NATIVE
Componentes & APIs
Comunidade
Utilizando bibliotecas nativas
Comportamentos específicos de cada plataforma
Ferramentas
Code Push
RNPM
BOAS PRÁTICAS
Fluxo de dados da aplicação
Testando seus componentes
Como estruturamos as aplicações
GITHUB SAMPLE APP
https://github.com/Vizir/ReactNativeWorkshop
React Native for multi-platform mobile applications - Matteo Manchi - Codemo...Codemotion
Since its 2013 release, React has brought a new way to design UI components in the world wide web. The same fundamentals have been taken to another important environment in our contemporary world: the mobile applications. We'll see the philosophy behind React Native - learn once, write anywhere - and how this new framework helps developers to build native apps using React.
Webinar - Matteo Manchi: Dal web al nativo: Introduzione a React Native Codemotion
Con la stessa potenza con cui React ha conquistato lo sviluppo front-end, React Native sta esplodendo nel mondo dello sviluppo mobile. In questo webinar vedremo le basi di questo framework, che ha avvicinato sia sviluppatori mobile che web, e come iniziare subito a sviluppare un'applicazione nativa in JavaScript.
React Native and the future of web technology (Mark Wilcox) - GreeceJS #15GreeceJS
What's all the hype about React Native? What is it? How does it work? Why does it matter and what clues does it give us about the future of web development? Did you know there's a React Native for the Web? What's that all about? It can't be all good, what's wrong with it? Where should you go to find out more?
Slides from a presentation I gave at these conferences:
— Big Design
— Front Porch
— Thunder Plains
— Web Afternoon
I co-presented at Big Design with Matt Baxter.
http://twitter.com/mbxtr
Browser Automation with Playwright – for integration, RPA, UI testing and mor...Lucas Jellema
TL;DR – if you are a programmer and do any work at all with web browsers, this session can change your professional life
Anything a user can do in a browser can be automated. Tasks that are repetitive, involved or in need of a high degree of accuracy are prime candidate to be automated. UI testing is an example. Entering data into a web application – taken from a spreadsheet or even a second application – is another one. Collecting data or images from one or more websites into a daily report too. There is a long list of such tasks. And using Playwright it becomes easy to automate them.
Playwright is an open source library released in early 2020 by a team of engineers at Microsoft. The original library is based on NodeJS; recent editions are available in Go, C#, Python and Java. With Playwright we can create a browser instance in our program – WebKit, Chromium or Firefox. We can load websites and web applications into this browser and use them in a normal way. We also have full programmatic control over this browser. This means: we can read any aspect of the web application – the DOM and the JavaScript context as well as cookies, local storage and all network interactions. And not just read but manipulate as well. We can programmatically do all the things a human user can do – fill in fields, click on links, press buttons, hover over titles, save images, scroll the page. And we can programmatically do things a normal user cannot do: directly change the DOM, add and execute JavaScript, intercept network calls, read and write cookies and local storage.
Being able to create a simple program that can take over from a human – and can work faster, without tiring, 24/7, in parallel threads – opens up opportunities. To list just a few:
* Automated tests of web user interfaces – the core objective of the Playwright project
* Deeplink Bookmarks — navigate to a specific point in a web application with a fully prepared context, ready for user action
* Tactical integration: automation of data retrieval (“Screen Scraping”) and data entry
* Health Checks – continuous monitoring of the health of User Interfaces – if and how fast
* Automated Reporting – periodic gathering of data and images from web UIs
* Customized Web Application – tailor a SaaS application or 3rd party website to your need
* UI turned API — create an API to expose a function offered by a Web UI
* RPA — Robotic Process Automation: automated workflow across multiple systems, possibly a collaboration between human & robot
This meetup will let you discover Playwright and the many challenges it allows you to address. The first part focuses on what you can achieve and is not very technical. The second part is more on how you can do it and dives into code. The final part is where you run, change and create code yourself – using Playwright to take full control over a browser and all applications and sites that run inside the browser.
Philip Shurpik "Architecting React Native app"Fwdays
React Native становится все более зрелым фреймворком для создания кросс платформенных мобильных приложений. Доклад основан на нашем опыте создания production приложения - от архитектуры до тестирования и CI.
Рассмотрим вопрос переиспользования кода при разработке для разных платформ- что и сколько процентов можно переиспользовать и как этого достичь.
Поговорим о том, как можно очень просто сделать offline-first приложение для чтения и создания данных. И чем нам в этом могут помочь Redux и Redux persist.
Разберем, как максимально просто сделать навигацию в приложении.
И, конечно же, какое production приложение без тестирования и continuous integration? Рассмотрим компонентное тестирование с Enzyme и интеграционное с Appium. А также, как максимально приблизить процесс deploy к тому, чему мы привыкли в web, с помощью CodePush.
MultiPlay.io is a realtime cross-platform gaming platform that allows you to edit the games as they are being played on mobile and web devices. We've been using MongoDB now since the inception of the project, where we quickly needed a data store to handle synchronization between our players entering and leaving a 3d chatroom with guns game. Since then we've gone on to add standard gaming features such as leader boards, real time game analytics, game replays and some not so standard features such as modifying the 3d assets and textures of the games as they're being played. In this talk, we'd like to share with you the tricks and techniques we've used to handle our ever changing datasets and assets store to scale across different versions of the game clients and platforms. Which will help you gain insight into building a cross-platform rapid prototyping environment of your own too.
How ExactTarget uses Node.js. Presented at Node on the Road sponsored by Joyent. Video can be seen at https://www.joyent.com/developers/videos/node-js-on-the-road-cincinnati-gary-borton-and-alex-vernacchia
Presentation at Inside Mobile Conference (O'Reilly and 360Conferences) at San Jose, CA on July 27th, 2009.
Today is possible to create mobile offline (and installed) applications using web-related technologies (XHTML, CSS, JavaScript, AJAX, Flash) and additional APIs. WRT for Nokia-Symbian, WebUI for Motorola, WebOS for Palm Pre, online/offline Webapps for iPhone 3.0, widgets for BlackBerry, and other mobile widget platforms for Sony Ericsson, Samsung, Nokia S40, Windows Mobile, Opera and Yahoo!. There is also a new hybrid paradigm using the best of the web technologies and a native development, like the PhoneGap project that can be distributed in the AppStore.
What can we do using this technology? what are the differences between platforms? Can we distribute them in the Application Stores? What compatibility do we have with web standards? What kind of applications are best-suited for this platforms? How to access location, contacts, accelerometer, SMS, home screen and Internet for each platform? What about security and privacy of my code?
Let's see how to create mobile web 2.0 mashups ported to many platforms in a couple of minutes using web knowledge.
<p>This presents a framework we built when making the Glastonbury 2011 app for iOS, Android and Qt. We looked at the available options, and found them wanting. </p>
<p>
TL;DR: Javascript app logic, native UI. And we open sourced it.
</p>
<p>And it works. The Glastonbury 2011 app was well received, featured in the app stores we released for, and is now winning awards.</p>
Mobile application development does not need to be difficult for us Web Developers. No longer do we need to learn a whole slew of new programming languages to create a mobile application. We can use our existing skills and create mobile applications with Html, JavaScript, and CSS. Then deploy to Android and iOS devices using a single code base that looks, feels, and performs like a native mobile application.
Apache Cordova enables the packaging of our web code into the mobile application that we will deploy to the App Stores but it does not include a UI framework. For the UI framework, we will be using Ionic framework. The Ionic framework takes the worry out of making the UI look, feel and perform correctly on the slew different Apple and Android devices that your users will have. It allows you to focus on your business logic and not the underlying infrastructure. Your time to market will be greatly reduced.
In addition to the free, open-sourced framework, Ionic also has a slew of highly useful cloud based tools that you can pay for it you need them such as Push Notifications, User Authentication, Native Builds, and Live Updates. Push Notifications allows targeted pushes and custom scheduling to improve push notification engagements. User Authentication provides a single authentication solution with email & password authentication, as well as third-party providers like Facebook, Twitter, Google and more. Native Builds turns your code into the native app binaries for the Apple and Android with a single command. Finally, Live Updates gives you the ability to push updates and UI changes to your user immediately without going through the app stores.
In this talk we will dive into what it takes to get started, look at the features of the Ionic framework and finish off by creating a sample application with the Ionic framework. You will walk away from this talk with all of the tools that you need to deliver your first mobile application
9. @matteomanchi
■ Web developer friendly
■ Native UI (vs WebView)
■ Live Reload (vs Compile&Wait)
■ Declarative UI (vs Imperative UI)
■ Multi-platform support (vs specific support)
■ Open Source
Why React Native?
10. @matteomanchi
Matteo Manchi
Full stack developer
React enthusiast
Co-founder of RomaJS
CEO at ImprontaAdvance
@matteomanchi
https://github.com/takeno
About Me
18. @matteomanchi
React is a JavaScript library for building user
interfaces.
■ Just the UI
■ One-way data flow
■ Virtual DOM
■ From Facebook
What is React?
19. @matteomanchi
■ Component: Everything is a component
■ Props: some data passed to child component
■ State: some internal data of a component
■ JSX: XML-like syntax helps to define component's
structure
■ Virtual DOM: tree of custom objects representing a port
of the DOM
Some keywords
24. @matteomanchi
Style
■ CSS-like declarations with camel-case properties
■ style props defined for all native components
■ It can be an array of styles
■ StyleSheet module to create multiple classes in one place
and cache them
It supports Flexbox!
33. @matteomanchi
Try it now!
■ git clone
https://github.com/facebook/
react-native.git
■ cd react-native
■ npm install
■ cd Examples/UIExplorer/
■ open UIExplorer.xcodeproj
■ Run
UIExplorer
37. @matteomanchi
React Native’s community is very active
■ 46k+ stars on Github
■ 6500+ issue solved
■ React Native Community on Github
React Native Ecosystem
38. @matteomanchi
React Native Ecosystem
■ UI Components
● native-base
● react-native-elements
● react-native-material-kit
● react-native-material-design
■ Navigation
● react-native-router-flux
● react-navigation
● native-navigation by AirBnB
● wix/react-native-navigation
Hundreds of packages published:
■ Native API
● react-native-maps by AirBnB
● react-native-camera
● react-native-onesignal
● code-push by Microsoft
39. @matteomanchi
Specific tools to help your development
■ Deco IDE
decosoftware.com
■ Sketch by expo.io
codepen-like playground for React Native
sketch.expo.io
■ Fastlane
Continuous deployment for mobile apps
fastlane.tools
■ Create React Native App
Starter pack inspired by create-react-app
github.com/react-community/create-react-native-app
React Native Ecosystem
47. @matteomanchi
We’re looking for
JS enthusiast
who wants to
have fun
with this cool technologies.
Contact me @matteomanchi
We’re hiring!
goo.gl/us55X3
More open positions: PHP Dev, Front-End Designer