convierte tu wordpress en una app con react native

React Native WordPress

Upload: joan-artes

Post on 16-Apr-2017

1.834 views

Category:

Internet

0 download

Report

Download

Embed Size (px):

TRANSCRIPT

React Native

WordPress

Usando WordPress desde 2010

Organizador en WPBarcelona (meetups y WordCamps)

Podcast de WPRadio.es

WordPress Captain en artesans by omitsis

Me encantan los Gatos

Page 3: Convierte tu WordPress en una app con React Native

Page 4: Convierte tu WordPress en una app con React Native

el auge del mobile

Page 5: Convierte tu WordPress en una app con React Native

¿qué es React(.js)?

Page 6: Convierte tu WordPress en una app con React Native

…y React Native?

Page 7: Convierte tu WordPress en una app con React Native

Page 8: Convierte tu WordPress en una app con React Native

primeros pasos

Page 9: Convierte tu WordPress en una app con React Native

0 WordPress con Rest API

Page 10: Convierte tu WordPress en una app con React Native

WordPress con Rest API

Instalación de WordPress con el plugin REST API v2

Si queremos endpoints para CPT, definirlos

Page 11: Convierte tu WordPress en una app con React Native

/wp-json/wp/v2/posts

Page 12: Convierte tu WordPress en una app con React Native

1 instalar Xcode

Page 13: Convierte tu WordPress en una app con React Native

2 instalar node

Page 14: Convierte tu WordPress en una app con React Native

instalar node

(vía homebrew brew.sh)

brew update

brew install node

brew upgrade node

Page 15: Convierte tu WordPress en una app con React Native

3 # instalar react-native

npm install -g react-native-cli

Page 16: Convierte tu WordPress en una app con React Native

¡manos a la obra!

Page 17: Convierte tu WordPress en una app con React Native

react-native init wcsevilla

Page 18: Convierte tu WordPress en una app con React Native

Page 19: Convierte tu WordPress en una app con React Native

react-native run-ios

Page 20: Convierte tu WordPress en una app con React Native

Page 21: Convierte tu WordPress en una app con React Native

demo

Page 22: Convierte tu WordPress en una app con React Native

omitsisby

@Joan_Artes

joanartes.com

@WPBarcelona

WPBarcelona.com¿preguntas?

React for WordPress developers

Brochure Final 2019 - basis.org.bd · Node.js Express js Laravel CodeIgniter CakePHP Symphony Wordpress Magento Angular Jade React AWS Azure Google Unity 3D Vuforia Microsoft Power

jay resume 2020 - jaysargent.s3-us-west-2.amazonaws.comincluding but not limited to React, Node, Wordpress, Express, React Native. • Managed VPS / Server Related Tasks such as configuring

React Native - Microsoft Azureclasses.eastus.cloudapp.azure.com/.../react-10.pdf · React Navigation •React Navigation is not from facebook; it’s created by the React Native community

An Introduction to React - 2016 WordCamp Dayton€¦ · WordPress + React • Speed/immediacy: Real-time experiences. The admin interface is still pretty synchronous, which feels

React Native Workshop - React Alicante

Pandas bowling: convierte tus datos en información2013.es.pycon.org/media/pandastalk.pdf · Pandas bowling: convierte tus datos en información Introducción a la manipulación de

React 16.x Way Beyond Hooks · contextType createRef() React Flare Lifecycle Changes React Fusion memo() Migrating Stuff act() lazy() React Fire React Native Fabric react-cache Profiler

React Native copy remco - tweakers.net Suijten - React Native.pdf · React Native Integration with Existing Apps >create-react-native-app AwesomeProject

React Router: React Meetup XXL

React Native Accessibility - San Diego React and React Native Meetup

Chapter 1: TypeScript Basics · Welcome to React Shop where you can get all your tools for ReactJS! React Router React Redux React Apollo React Redux A library that helps manage state

REACT !!!!!

Headless WordPress development with React using Gatsby

para WordPress DESARROLLO con Frontity React frontends · 2020. 9. 16. · Facilitar la creación de interfaces modernas ... Frontity PRO #SomosWCCO Una red de blogs nos contactó

WordPress, React, oh my! (DevelCZ 2016)

React - xgfexgfe.github.io/uploads/felix/react/react-first-kiss.pdf · 2020-02-20 · Facebook Flux, Redux, Reﬂux. J o - react-with-addons ... • React d ± Æ § • webpack ñ

Алексей Косинский "React Native vs. React+WebView"

p0 - CodeMobilesWorkshop MO React Native 9MAP : MO React Native MO React Native Redux MO React Native Mg SQL Redux MySQL Redux MySQL. MO React Native MO React NativeMO React Native

Codemobiles React - iOS, Android, Angular, React, Vue.JS

React Quickly: Painless web apps with React, JSX, Redux ... · Meeting React 3 2 Baby steps with React 27 3 Introduction to JSX 41 4 Making React interactive with states 69 5 React

Using React and Office UI Fabric React - Binary Bits · Using React and Office UI Fabric React Components In this lab you work with React and the the SharePoint Framework (SPFx) to

React Native copy remco - tweakimg.net Suijten - React Native.pdf · React Native Bridge // JS code this.sendEvent('next')} title='Verder'/> React

React Native: React Meetup 3

JavaScript, React Native and Performance at react-europe 2016

React JS Belgium Touch Base - React, Flux, React Native

WordPress: React Way

WordPress: React way by Oleksandr Strikha

DANIEL GRAHAM PHD REACT NATIVE DEVELOPMENTimport * as React from 'react'; import { Text, View, StyleSheet } from 'react-native'; export default class App extends React.Component {render()

Virtual WiFi Router- Convierte Tu PC en Un Router WIFI

Ü ¯ ªVJava PHP (Laravel, etc.) HTML / CSS / JavaScript Mobile Programming – Android Python (Django, etc) ++C/C Windows Application React Open-source Solutions (Wordpress, Joomla,

Putting the Native in React Native - React Native Boston

EliminarVirus Que Convierte Carpetas en Accesos Directos

WordPress React - bit swapping · Animations localStorage. iOS Human Interface Guidelines “The UI helps people understand and interact with the content, but never competes with

React in Native Apps - Meetup React - 20150409