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
Rulebook 43 is one of the main banking communication standards. It allows any company to receive daily statements of its accounts and, although they still have a long way to go, APIs can help implement it in any size of company.
You no longer need to go to a bank branch to open a bank account. APIs allow you to complete this and any other banking operations without leaving your company's own platform, with a fully integrated experience.
The real estate sector is becoming digitized by investing in technological solutions to adapt to a user looking for simple processes and transparent documentation in the purchasing processes.