Curso Profesional de React (firebase, hooks, redux, MaterialUI)

¡Convertirte en un experto en REACT con este curso!
✨ APOYÁ EL CANAL ✨

_____________________________________________________

✨PREGUNTAS FRECUENTES DEL CURSO✨

🔹 Archivos del Curso (Dale una ⭐😊, aquí esta el template de la web de peliculas también):

🔹 Link para cargar las peliculas:

🔹 Template MaterialUI:

🔹 Version de NPM:
En la última version de npm para crear tu app puedes usar el comando:
npx create-react-app cursoreact

🔹 Como crear Links:
Para los href de la tag "a" usando react-router-dom hay que reemplazar la etiqueta "a" por "Link" y el href por to="pagina"

✨ MENU DEL CURSO ✨
00:00:00 - Introducción al Curso de Programación en React
00:01:33 - Historia de React JS
00:04:51 - Instalación de NodeJS
00:07:24 - Instalación de NPM y Create React App
00:10:00 - Hola Mundo en React
00:23:15 - 1er Proyecto: App para Generar Memes
00:29:05 - Estados en Hooks (useState)
01:00:19 - ¿Qué es el Virtual DOM?
01:03:17 - 2do Proyecto: Web de películas
01:08:42 - Adaptar HTML en React
01:17:38 - Creación de Componentes Customizados
01:38:23 - Arrays en React
02:41:19 - Hook useEffect
02:46:20 - Router
03:03:33 - React Native vs Ionic vs PWA
03:08:55 - Migrar componentes de clases a Hooks
03:18:41 - 3er Proyecto: Sistema de Gestión MaterialUI y FireBase
03:19:07 - Material Design
03:31:49 - Configuración de Firebase
04:59:58 - Redux vs Context
05:18:29 - Despedida

✨ TRACK LIST ✨
▽ Hola Beats - Karma (Full Album)
• Youtube: @HolaMundo

▽ Jensation - Delicious

#react #javascript #frontend

[atl.academy]

👉Accede al curso profesional de programación CON CERTIFICACIÓN en www.atl.academy
En mi instagram comparto tips que "VALEN ORO":

[kuribohize]

Gente apoyen este contenido, soy estudiante de ingeniería informática, y les puedo decir con mucha seguridad que la calidad de los cursos y el nivel pedagógico del instructor están en un nivel muy alto(de elite) y me atrevo a decir que es muy superior a muchos profesores.
¡Gracias por tanto!

[informaticaymas]

Reaccion (Todos venden un curso poco completo) = lucas moy (regala el curso y muy completo y bien explicado), a esto le llamo yo enseñar por pacion no por dinero 😊😊😚😊

[mrthepilvitv]

2:57:30
Con router v6 cosas cambiaron, al final el código del ejemplo queda así:
import {BrowserRouter as Router, Route, Routes} from 'react-router-dom';
import Blog from'./views/Blog.js';
import ListadoPeliculas from './views/ListadoPeliculas';

function App(){
return (
<Router>
<Routes>
<Route path="/"
<Route path="/blog" element={<Blog/>}/>
</Routes>
{/* Switch fue reemplazado por Routes */}
</Router>
);
}

export default App;

Como ven la etiqueta Route no tiene children a la pagina en donde se tiene que abrir a la pagina porque ahora se usa element.
Y el Switch fue reemplazado por el BrowserRouter, el cual tiene as Router y dentro de él va Routes, y a la vez éste tiene las etiquetas Route.
Si no usas esto, aunque no te salga error, si no pones element te saldrá la pantalla en blanco sin ningún mensaje de error.

😀 Espero haber ayudado a alguien, Dios me los Bendiga, Cristo los Ama 💯

[compartelo]

Tus vídeos son una joya, pero argumento mi opinión:
1. Lo explicas de manera calmada, ni rápido ni lento, con un tono de voz que transmite confianza.
2. Si hay una parte que no entiendes al 101% no pasa nada, como en @45:30, lo dices y como lo haríamos cualquier mortal lo buscas en internet. (esto vale oro, sinceridad y ver como se resuelven los problemas)
3. Eres capas de ponerte en el lado del que tiene un nivel bajo y tener las mismas inquietudes / pensamientos y por ello explicas las cosas desde ese punto de vista, lo cual hace que transmitas una cantidad de información suficiente para que las dudas del que está aprendiendo sean menores.
GRACIAS en mayúsculas.

[seba]

en 3:24:13 Antes de usar el npm run start, hay que colocar npm run build. Esto es porque asi genera los archivos necesarios para echar andar proyecto.

[marccostafabre]

