Library vs Framework | React vs Angular | What Are They and Wich to Choose?

In this video I will explain you, what is the difference between a framework and a library, so later, you can choose betwee one or other, Depending on what you need.
Mi Social Networks:
Sitio Web: www.faztweb.com
Blog: blog.faztweb.com
Facebook: / faztjs
Twitter: / faztncdev
Patreon: / fazt
!Thanks for watching! :D

[@elvistirado3018]

Resumen 2 : - librería : conjunto de funciones (código) creado por alguien mas (0:45) - Framework : conjunto de librerias (6:52)

[@ricgc5617]

Fat, explicas demasiado bien, deberias ser directos de carrera de ing en sistemas en cualquier uni! Es mas, te propondre hasta de rector :v

[@juanpasten6077]

Amigo muchas gracias por hacer esta explicación. Tus videos destacan en la pedagogía, lo claro de los conceptos. Das la información de manera sintética, sin muchos rodeos, se agradece mucho. Simplemente gracias por crear y compartir.

[@1996akamaru]

La mejor explicación que eh encontrado, gracias por tu tiempo en realizar estos videos.

[@xiomerc2746]

Muchas gracias por la explicación, por fin alguien que explica la diferencia entre Framework y Librería de una manera clara, larga, pero clara.

[@FaztTech]

Gracias por comentar, haha sorry por eso, ahora intento hablar un poco más rapido para no hacerla tan larga xD.

[@zeusclash1475]

explicas muy bien gracias

[@sebastianvasquez4883]

Gracias, muy buen vídeo al igual que todos lo que subes!!

[@CuentaYoNoTube]

Que buena explicación!!

[@mauroinde]

Deberías subir cursos en Udemy o en tu propia plataforma si te falta financiamiento. Para que hagas un whole camino de angular 9 por ejemplo desde principios hasta pro, con ejemplos y más

[@d-landjs]

Excelente amigo, me sirvio muchooo!!!! Sigue asi!

[@rodolfogarcia2011]

Explicación hiper buena.

[@joseantonioperez2860]

Muy Buen Video! ya que hay muy poco contenido en español!. Si puedes explicar en un video sobre falcor.... Saludos.

[@FaztTech]

Muchas Gracias Jose. Pronto estaré subiendo que son los microservicios, y acerca de Falcor, es una muy buena idea, muchas gracias por la idea, me pondré a ello y pronto lo subire :D.

[@jehovaesmipastor9345]

Excelente brot

[@djfervega]

Hola!. Felicitaciones por la explicacion. Pero me genero una pregunta. Algunas bibliotecas son mas funcionales entre si que otras?. Ejemplo: Biblioteca A funciona bien con B que con biblioteca C Aclaro que recien empiezo en HTML y CSS

[@joseantonioquentaramos8134]

Gracias Fazt!

[@juandiegonal1990]

Muy buena explicación. Quedó muy claro. Soy del uso de Jquery y me había surgido la inquietud con respecto a estas nuevas tendencias; tengo ganas de empezar a estudiar uno de ellos pero por lo expuesto por ti y lo hablado con un amigo que trabaja en un empresa netamente de desarrollo, me iré por React.

[@FaztTech]

Mealegra que te sirviera, y Sí, React es una muy buena opción. Saludos

[@jxioocm]

Hola! muchas gracias por tu explicación!. Según entendí framework entonces es un conjunto de bibliotecas que me ofrecen diversas soluciones de acuerdo a mi aplicación pero puede que ahí, en ese marco de trabajo, no se encuentre una biblioteca que yo necesite para la solución de mi problema. Por eso debo adaptarme a lo que la herramienta me ofrece. Estoy en lo correcto? Por otro lado, es posible integrar bibliotecas y frameworks en dado caso que no encuentre un frameworks que me de solución a una necesidad, pero si una biblioteca?

[@FaztTech]

Hola Xiomara. Sí, tienes razón en el primer párrafo, y en cuanto a si puedes integrar frameworks y otras bibliotecas, claro que si puedes. de hecho es muy raro que un framework tenga todo por defecto, es por eso que puedes ir extendiéndolos con otras bibliotecas. ¡Un Saludo y gusto que te sirva el video!

[@jxioocm]

Gracias por contestar muy útiles tus videos :) !

[@ByteCodeHN]

Me gusta implementar Angular para el front y Spring para el back y hibernate para las base de datos

[@FaztTech]

Pues ¡Adelante!

[@ByteCodeHN]

