react

Recursos de programación de react
Ya tenemos nuestra API finísima en backend, incluso generamos el HTML para un frontal web PEEEERO… el mundo frontend ha evolucionado mucho estos años y queremos aplicar esas mejoras en términos de optimizaciones de renderizado por componentes de frameworks como #Vue.js o #React, y llevar al frontend esos principios que tanto venimos trabajando en el backend: SOLID, alta cohesión y bajo acoplamiento, testing… ????️ Okokok, sabemos dónde queremos ir y por qué. Ahora toca pensar en el plan de acción: ¿Cómo migramos un frontend ya existente con HTML+CSS+JavaScript a #VueJS? ¡Plan de migración progresiva al ataque! ⚡ Ooootra duda: El estado de la aplicación. ¿Cómo lo gestionamos? ¡Vuex y Redux al rescate! ☁️ Problemas asociados: Si el contenido lo genera el cliente/navegador… ¿Qué pasa con el SEO? ¡Server Side Rendering es nuestro amigo! ???? Enlaces ricos: ????Curso de Migración progresiva a VueJS de 0: http://bit.ly/migra-vue ???? 6€ gratis para CodelyTV Pro: http://bit.ly/promo-lanzamiento ???? Cursos CodelyTV Pro: http://bit.ly/ctv-cursos ????‍????‍????‍???? Planes para empresas: https://codely.tv/pro/teams ???? Suscríbete a nuestro canal: https://www.youtube.com/c/CodelyTV?sub_confirmation=1 ???? Facebook: https://facebook.com/CodelyTV/ ???? Instagram: https://instagram.com/CodelyTV/ ???? Twitter CodelyTV: https://twitter.com/CodelyTV
¿Y si lo escuchas mientras vas al trabajo o te pones en forma? https://www.ivoox.com/32276691 ------------- En nuestro equipo enfocamos nuestros esfuerzos en recopilar datos para desarrollar una tabla de comparación que muestra el verdadero coste al mover dinero entre diferentes divisas. En su desarrollo, se nos ha presentado el reto de abstraernos de la propia tecnología elegida, en este caso React, para hacerlo compatible con cualquier cliente. Con esta charla quiero compartir las lecciones aprendidas convirtiendo la tabla en un componente web con el propósito de facilitar su distribución y la propagación de nuevas versiones con la mínima fricción para el cliente. ------------- Todos los vídeos de Codemotion 2018 en: https://www.youtube.com/playlist?list=PLKxa4AIfm4pUKl4PGFucaziMr16GVOBI0 ¡Conoce Autentia! Twitter: https://goo.gl/MU5pUQ Instagram: https://lk.autentia.com/instagram LinkedIn: https://goo.gl/2On7Fj/ Facebook: https://goo.gl/o8HrWX
Ponente: Rubén Aguilera En esta charla vamos a poner de manifiesto la brecha que existe entre diseñadores UI y desarrolladores a la hora de plasmar en una aplicación front las ideas de Negocio. Vamos a definir el concepto de DevUI como vehículo conciliador para que ambos roles empaticen y colaboren para la creación de librerías de componentes listos para utilizar en los desarrollos y no "invertir" tiempo en adaptar maquetas estáticas; que sea poner la etiqueta conveniente y de un plumazo aplicar vistosidad, usabilidad y accesibilidad manteniendo una homogeneidad en la imagen corporativa; limitando también la "creatividad" de algunos desarrolladores y haciendo que el producto pueda estar en producción lo antes posible. Pero como esto es CODE no nos quedamos solo en la teoría y se propone el uso de StencilJS como vehículo facilitador de esta librería de componentes 100% reutilizables agnóstica al framework de turno (Angular, React, Vue). El resto de la charla es un live-coding de cómo empezar la librería con StencilJS desde cero, crear un par de componentes reutilizables y consumirlos en una aplicación con Angular.
¿Estás pensando en comenzar un proyecto utilizando un framework JavaScript? Al inicio, navegar entre toda la información disponible en la web y conocer qué hace falta para comenzar a desarrollar con un framework determinado puede ser un poco difícil. En este meetup lo que pretendemos es introducir algunos de los frameworks JavaScript como: Angular, Aurelia, Angular con Material, NativeScript, Vue, React e Ionic. Para ello contaremos qué son, en qué se diferencian, qué recursos hemos encontrado nosotros que nos han resultado útiles y cómo son los primeros pasos para configurar el entorno y la arquitectura que crean por defecto. Será una primera visión global de cómo comenzar a desarrollar un proyecto con alguno de estos frameworks desde el punto de vista de alguien sin experiencia previa en ellos. Commit es la conferencia donde nos reunimos a discutir diferentes perspectivas en la forma de hacer y gestionar software. Ven con nosotros para vivir dos días compartiendo y aprendiendo todo lo que tiene la tecnología, y por la oportunidad de romper con la rutina y experimentar algo nuevo. -------------- ¿Y si lo escuchas mientras vas al trabajo o te pones en forma?: https://www.ivoox.com/31391729 ------- Todos los vídeos de Commitconf2018 en: https://www.youtube.com/playlist?list=PLKxa4AIfm4pWrJbP5G43g8yLbfumUz72t ¡Conoce Autentia! Twitter: https://goo.gl/MU5pUQ Instagram: https://lk.autentia.com/instagram LinkedIn: https://goo.gl/2On7Fj/ Facebook: https://goo.gl/o8HrWX
Tradicionalmente, los modelos de componentes utilizados en el mundo de front se utilizan como un mecanismo de modularidad para descomponer una solución. De forma más ambiciosa, se construyen sistemas de diseño basados en componentes en aras a aumentar la reutilización entre proyectos y mejorar la productividad en los desarrollos. Sin embargo, para que la reutilización se convierta en una realidad constatable necesitamos cambiar nuestra aproximación al problema. Más que crear arquitecturas polimórficas que acepten distintos tipos de componentes. Necesitamos crear componentes que sean capaces de adaptarse plásticamente y de forma dinámica a cada contexto arquitectónico de uso. En esta charla presentaremos una colección de técnicas y modelos de adaptación que pueden ser aplicados sobre nuestros sistemas de componentes con independencia del stack tecnológico en que estén implementados: Vue, React, Polymer, etc. Si perteneces al mundo del front y te gusta ver código esta charla te interesará. https://www.koliseo.com/events/commit-2018/r4p/5630471824211968/agenda #/5734118109216768/5752345749094400
Cuéntanos, ¿cómo es trabajar en StyleSage y sobre todo, sin que nadie nos oiga, cómo es Javier Abadia de jefe? En tu charla nos hablas del Virtual DOM que usan tecnologías como Vue, React y también StencilJS, ¿cuál es tu opinión sobre la evolución de todas estas tecnologías? Twitter; https://goo.gl/MU5pUQ Instagram; https://lk.autentia.com/instagram LinkedIn https://goo.gl/2On7Fj/ Facebook; https://goo.gl/o8HrWX
En este episodio hablamos sobre el lenguaje de Google Dart, un viejo conocido que vuelve a ponerse de moda gracias a Flutter.io. Si estás pensando en hacer aplicaciones móviles puede que te interese usarlo.  Dart LangEditor Online DartFlutter.ioComparativa Ecosistemas Desarrollo MóvilReact Native with FlutterNo dejes de escuchar la sección ¿qué se cuece en StackOverflow?, hoy dedicada a los comentarios en el código. Para saber la canción de Rick Astlsey de la que hablamos puedes ver el siguiente vídeo: https://www.youtube.com/watch?v=dQw4w9WgXcQY repasamos como siempre el feedback recibido en el rincón del oyente.Tod@s l@s que tengáis comentarios o sugerencias para el podcast podéis enviarnos un correo a programaresunamierda@gmail.com o dejarnos un comentario en Twitter: @progesunam .No olvidéis de suscribiros a nuestro podcast en FeedPress o itunes, o si lo preferís agregad el RSS a vuestra app de podcast preferida. En cualquier caso siempre agradeceremos reviews del podcast en cualquiera de las plataformas.También podéis uniros a nuestro canal de Slack.La música elegida para la entrada y salida del podcast son del grupo "Dilo". En concreto las canciones son "War Inside" y "Sick of reality"
Charla impartida en Commit Conf 2018, https://2018.commit-conf.com https://www.koliseo.com/events/commit-2018/r4p/5630471824211968/agenda #/5734118109216768/5072068362108928 Utilizado por las librerías mas famosas como React y Vue, el Virtual DOM sigue siendo una de las partes mas ocultas y "mágicas" dentro de las mismas. Su principal labor es aumentar el rendimiento de nuestra aplicación a través de un renderizado más eficiente pero... ¿cómo lo consigue? ¿cómo funciona realmente por dentro? En esta charla trataré de explicar de donde salió la idea de tener un Virtual DOM, cómo funciona y cómo este ha ido evolucionando en sus distintas implementaciones. Veremos también una pequeña implementación del mismo donde se le verá en acción y finalizaremos con una serie de conclusiones a considerar si usamos una librería que lo implemente.
RICARDO BORILLO El testing es uno de los conceptos más core de eXtremme Programming (XP). Ya lo decía el gran Kent Beck: Any program feature without an automated test simply doesn’t exist. Curiosamente, JavaScript ha sido históricamente uno de los lenguajes con más frameworks de test y menos cultura de testing en su comunidad. Los frameworks han ido apareciendo y desapareciendo a la velocidad del rayo y, por fin hoy, podemos decir que tenemos una magnífica combinación de ellos que ha venido para quedarse. Entonces, si todo ha mejorado tanto, ¿Cómo cubrimos estas necesidades de implementación de tests unitarios, de integración y de aceptación? Pues con Jest como abanderado construir tests unitarios trabajando con matchers personalizados, creando mocks o comprobando snapshots de componentes visuales es ya algo sencillo y asequible. A un segundo nivel y centrándonos en los tests de integración de componentes React, react-testing-library se presenta como una solución sencilla y que resuelve muchos de los problemas que teníamos con sus predecesores (aka enzyme). Por último y a nivel del UI, lo que necesitaremos es disponer de una herramienta de diseño, depuración y ejecución de nuestros tests de accepción. Cypress es simplemente alucinante y reduce radicalmente el tiempo de construcción y mantenimiento de este tipo de tests, históricamente considerados pesados y muy frágiles. Y todo ello sin selenium!!! :) ¿Tienes ya ganas de verlo en funcionamiento sobre un ejemplo real? No te pierdas pues esta sesión repleta de código y tests en verde!!! :)
Luis Emilio Velasco Sánchez In the context of building APIs, GraphQL is getting a lot of attention lately, especially comparing it as an alternative to REST. In this talk we will see the lessons learned and pitfalls of using GraphQL within a microservices architecture (with Ruby, Elixir, Javascript and React) and go beyond HTTP with an example of GraphQL Subscriptions and WebSockets.