Soy ingeniero de backend desde hace ya bastantes años y justo ahora me ha dado por actualizar mis limitados conocimientos en frontend. Me decidí por React dada su alta popularidad y fuerte comunidad.
He de decir que de todo el material que he ido encontrado en la red relacionado con aprender React, este curso es de lejos el mejor de todos. Tienes un don para transmitir conocimientos y se ve que eres un gran profesional.
Gracias y felicitaciones por este magnífico canal.

[Carmen_]

Me encuentro en Barcelona realizando un bootcamp de programación que va todo muy acelerado. Este es el mejor canal que he encontrado porque lo explica calmado, comentando trucos, tips . Cuando me explicaron REACT la verdad no entendi nada. Con este video voy entendiendo y siguiendo paso a paso, recién voy por 1:45 m de video pero me ha llevado todo el sábado y en lo que va del domingo hacerlo, ya que trata de entender bien algo complejo y llevarlo a algo simple. Estoy feliz, lo que he aprendido aqui es invaluable. Estoy muy agradecida con Lucas, porque se nota que sabe tanto y transmite su conocimiento con ganas de enseñar, como aquel que no necesita demostrar nada a nadie porque justamente, sabe de lo que habla y no lo explica a toda velocidad. Te invitaria una birra Lucas, pero me encuentro en Barcelona, si estas por aqui con gusto te invito yo querido compatriora, aunque si abres la posibilidad de colaborar desde afuera con gusto lo hago. Lo mereces. Te felicito!!!! Dios te bendiga. Carmen.

[robertobenedit]

Me emociono hasta las lagrimas de lo bien que explicas, lejos, pero lejos lo mejor de internet. Que completo das todo.

[fireb]

Es increíble ver lo dedicado que eres y el profesionalismo con el que haces los videos, muchas gracias por este curso!!

[marcosxk]

Estoy cursando Henry, y con este video me hiciste ver la luz de REACT, sos un genio, ni bien consigo trabajo te invito el cafésito ;)

[josxfer]

Muchas gracias Lucas, ya estaba que botaba la toalla por no entender muy bien React, super bueno el curso, muy buenos ejemplos y excelente forma de explicar. Saludos desde Bogotá, Colombia.

[luchonieves]

Hace 1 semana en el curso de mysql me dijiste que este de react iba a ser el mejor de todos, pero la verdad te fuiste al carajo jajajaj es una locura!

Impecable tu laburo Lucas, por favor seguí metiendole!

[Tim]

mano sos el primero que explica todo xD vengo de otros videos y te dicen solo lo que tenes que poner, pero no dicen para que sirve ni que es cada cosa, solo dicen "esto no es importante" xD. Muchas gracias man por explicar cada detalle :3 ya me vere cada video que tenes :D muchas gracias de nuevo :D

[marcosezequielherrera]

Hola Lucas! primero que todo, muchas gracias por este aporte! me parece genial! Venía a comentar sobre una parte del video que me demoró un buen tiempo, y es la parte donde haces el fetch a la API de películas. En mi caso, el fetch falla siguiendo al pie de la letra tu código, y lo resolví NO pasando el objeto como segundo parámetro en el argumento de la función fetch, y pienso que tiene sentido al tratarse de una petición GET. A continuación dejo parte de mi código, donde también hago uso del trycatch en ese mismo contexto:

const buscarPeliculas = async () => {
try {
const response = await fetch(URL);

if(response.status === 200)
setMovies(await response.json());
} catch (error) {
console.log(error);
}
};

Espero sea útil, saludos!

[bluediu]

Genial me lo voy a ver completo, también estaría genial un curso de Angular si es posible.

[emilianomarquez]

Lucas es increíble tu habilidad para transmitir conocimiento. Estudie react en un curso de la UTN y casi q no lo logré entender, vi este y entiendo todo. Sos un genio, tus videos valen oro. Mil Gracias

[chalvarenga]

Lucas! Sos un monstruo, te felicito por el contenido que generas, ni te imaginas lo que nos ayudas a los que recién iniciamos en este caótico pero hermoso mundo de la programación. Un abrazo desde Paraguay.

[MatiasSidler]

Por si alguien no encuentra el archivo "App.js" al momento de descargar el repo de material-kit-react:
Lo que yo hice y me funcionó fue buscar un commit cercano a la fecha del video (hay uno del 30 de agosto) y descargué el repo desde ese punto, así podía seguir el ejemplo tal cual está en el video.

[astrofenixsv]

Excelente video Lucas, de momento he encontrado un inconveniente cuando usas <Switch> en la versión 6 de react-router-dom al parecer han quitado Switch con la versión 5.2.0 funciona perfecto. Lo que hay que hacer es

1. npm uninstall react-router-dom

Espero les funcione.