olle amigo también tengo un canal de youtube y tenemos una comunidad de programadores youtubers que nos ayudamos te gustaría formar parte

[@davidsalazarmejia8310]

pasa info

[@HenrySalinasJva]

Un framework es un marco de trabajo, y una biblioteca es es conjunto de funciones.

[@lcalcagni]

Muchas gracias por el video. Muy Claro. Para una aplicación, tengo que consumir la API de Spotify. De manera general, cómo cambia esto si uso React o Angular? Al usar React debería usar alguna otra biblioteca para poder extraer los datos, verdad? Cuáles pueden ser? Y si lo hago con Angular puedo conectarme directamente a la API? Gracias por guiarme siendo que recién comienzo con estas tecnologías.

[@FaztTech]

Hola Laura. si planeas usar Reactjs para consumir una API, como la de Spotify, actualmente el navegador trae un metodo llamado "fetch", que se encarga de solicitar datos de Apis, aunque también es posible hacerlo con bibliotecas externas como "superagent", "axios" y muchas otras. En el caso de angular, este tiene una biblioteca integrada, es decir que no se necesita instalar, llamada HttpClient. en ambos casos lo que necesitaras es tan solo registrarte con una cuenta de spotify y te darán unos permisos que tendrás que pegar en tu código, para que tus aplicación pueda solicitar datos y eso seria todo. Elaboraré algunos ejemplos, creo que seria interesante, pero los voy a subir a este otro canal -> kzbin.info/door/Mn28O1sQGochG94HdlthbA De cualquier forma, les estaré avisando. Un Saludo y mucha suerte con tu proyecto.

[@lcalcagni]

Muchísimas gracias! Voy a estar atenta a tu nuevo canal :)

[@Anima_Ultrix]

una biblioteca es un namespacE?

[@neiserperaltasanches]

Puedes sacar un tutorial de riot.js para saber como poder hacer un proyecto con esta librería seria de utilidad para mucha gente :) saludos desde Peru

[@FaztTech]

neiser peralta sanches gracias por la idea, lo haré pronto. Saludos

[@gust5850]

Gracias por la explicacion, muy buena! Te consulto, yo vengo de jquery y quiero agregar el uso de websockets. Para eso puedo usar React? he visto que puedo hacerlo con nodejs, cual seria la opcion mas simple?

[@FaztTech]

Hola Gust. un gusto. te explico websockets es una API nativa del navegador, es decir que es código propio del navegador, lo que significa que puedes usarlo con cualquier biblioteca, no solo con React. y como mencionas, Node.js soporta websockets. tengo un video en el que hago un chat con websockets. te lo dejo o me comentas. Saludos Link del Video: kzbin.info/www/bejne/imTEmKKvd8SmmKM

[@gust5850]

Gracias Fazt! Lo miro! Un abrazo!

[@gust5850]

Te hago una consulta Fazt, tanto React como Angular corren sobre Node.js o es posible que lo hagan sobre Apache directamente?

[@FaztTech]

de hecho no corren sobre Node.js, usan Javascript mismo, es decir el mismo javascript del navegador, pero para escribir muchó mas facil el codigo usan Node.js y sus herramientas que estan realacionadas, te recomiendo investigar un Poco de SIngle Page Aplications. :)

[@gust5850]

Si, vi que Angular sirve para e SPA, verdad? En realidad no es lo que necesito por ahora, lo que si estoy buscando es la manera mas simple de imeplementar websockets en una aplicacion que usara php y mysql para mostrar datos actualizados al instante, creo entonces que con node.js ya estaria listo no? o pensas que react puede ser util o indispensable tambien?

[@javiervelascomarquez3225]

Valdepeñas de Jaén.

[@jaimesanchez1176]

Yo uso angular y siempre puedo quitar y agregar librerias, y si estoy deacuerdo en que angular ya tiene una estructura definida pero el como implementes cada capa si es muy flexible y tienes gran cantidad de librerias a escoger

[@getseneko7004]

Osea que puedo agregar react ?

[@MiguelAngelBenitezYanez]

Gracias por el video. Saludos desde Venezuela. He visto muchas ofertas de empleo de FRONT END , que piden saber REACT JS - ¿Que recomendación me das? - ¿Empezar con REACTJS ó ANGULAR? - Gracias..

[@FaztTech]

