Convierte tu WordPress en una app con React Native

Joan Artés
Joan ArtésWordPress Captain at Artesans by Omitsis en Scratch School
React Native
WordPress
UsandoWordPress desde 2010
Organizador en WPBarcelona
(meetups yWordCamps)
Podcast de WPRadio.es
WordPress Captain en artesans by omitsis
Me encantan los Gatos
Convierte tu WordPress en una app con React Native
el auge del mobile
¿qué es React(.js)?
…y React Native?
Convierte tu WordPress en una app con React Native
primeros pasos
0
WordPress con Rest API
WordPress con Rest API
Instalación deWordPress con el plugin RESTAPI v2
Si queremos endpoints para CPT, definirlos
/wp-json/wp/v2/posts
1
instalar Xcode
2
instalar node
instalar node
(vía homebrew brew.sh)
brew update
brew install node
brew upgrade node
3
# instalar react-native
npm install -g react-native-cli
¡manos a la obra!
react-native init wcsevilla
Convierte tu WordPress en una app con React Native
react-native run-ios
Convierte tu WordPress en una app con React Native
demo
omitsisby
@Joan_Artes
joanartes.com
@WPBarcelona
WPBarcelona.com¿preguntas?
1 de 22

Recomendados

La seguridad en WordPress de la A a la Z por
La seguridad en WordPress de la A a la ZLa seguridad en WordPress de la A a la Z
La seguridad en WordPress de la A a la Zwpbarcelona
9K vistas37 diapositivas
Flujos de trabajo para un desarrollador web frontend por
Flujos de trabajo para un desarrollador web frontendFlujos de trabajo para un desarrollador web frontend
Flujos de trabajo para un desarrollador web frontendLeonidas Esteban González
3.6K vistas54 diapositivas
APIs REST: Django y Go por
APIs REST: Django y GoAPIs REST: Django y Go
APIs REST: Django y GoJM Robles
724 vistas26 diapositivas
Dev ops infraestructura agil con open source por
Dev ops   infraestructura agil con open sourceDev ops   infraestructura agil con open source
Dev ops infraestructura agil con open sourcescrumecuador
2K vistas123 diapositivas
Tutorial CodeIgniter + Netbeans 7 por
Tutorial CodeIgniter + Netbeans 7Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Juan Fede
8K vistas9 diapositivas
WordCamp Sevilla 2016 - Creación de un plugin con subida a WordPress.org por
WordCamp Sevilla 2016 - Creación de un plugin con subida a WordPress.orgWordCamp Sevilla 2016 - Creación de un plugin con subida a WordPress.org
WordCamp Sevilla 2016 - Creación de un plugin con subida a WordPress.orgRaúl Martínez
1.2K vistas27 diapositivas

Más contenido relacionado

La actualidad más candente

WordCamp Barcelona 2016 - Plugins para TinyMCE por
WordCamp Barcelona 2016 - Plugins para TinyMCEWordCamp Barcelona 2016 - Plugins para TinyMCE
WordCamp Barcelona 2016 - Plugins para TinyMCERaúl Martínez
1K vistas17 diapositivas
WordPress, Nginx, Ghost y Telegram con Docker - I Meetup Docker Córdoba - Quaip por
WordPress, Nginx, Ghost y Telegram con Docker - I Meetup Docker Córdoba - QuaipWordPress, Nginx, Ghost y Telegram con Docker - I Meetup Docker Córdoba - Quaip
WordPress, Nginx, Ghost y Telegram con Docker - I Meetup Docker Córdoba - Quaipquaip
3.1K vistas23 diapositivas
Cómo crear un RESTful API con Go por
Cómo crear un RESTful API con GoCómo crear un RESTful API con Go
Cómo crear un RESTful API con GoSoftware Guru
2.6K vistas30 diapositivas
Wordpress como framework - DarioBF en WordCamp Barcelona por
Wordpress como framework - DarioBF en WordCamp BarcelonaWordpress como framework - DarioBF en WordCamp Barcelona
Wordpress como framework - DarioBF en WordCamp BarcelonaDarío BF
1.7K vistas37 diapositivas
WordPress Multisite, un WordPress para dominarlos a todos por
WordPress Multisite, un WordPress para dominarlos a todosWordPress Multisite, un WordPress para dominarlos a todos
WordPress Multisite, un WordPress para dominarlos a todosOscar Abad Folgueira
335 vistas30 diapositivas
02practica completa por
02practica completa02practica completa
02practica completaMiguel Angel Lopez Torralba
490 vistas9 diapositivas

La actualidad más candente(20)

