Mi padlet fantástico by juan camilo cristancho velasquez https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt en-us 2022-09-20 02:02:13 UTC 2022-09-21 02:49:54 UTC hello@padlet.com Templates Literals camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305736083 son comillas invertidas (' ') que sirven principalmente para denotar algo o definir una cadena]]> 2022-09-20 22:01:14 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305736083 Shorthand property names camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305746407 con los nombres abreviados, no hay necesidad de nombrar la variable o la funcion dos veces, ya que seria algo innecesario.]]> 2022-09-20 22:15:38 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305746407 funciones flecha camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305753900 son funciones parecidas a las tradicionales, pero estas tienen varios limites, como que no tiene argumentos o palabras clave, ETC...]]> 2022-09-20 22:26:01 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305753900 Destructuring camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305764438 el destructuring es una expresion de javascript, que nos permite desempacar valores de arrays o distintas propiedades

esta es una buena forma de crear paquetes de datos "ad hoc"]]> 2022-09-20 22:43:34 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305764438 Default Parameters camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305769333 son parametros definidos como "indefinidos-2, que nos sirven para iniciar con valores predeterminados, y ademas, tambien podemos cambiarlos]]> 2022-09-20 22:50:54 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305769333 Spread Operator camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305806708 el "Spread Operator" o sintaxis extendida, existe para extender el valor de una cadena hasta ciertos puntos donde se esperan 0 o mas argumentos,
ademas, de que en un objeto literal, sirve para enumerar las propiedades de un objeto y agregar los clave-valor al objeto que se crea.]]> 2022-09-20 23:46:39 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305806708 ESModules camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305821985 los ESModules son modulos de una nueva actualizacion en el programa javascripts, en el que pretende eliminar la dependencia de terceros y ofrecer un mecanismo universal

Es un modulo que a simple vista no es mas que un fichero, que declara unas dependencias so las necesita y exportara una serie de valores.]]> 2022-09-21 00:02:38 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305821985 Operadores ternarios camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305832425 El operador terrario es el unico operador que tiene tres opernados, este se usa como atajo para la instruccion if

Condicion: una expresion que evalua como true o false

expr1 expr2: expresion con valores de algun tipo

]]> 2022-09-21 00:13:40 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305832425 arrays camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305853622 los arrays son un metodo que es ysado en la contruccion de objejos tipo lista de alto nivel, algunos de sus metodos son:

Array.prototype.copyWithin()
copia una secuencia de elementos de un arreglo dentro de otro arreglo

Array.prototype.every()
devuelve "true" si todos los elementos del array cumple la condicion o predicado

Array.prototype.fill()
asigna a un valor estatico a todos los elementos del array.

]]> 2022-09-21 00:30:29 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305853622 Promesas Async/Await camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305865836 Estas dos palabras le daban un mejor sentido a las promesas. por lo que sera mas legible y entendible, ademas de que una promesa se resuelva y retome su valor, dando paso a guardarlo en variables]]> 2022-09-21 00:38:57 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305865836 Herramientas para creación de unproyecto rápido (Bundles) en React camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305947400 Create-React_App (CRA) es n paquete en el que podemos crear nuestas aplicaciones de una forma global
 
Herramientas:
- Calculator
-Emoji Search
-Snap Shot
-BMI calculator


VITE
El VITE Es una herramienta que nos ayuda a crear proyectos de una forma agnostica y que su construccion sea lo mas sencilla y comoda posible]]> 2022-09-21 01:41:15 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305947400 ¿Qué es el DOM y el Virtual DOM? camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305959486 El DOM hace referencia al arbol de nodos que generan los navegadores para entender nuestro codigo HTML
El virtual DOM es una representacion en memoria del DOM asociada a la interfaz grafica que ve el usuario]]> 2022-09-21 01:51:09 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305959486 QUE ES JSX camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305967299 El JSX es una extencion de sintaxsis de JavaScript que nos permite mezclar js y html, esta extencion es sencilla pero nos ayuda bastante, ya que escribimos un codigo mas sencillo, limpios y sin tantos atajos o repeticiones.]]> 2022-09-21 01:57:54 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305967299 Componentes de React camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305976703 los componentes de react, nos permiten separar la interfaz en piezas independientes, reutilizables y pensar en cada una como una forma aislada]]> 2022-09-21 02:05:48 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305976703 PROPS camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305982909 Los props hacen referencia a todas las propiedades las cuales cumplen un papel importante en la creacion de un sitio web. los componentes son los bloques de construccion de react y sirven para mejorar su funcionalidad.]]> 2022-09-21 02:10:43 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305982909 HOOK USESTATE camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305991931 Un HOOKs es una funcion que permite conectarse a caracteriasticas de react, por ejemplo el usestate sirve para añadir el estado de react a un componente de funcion]]> 2022-09-21 02:17:35 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305991931 QUE SON? camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305996206 Los Hooks son funciones que te permiten “enganchar” el estado de React y el ciclo de vida desde componentes de función. Los hooks no funcionan dentro de las clases — te permiten usar React sin clases.
more_vertical


]]> 2022-09-21 02:20:39 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305996206 HOOK USEEFECT camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305998570 El Hook useEffect es un Hook de efecto que nos permite ejecutar tareas secundaria dentro de nuestros componentes funcionales, por ejemplo, podemos emular los métodos de ciclo de vida, sin la necesidad de utilizar componentes de clase. Para usar este hook, primero debemos importarlo desde la librería de React.


]]> 2022-09-21 02:22:20 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2305998570 Manejo de estilos con CSS en React camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2306008582 Los CSS Modules en React son una herramienta a la que tenemos acceso cuando creamos aplicaciones usando create-react-app. En realidad, podemos acceder a esta herramienta utilizando webPack.
more_vertical


]]> 2022-09-21 02:29:48 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2306008582 styled components react camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2306016051 Styled-components es una biblioteca popular que se utiliza para dar estilo a las aplicaciones React. Te permite construir componentes personalizados escribiendo CSS real en tu JavaScript

]]> 2022-09-21 02:35:40 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2306016051 ¿Qué es un evento en javascript y cómo se maneja en React? camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2306018034 Los eventos en React se definen generalmente de manera declarativa, en el código de la vista o template, producido con JSX en el método render(). Para definirlo tenemos que indicar dos cosas: Primero el tipo de evento que queremos implementar y luego el método que hará las veces de manejador de evento.]]> 2022-09-21 02:37:17 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2306018034 ¿Qué es formik y cómo se implementa en React? camilocristancho4564 https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2306034157 cuando se habla de un formulario, se tiene en cuenta demaciadas cosas, sin embargo gracias a react, se ha poularizado la libreria formik, que sirve para la gestion de formularios, que nos proporciona las herramientas para crearlos y luego gestionarlos.]]> 2022-09-21 02:49:54 UTC https://padlet.com/camilocristancho4564/zwvdva4s0gcykapt/wish/2306034157