Hola Miguel, Saludos. ya he creado un vídeo con las diferencias, te lo comparto aquí kzbin.info/www/bejne/pJ_ClqaqhNqJidk pero en resumen ambos son bastante usados. si vas a aprender React porque quieres aplicar a una empresa, es una muy buena decisión. te recomendaría empezar con Reactjs porque es mucho más sencillo de entender al ser tan solo una biblioteca de la Vista, es decir sirve tan solo para ser interfaces de usuario. viene a reemplazar lo que antes se programaba con jQuery. Angular por otro lado es un framework completo, que ya tiene todo hecho. Honestamente cada uno es bastante usado en su ambito, yo te recomendaria escoger una empresa a la que quieres aplicar y ver si usa angular, react o vue que tambien es bastante popular. ya que estos frameworks y bibliotecas tienen el mismo proposito. cualquier otra cosa no dudes en comentarme. Suerte

[@ByteCodeHN]

tE RECOMIENDO UTILIZAR ANGULAR PERO EL QUE ESTA HECHO EN TYPESCRIPT

[@davidscarios]

La aplicacion de Correo de Office 365 usa React. La plataforma de Uber usa React tambien, tu decide ;)

[@luiscortes6963]

cuál de los 2 tendrá más demanda acá en Venezuela?

[@jorgemayorga777]

React con typescript

[@josbex1684]

En resumen React.js puedo usar con angular 4 el punto es que tengo que usar como traspilador Babel o Typescript..... :)

[@gianpiervicentemelgarejo2292]

Pensé q no eras tu por la voz :')

[@luiscortes6963]

Vale la pena aprender Jquery en el 2018?

[@JuanCruz-pc9cx]

luis cortes nah no pierdas tu tiempo . Fue lo mejor en su momento

[@luiscortes6963]

Si de eso me dí cuenta. casi todo lo que se hacía con Jquery se puede hacer ahora con ecmascript

[@alex99ww]

Sí,, sigue siendo algo solicitado en el mundo laboral

[@masmusicaperu]

vuejs pero me decidi por angular 2 por que trae angular material 2 :D

[@FaztTech]

Perfecto! :)

[@davidscarios]

React y Vuejs tienen su correspondiente Material Design tambien :v

[@jesuisunkoala]

"Recuerda que todos los modelos están mal, sólo tienes que saber qué tan mal estén para que dejen de ser útiles" :v xd Good! (Y)

[@FaztTech]

xD lo escuche en la conferencia que esta en la descripción del vídeo ;)

[@markdrew53]

Resumen:: Framework: Estás atado al entorno desarrollado y es difícil integrar una funcionalidad que no tenga dicha herramienta. Librería: Mucho más flexible en lo que se refiere en integrar funcionalidades como también módulos.

[@MiguelAngelBenitezYanez]

¿Cual usas tu?. Ayuda por favor !

[@grenjifo]

Mark DREW que nal argumento en un frame puedes hacer todo de igual forma que una librería.

[@jaimesanchez1176]

si, frameworks como angular te proponen una estructura pero tu puedes agregar muchisimas librerias

[@salvador8143]

biblioteca es lo mismo que librería?

[@FaztTech]

de hecho los términos son framework y library. que el español seria marco de trabajo y biblioteca respectivamente. libreria es una mala traducción.

[@salvador8143]

Fazt a ok ok es que me confundía xD, soy nuevo en esto

[@salvador8143]

Fazt gracias :)

[@alfalfarias]

Fazt, no estoy de acuerdo. Decir que un framework es una cojunto de librarías me resulta una definición bastante vaga. Para mí. una libraría es un conjunto de código, funciones, etc (no sé, JQuery por ejemplo). Y el framework, además de código, tiene una filosofía de cómo deben hacerse las cosas. Por eso AngularJS no es un framework, a pesar de que hay incluso scaffoldings construidos con esta librería (Yeoman tiene muchos), pero Angular (TypeScript) no. Nisiquiera ExpressJS es un framework, sino un core; pero Loopback sí. Es la diferencia que hasta ahora me funciona. Puedo leer sus opiniones al respecto, es una crítica hecha con la mejor intención, también me guta aprender. ¡Saludos!

[@Marfelcomputer]

El video comienza en el minuto 06:00 .................. !!!!

[@AUTODIDACTAS_SD]

Bueno pero vas en contra del mundo llamándolo biblioteca... La programación lleva inherente una gran comunidad, es necesario ser parte de ella. Se "españolanizo" librería, acéptala muy por encima de tu código de ética de traductor.. 😉

[@Faradars1]

el ejemplo del auto no fue bueno xd

[@elrenatoxd5439]

no entendi explicas mal we