BBVA API Market
One advantage that ReactJS has over other libraries is that it is designed by one of the world’s most important firms. No introduction is required. ReactJS is a JS library developed by Facebook engineers to help developers design interfaces that meet top user experience standards. At the moment the library is in version 0.10.7 and has an open-source license.
Some key features of ReactJS:
● ReactJS controls only the application view using the model-view-controller concept. Facebook engineers recommend that ReactJS be used together with Flux, the architecture harnessed by the social network to create client-side web applications. This means a shift from a MVC model to a unidirectional data flow. The idea is quite simple: application data flows in a single direction.
● Partial updating of DOM with each view change. With each alteration a virtual DOM is modified, which allows the real DOM to change only the aspects where there have been alterations. This makes for better memory use and performance than provided by other frameworks.
● We have already written how the use of components has emerged as an intriguing trend in application development. The main advantage is that these components can then be reused in subsequent developments. ReactJS is a perfect library for this new approach.
● Dispatcher. This manages all events generated by user browsing and action creation. These actions may trigger reactions, or the opposite.
● Store. These store the necessary data and then change the view displayed to the user in the app. They connect the Dispatcher with the views.
● View. This is the visual result of the events and data modifications.
Grunt installation with NPM:
$ sudo npm install -g grunt
$ sudo npm install -g grunt-cli
ReactJS has two dependencies:
● Browserify: a popular package in NPM. This tool allows developers to manage client-side dependencies. It supports module installation and configuration via a bundle.
[sudo] npm i -g babel
“test”: “echo \”Error: no test specified\” && exit 1″
“author”: “[TU NOMBRE AQUÍ]”,
A standard application page in ReactJS:
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<title>Bootstrap 101 Template</title>
<!– Bootstrap –>
<link href=”//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css” rel=”stylesheet”>
<!– HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries –>
<!– WARNING: Respond.js doesn’t work if you view the page via file:// –>
<!–[if lt IE 9]>
<h1>Mi primer componente de React dice:</h1>
<p>Aquí cargará ReactJS su propio componente</p>
<p>Si ves esto, es que algo no ha salido bien :(</p>
<!– Include all compiled plugins (below), or include individual files as needed –>
<!– Este fichero contiene ReactJS y la definición de nuestro componente –>
And so would the file main.js:
var React = require(‘react’);
<p> Hola, fanáticos de ReactJS!! </p>,
document.getElementById( ‘root’ )
Follow us on @BBVAAPIMarket
Carlos López-Moctezuma analyzes the present and future of open banking in a roundtable dedicated to this matter, where essential questions such as user growth curve, the role played by fintech and the profound evolution that banks such as BBVA and others have experienced in the past few years.
Online businesses are offering more and more facilities for customers to pay for their products. It is becoming more common to integrate financing into retail applications, and it is an added value for companies that implement it within their platforms.
Startups and existing companies in the process of digitization need a new set of digital tools to help them transform their businesses and get more in tune with their customers' needs. If possible, they should develop frictionless systems that do not create barriers to entry for the business, as occurs with some banking solutions.