For many years we researched a way to have the Google Direction ability in React Native. Right now this package exists thanks to https://www.homee.com/ team.

You can find the package at https://github.com/homeeondemand/react-native-mapbox-navigation

Unfortunately I had a lot of trouble installing this package, encountered many errors, and wanted to give a step by step tutorial integration.

Create a react-native app

react-native init MapboxNavigation

Check everything is running

Unfortunately Flipper was producing many errors for me on iOS, like:


> cd MapboxNavigation
> react-native run-ios
...
The following build commands failed:
CompileC /Users/os/Library/Developer/Xcode/DerivedData/MapboxNavigation-fihdhqqvpzufydfwkiousnssilfq/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/Flipper.build/Objects-normal/x86_64/FlipperRSocketResponder.o /Users/os/Desktop/Bouncing/MapboxNavigation/ios/Pods/Flipper/xplat/Flipper/FlipperRSocketResponder.cpp normal x86_64 c++ com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

Open your ‘Podfile’ file and replace…


Recently we made a change in one of the projects for our client, we were tasked with changing the build loader of a ReactJS application from webpack to esbuild.

As we love to try new things in React, this was a great opportunity to test a new tool that is gaining popularity in the ecosystem. Fortunately we had the help of Kevin Burke https://www.linkedin.com/in/ekrub/ to guide us and solve this daunting task, he made the initial setup with ‘Make’; but out of curiosity we wanted to test doing it with node.

Based on Kevin’s work, we have adapted the code…


Passport and boarding pass checks at airports, new e-banking account verification, ID checks or age verification also checking in at a hotel etc. We can use this feature in many web applications, mobile applications and desktop applications.

There are many services for Passport and Identity document scanning. You can use BlinkID, MRZ Scanner, Tesseract, etc. Part of our Explorations involve getting to know each tool and review what is possible with each one.

After reviewing and working with several of these services, lets talk about our favorites:

Tesseract

The most general purpose OCR scanner tool out there is Tesseract.

Tesseract is…


Como probablemente sepas, la información es un recurso económico. Y es el que se vuelve más y más influyente cada día. Por lo tanto, por lo mismo los dashboard digitales proporcionan información valiosa, ayudan a organizar los datos, analizarlos en un instante y tomar decisiones inteligentes.

Hoy, si te topas con un dashboard digital, lo más probable es que sea uno de estos tres tipos: aplicaciones especiales, aplicaciones web y widgets de escritorio.

Al igual que un tablero de instrumentos en un automóvil, un dashboard digital está diseñada para monitorear todos los índices principales. Para eso están todos estos indicadores…


DISCLAIMER: This is not ad paid article, we just wanted to experiment with Storyly because we keep seeing the ads on Instagram about it every day and we wanted to take a look at the possibilities this tool has.

With Storyly you can create stories for your users where you can showcase your content in the most stylish way and track results.

The concept of stories is a solution for visual experience in mobile. Designed for the vertical mobile screen, stories enhance the overall user experience with mobile-specific interactions like tap and swipe-up.

1 in 4 millennials looks for Stories…


One of the first questions our clients ask us is this: How much does the development of my app or website cost? And it is one of the most difficult to answer in a first contact. The price of an app depends on many factors, the functionalities it includes, the design, animations, customization, the technology to be integrated (native, multiplatform, web, etc.).

And we always make the same reflection to the client: “It is like asking a constructor, How much is my house going to cost? …


Una de las primeras preguntas que nos hacen nuestros clientes es esta: ¿Cuánto cuesta el desarrollo de mi app o web? Y es una de las mas difíciles de contestar en un primer contacto. El precio de una app depende de muchos factores, las funcionalidades que incluye, el diseño, animaciones, personalización, la tecnología que se quiere integrar (nativa, multiplataforma, web, etc.).

Y siempre hacemos la misma reflexión al cliente: “Es como preguntar a un constructor, ¿Cuánto me va a costar mi casa? sin decirle, cuantas habitaciones quieres, metros, si quieres jardín, piscina etc..”

El precio de una aplicación móvil o…


This is a chat app study, In here we try to study an implementation of a chat app using Firebase auth and Pusher ChatKit.

Create the base React Native app

import React, { Component } from 'react'
import {
StyleSheet,
KeyboardAvoidingView,
View,
Text,
TextInput,
TouchableOpacity
} from 'react-native'
export default class LoginScreen extends Component {
constructor(props){
super(props)
this.state = {
email: null,
password: null
}
}
updateFields(field, value){
this.setState({[field]: value})
}
onButtonPress(){
// auth with firebase
}
render() {
return (
<KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
<View style={styles.container}>
<Text style={styles.text}>Login Form</Text>
<View>…


En este post explicare como integrar Google Maps a tus aplicaciones React Native, ya que me he encontrado que la instalación por defecto genera muchos errores y react-native no termina de reconocer la librería de Google Maps.

Después de estar aproximadamente 1 semana intentando integrar la librería de AirBnB de Google Maps a una aplicación he llegado a una serie de pasos fáciles de seguir.

Creación del proyecto React Native e instalación de librería AirBnB Google Maps Primero creamos nuestra app en React Native, nuestra app se llamará myMapApp.

react-native init myMapApp
cd myMapApp

Ahora instalamos la librería para Google…


Todo es Digital últimamente, y te estás quedando atrás. No estás solo. Un montón de gente están completamente desconcertados en cuanto a creación de contenido, diseño de páginas, desarrollo web, SEO …

Quizá conozcas poco sobre el Desarrollo Web y tu sitio funciona más o menos bien, pero no puedes posicionarte en Google porque es demasiado lento, no sabes mucho sobre SEO y parece que no puedes arreglarlo. Tienes unos plug-ins geniales y un buen sitio en funcionamiento, pero no es el nivel increíble que deseas para tu negocio.

¡Lo entiendo!

Llevo años hablando con emprendedores, startups, negocios pequeños… todos…

Alameda Dev.

¡Hola! We are a team 100% Remote. Specialized Development of Mobile Apps, Web and advanced software with React and ReactNative. www.alamedadev.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store