Category Archives: Javascript

React Native Internals

[ Fuente: https://www.reactnative.guide/3-react-native-internals/3.1-react-native-internals.html ] React Native Internals React Native is a framework which allows developers to build native apps using Javascript. Wait! Cordova already does that and it has been around for quite a while. Why would anyone want to use RN? The primary difference between RN and Cordova based apps is that Cordova based […]

React native: Expo: How Expo Works

[ Fuente: https://docs.expo.io/versions/v26.0.0/workflow/how-expo-works ] How Expo Works While it’s certainly not necessary to know any of this to use Expo, many engineers like to know how their tools work. We’ll walk through a few key concepts here, including: Local development of your app Publishing/deploying a production version of your app How Expo manages changes to […]

React Native : Building native releases

[Fuente: https://facebook.github.io/react-native/docs/signed-apk-android.html https://docs.expo.io/versions/v26.0.0/distribution/building-standalone-apps#content https://docs.expo.io/versions/v26.0.0/expokit/detach#content ] Contents Generating Signed APK Expo: Building standalone apps Expo: Detach Generating Signed APK Android requires that all apps be digitally signed with a certificate before they can be installed, so to distribute your Android application via Google Play store, you’ll need to generate a signed release APK. The Signing Your Applications page on […]

React Native: Image snippets

Full width & height import React, { Component } from ‘react’; import { View, Image } from ‘react-native’; import splashImage from ‘../assets/img/Marvel-Comics-Logo.png’; class Splash extends Component { render() { const { imageStyle, containerStyle } = styles; return ( <View style={containerStyle}> <Image style={imageStyle} source={splashImage} /> </View> ); } } const styles = { containerStyle: { flex: […]

React Native: Generating Signed APK (Android)

[Fuente: https://facebook.github.io/react-native/docs/signed-apk-android.html] Android requires that all apps be digitally signed with a certificate before they can be installed, so to distribute your Android application via Google Play store, you’ll need to generate a signed release APK. The Signing Your Applications page on Android Developers documentation describes the topic in detail. This guide covers the process in brief, as […]

Angular 1.5 : A guide to build components

[Source: https://www.sitepoint.com/building-angular-1-5-components/] In Angular 1, components are the mechanism which allows you to create your own custom HTML elements. This has been possible with Angular directives in the past, but components build on the various improvements that have been made to Angular and enforce best practices in how they are built and designed. In this […]

Angular2 – Custom project & Workflow setup

An alternative to create the project with the Angular CLI. A custom way. Create Angular applications with a Webpack based tooling. Official doc: https://angular.io/docs/ts/latest/guide/webpack.html Initializing the project We run npm init to create a package.json. Setting up the basic project files Lets make the folder structure and blank files: src folder src/app folder src/app/main.ts: Compiles the application with […]

Angular2 – Unit testing – introduction

Introduction This Section only provides an Introduction to Unit Testing an Angular 2 App. It’s NOT a detailed Guide about that neither is it a detailed Introduction to Unit Testing in general. Check out the “Further Resources” (last Lecture in this Module) to dive deeper into these topics. Why units tests? Analyzing the testing setup (as created by […]

Angular2 – Angular animations

Making Animations work with Angular 4 With the release of Angular 4, the general syntax of Angular Animations didn’t change. However, the animation functions were moved into their own package and you now also need to add a special module to your imports[]  array in the AppModule. Specifically, the following adjustments are required: You probably […]