Introducci贸n a React

Introducci贸n a React

Introducci贸n a React

Hola a todos, nuestro equipo de DevSun Europe hoy comienza con la publicaci贸n de una serie de art铆culos relacionados con React. Estos constituyen contenidos 煤tiles para los desarrolladores principiantes e intermedios que se adentran en la programaci贸n en JavaScript con React.

En esta primera serie de art铆culos conoceremos todos los detalles importantes sobre estructura y funcionamiento de React, necesarios en el desarrollo de aplicaciones web. As铆, como tambi茅n, las herramientas que se pueden emplear como programador para facilitar la creaci贸n de los proyectos en React.

Foto de Dribble por: Paulina Barton

驴Qu茅 es React?

Reactjs o React es una biblioteca de JavaScript de c贸digo abierto desarrollada por Facebook con el objetivo de crear interfaces de usuario en las aplicaciones. Permite que estas sean programadas de forma declarativa, haciendo el c贸digo m谩s previsible y logrando una mejor comprensi贸n del mismo. Est谩 basada su funcionamiento a trav茅s de componentes. Es considerada como la capa de la vista de una aplicaci贸n, cuando se toma como referencia la metodolog铆a MVC (Modelo Vista Controlador) o MVVM (Modelo-Vista-Modelo de Vista). En la actualidad, esta biblioteca es de amplia aceptaci贸n por las comunidades de desarrolladores.

React constituye una herramienta 煤til para la construcci贸n de aplicaciones de una sola p谩gina (SPA, Single Page Application). Es decir, permite crear grandes aplicaciones web cuyos datos cambian con frecuencia sin la necesidad de recargar las p谩ginas. Ofrece seguridad, es simple, escalable y constituye una soluci贸n amigable, din谩mica y modular para las aplicaciones web.

Una caracter铆stica importante, como se hab铆a comentado anteriormente, es que React alcanza la modularidad y reutilizaci贸n de c贸digo a trav茅s de componentes. Cada componente es capaz de administrar sus estados (states) y propiedades (props) (en art铆culos posteriores profundizaremos sobre estos conceptos) de manera independiente. La composici贸n de complejas interfaces de usuarios (UI) se logra, por tanto, mediante m煤ltiples componentes que muestran peque帽as y reusables piezas de HTML. Los componentes pueden ser escritos usando el c贸digo JSX. JSX permite programar los componentes con la mezcla de JavaScript y HTML.

React utiliza, en adici贸n, un DOM virtual que es una copia en memoria del HTML DOM. Ante cada cambio producido en la p谩gina, React regenera el DOM virtual y realiza una comparaci贸n entre ambos. En correspondencia a estas diferencias entonces modifica el DOM real. De esta forma, puede React actuar r谩pidamente, y adicionar, actualizar o eliminar los componentes que han cambiado.

Foto de Dribble por: Brooke Condolora

Surgimiento y versiones de React

React fue concebido por Jordan Walke, un ingeniero de software en Facebook, fomentado por los inconvenientes que ten铆an con el soporte del c贸digo de los anuncios dentro de la plataforma.

La primera versi贸n de Reactjs (0.3.0) fue lanzada para producci贸n en marzo del 2013. La 煤ltima versi贸n hasta la fecha (16.6.3) fue publicada en noviembre del 2018. Esta versi贸n 16 ser谩 la empleada en los art铆culos posteriores.

Al igual que otras tecnolog铆as, React sigue los principios de versionado. Es decir, con un n煤mero de versi贸n x,y,z: incrementar谩 la x cuando se hagan grandes cambios en la publicaci贸n del c贸digo, la y cuando las modificaciones sean menores y la z cuando se realice alg煤n parche a la biblioteca.

De manera general, no se espera la versi贸n 17 de React hasta el 2019.

Ventajas y desventajas que presenta React

La utilizaci贸n de React conlleva ventajas y desventajas para los desarrolladores como ocurre con todas las tecnolog铆as.