WordCamp Barcelona 2016 - Plugins para TinyMCE por Raúl Martínez
WordCamp Barcelona 2016 - Plugins para TinyMCEWordCamp Barcelona 2016 - Plugins para TinyMCE
WordCamp Barcelona 2016 - Plugins para TinyMCE
Raúl Martínez1K vistas
WordPress, Nginx, Ghost y Telegram con Docker - I Meetup Docker Córdoba - Quaip por quaip
WordPress, Nginx, Ghost y Telegram con Docker - I Meetup Docker Córdoba - QuaipWordPress, Nginx, Ghost y Telegram con Docker - I Meetup Docker Córdoba - Quaip
WordPress, Nginx, Ghost y Telegram con Docker - I Meetup Docker Córdoba - Quaip
quaip3.1K vistas
Cómo crear un RESTful API con Go por Software Guru
Cómo crear un RESTful API con GoCómo crear un RESTful API con Go
Cómo crear un RESTful API con Go
Software Guru2.6K vistas
Wordpress como framework - DarioBF en WordCamp Barcelona por Darío BF
Wordpress como framework - DarioBF en WordCamp BarcelonaWordpress como framework - DarioBF en WordCamp Barcelona
Wordpress como framework - DarioBF en WordCamp Barcelona
Darío BF1.7K vistas
WordPress Multisite, un WordPress para dominarlos a todos por Oscar Abad Folgueira
WordPress Multisite, un WordPress para dominarlos a todosWordPress Multisite, un WordPress para dominarlos a todos
WordPress Multisite, un WordPress para dominarlos a todos
Cómo crear plugins para Wordpress por ralcocer
Cómo crear plugins para WordpressCómo crear plugins para Wordpress
Cómo crear plugins para Wordpress
ralcocer9.4K vistas
Silex: Microframework y camino fácil de aprender Symfony por Ryan Weaver
Silex: Microframework y camino fácil de aprender SymfonySilex: Microframework y camino fácil de aprender Symfony
Silex: Microframework y camino fácil de aprender Symfony
Ryan Weaver1.4K vistas
WordPress Granollers: Multiidioma en WordPress por Raúl Martínez
WordPress Granollers: Multiidioma en WordPressWordPress Granollers: Multiidioma en WordPress
WordPress Granollers: Multiidioma en WordPress
Raúl Martínez1.3K vistas
Bower & bitbucket por nanusefue
Bower & bitbucketBower & bitbucket
Bower & bitbucket
nanusefue1K vistas
Desarrollo Web Ágil con Symfony, Bootstrap y Angular por Freelancer
Desarrollo Web Ágil con Symfony, Bootstrap y AngularDesarrollo Web Ágil con Symfony, Bootstrap y Angular
Desarrollo Web Ágil con Symfony, Bootstrap y Angular
Freelancer19.2K vistas
Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012 por Pilmee Gates
Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012
Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012
Pilmee Gates1.8K vistas
Node JS (Francisco Cerdas) por PiXeL16
Node JS (Francisco Cerdas)Node JS (Francisco Cerdas)
Node JS (Francisco Cerdas)
PiXeL162.1K vistas

Último

internet_servicios.pptx por
internet_servicios.pptxinternet_servicios.pptx
internet_servicios.pptxIselaAnairsLpez
45 vistas27 diapositivas
catalogo_final_web.pdf por
catalogo_final_web.pdfcatalogo_final_web.pdf
catalogo_final_web.pdfFabianGarcia829609
23 vistas48 diapositivas
Infografia Informativa Bellas Artes Cuadros Simple Llamativa Azul.pdf por
Infografia Informativa Bellas Artes Cuadros Simple Llamativa Azul.pdfInfografia Informativa Bellas Artes Cuadros Simple Llamativa Azul.pdf
Infografia Informativa Bellas Artes Cuadros Simple Llamativa Azul.pdfLizbethAlarcn4
11 vistas1 diapositiva
antena radioenlace....pdf por
antena radioenlace....pdfantena radioenlace....pdf
antena radioenlace....pdfrubenjaradelacruz
5 vistas9 diapositivas
Presentación marlinda.pdf por
Presentación marlinda.pdfPresentación marlinda.pdf
Presentación marlinda.pdfMarlindaUrbina
6 vistas2 diapositivas
Proyecto Final - INOCENCIA - SlideShare.pptx por
Proyecto Final - INOCENCIA - SlideShare.pptxProyecto Final - INOCENCIA - SlideShare.pptx
Proyecto Final - INOCENCIA - SlideShare.pptxInocenciaSanchezAnto
7 vistas6 diapositivas

Último(12)

Infografia Informativa Bellas Artes Cuadros Simple Llamativa Azul.pdf por LizbethAlarcn4
Infografia Informativa Bellas Artes Cuadros Simple Llamativa Azul.pdfInfografia Informativa Bellas Artes Cuadros Simple Llamativa Azul.pdf
Infografia Informativa Bellas Artes Cuadros Simple Llamativa Azul.pdf
LizbethAlarcn411 vistas
Alexandre López-Borrull, Javier Guallar. Curar la verdad, curar la mentira: e... por Javier Guallar
Alexandre López-Borrull, Javier Guallar. Curar la verdad, curar la mentira: e...Alexandre López-Borrull, Javier Guallar. Curar la verdad, curar la mentira: e...
Alexandre López-Borrull, Javier Guallar. Curar la verdad, curar la mentira: e...
Javier Guallar5 vistas
Cómo publicar una presentación grafica en internet.docx por vivianaalvare179
Cómo publicar una presentación grafica en internet.docxCómo publicar una presentación grafica en internet.docx
Cómo publicar una presentación grafica en internet.docx
vivianaalvare1795 vistas
Cómo publicar una presentación grafica en internet.pptx por sharpeymedina
Cómo publicar una presentación grafica en internet.pptxCómo publicar una presentación grafica en internet.pptx
Cómo publicar una presentación grafica en internet.pptx
sharpeymedina7 vistas
Manual para publicar un grafico en SlideShare_Jose Diaz.pptx por josediazreyes823
Manual para publicar un grafico en SlideShare_Jose Diaz.pptxManual para publicar un grafico en SlideShare_Jose Diaz.pptx
Manual para publicar un grafico en SlideShare_Jose Diaz.pptx
josediazreyes82326 vistas

Convierte tu WordPress en una app con React Native