Ventajas

Es simple la interpretaci贸n del c贸digo y visualizaci贸n para la construcci贸n de aplicaciones de una sola p谩gina (SPA).

La manipulaci贸n del DOM es eficientes y r谩pida mediante la creaci贸n del DOM virtual para comprobar las diferencias.

React est谩 orientado al desarrollo por componentes empleando JavaScript puro, logrando una mejor abstracci贸n a la hora de crear las vistas.

Puede ser empleado tanto en el lado del cliente como del servidor.

Desventajas

React se refiere 煤nicamente a la capa de la vista de la aplicaci贸n, es decir, no es framework de JavaScript. Por lo tanto, depende de otras tecnolog铆as como Redux para que su comportamiento sea m谩s completo.

Compa帽铆as que usan esta tecnolog铆a

A manera de conclusi贸n, podemos decir que, React presenta una enorme comunidad de desarrolladores en GitHub lo cual le brinda soporte y estabilidad a esta biblioteca.

Seguidamente presentamos diferentes compa帽铆as importantes que emplean esta tecnolog铆a en el desarrollo de sus aplicaciones.

Facebook, hace uso de React parcialmente en la construcci贸n de su sitio web. Su aplicaci贸n m贸vil se basa tambi茅n en React, pero esta se desarrolla con una versi贸n llamada React Native. React Native posibilita el despliegue de la aplicaci贸n en los sistemas operativos para dispositivos m贸viles iOS y Android de forma nativa.

Otra marca importante que aplica React es Instagram. Para nosotros es considerado uno de los mejores ejemplos del uso de esta biblioteca. Con React logran una excelente interactividad con el usuario, a trav茅s de las visualizaciones de videos, im谩genes y reacciones.

Netflix tambi茅n trabaja con React, principalmente en su plataforma llamada Gibbon para dispositivos de TV de peque帽o rendimiento. La decisi贸n de adoptar React, explicada por ellos mismos, estuvo influenciada por su velocidad, alto performance en el tiempo de ejecuci贸n y modularidad.

En pr贸ximos art铆culos nuestro equipo de DevSun Europe seguir谩 profundizando en React, 煤til e importante biblioteca de JavaScript.


Total de Vistas: 828
Like
Like Love Haha Wow Sad Angry
13

You may also like

 

5 Responses

  1. AtPA dice:

    Whoah this blog is great i love reading your articles.

  2. Amy dice:

    Woah! I’m really digging the template/theme of this website.

    It’s simple, yet effective. A lot of times it’s tough
    to get that 芦perfect balance禄 between user friendliness and appearance.
    I must say that you’ve done a very good job with this. In addition, the blog loads very quick for me on Safari.
    Superb Blog! Hi there would you mind letting me know which web host you’re using?
    I’ve loaded your blog in 3 completely different
    browsers and I must say this blog loads a lot
    faster then most. Can you recommend a good web hosting
    provider at a reasonable price? Thanks, I appreciate it!
    You have made some really good points there. I checked on the web to learn more about the issue and
    found most people will go along with your views on this site.

  3. John dice:

    Hi, i read your blog from time to time and i own a similar one and i
    was just wondering if you get a lot of spam comments? If so how do you prevent it, any plugin or anything you can suggest?
    I get so much lately it’s driving me crazy so any assistance is very much appreciated.
    I鈥檝e been surfing online more than 3 hours today, yet I never found any interesting article like yours.
    It鈥檚 pretty worth enough for me. Personally, if all
    website owners and bloggers made good content as you did,
    the internet will be a lot more useful than ever before. Hey would you mind
    sharing which blog platform you’re using? I’m going to start my
    own blog soon but I’m having a hard time choosing between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems
    different then most blogs and I’m looking for something unique.
    P.S Sorry for being off-topic but I had to ask!

Deja un comentario

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *

Scroll Up