codigo369

Introduccion

Resolucion de preguntas

Instalando node

Instalar y configurar Visual Studio Code

1 Que es react

2 Creando un proyecto con REACT

3 Reconocimiento de carpetas y archivos

4 Hola mundo desde REACT

5 Diferencias entre export default y export const

6 hook useState

7 Operadores ternarios

8 Styles css en React

9 Pausa para aprendizaje de Tailwind

10 Instalando tailwind

11 map

12 map de objetos

13 router

14 Asignando rutas

15 Creando lista de temas

16 Snipet

17 Navegacion con Link

18 UseNavigate

19 UseEffect

20 Dando styles

21 Imagenes locales

22 Imagenes Lazy

Código fuente de la sección

1 Rutas anidadas

2 Outlet

3 useNavigate

4 Navigate

5 Rutas dinamicas

6 SearchParams

7 Layouts persistentes

8 Aplicando el layout

11 Apis de forma grafica

12 Estructura del formato JSON

13 Results

14 Recorriendo la data

15 Mapeando los resultados

16 Usando Axios

17 Que es tanstack

18 Instalando Tanstack

19 Consultando por useQuery

20 Consultando con fetch useQuery

21 Consultando con axios useQuery

22 Estados de Querys

23 Explicando los paneles de la ReactQueryDevtools

24 Enabled en useQuery

25 Propiedades avanzadas

Código fuente de la sección

1 Instalando React Hook Form

2 Validar errors en textos

3 Validar correos

4 Validar numeros

5 Reset y Wtach

6 Zustand una vista rapida

7 Contador con zustand

8 Forma de llamar a la funcion

9 Persistencia de datos

10 Que es supabase

11 Creando una tabla en supabase

12 Conectando a supabase

13 Mostrando datos

14 Dando styles a la lista

15 useMutation

16 invalidateQueries

17 Creando hook personalizado

18 Eliminar tarea

19 Editar tareas

20 Pasando validaciones al Modal

21 Icono editar tarea

22 Reset

23 Validando duplicados

24 Buscar tareas

Código fuente de la sección

1 Creando el proyecto

2 Layout principal

3 Maquetado general

4 Diseño del sidebar

5 Toggle theme

6 Agregando responsive al sidebar

7 Header en Home

8 Input Publicacion

9 Header Publicacion Card

10 Extractor de color predominante en una imagen

11 Obteniendo el color promedio de una imagen

12 Footer de publicacion BORRAR 0_20

13 Login parte izquierda

14 Diseño de inputs

15 Terminando diseño del login

16 Conexion a supabase

17 signUp

18 Generar correos aleatorios

19 Crear el email

20 useSubcription

21 Stores Inicializados

22 Inicio de sesion

23 Agregando RLS a tabla

24 Creando un snippet

25 Que es un trigger

26 Creando trigger

27 Creando usuarios por trigger

28 Mostrar usuarios auth

29 Mostrar usuarios Auth

30 FormPost

31 Centralizando Querys

32 Primer input

33 Enlazando el emoji picker

34 Agregando emojis

35 Validando tipo de archivo

36 Probando input

37 Mostrando fileUrl

38 Manejando eventos de Drag and Drop

39 Repaso de Drag and Drop

40 Manejando estados de apertura y cierre

41 Tabla Publicaciones

42 Diagrama a seguir en storage

43 Habilitando servicio de Storage

44 Subiendo archivos

45 Creando el stack post

46 Primer publicacion en la base de datos

47 Limpiar publicacion

48 y 49 Preparando y creando rpc

50 Llamando al rpc

51 useInfiniteQuery

52 Agregando referencia de scroll

53 Registrando un video

54 Capturando color de frame

55 Manipulando el video

56 Creando hook de realtime

57 Llamando el hook

58 LikePost

59 Probando likes

60 Contadores

61 Header

62 Maquetado general terminado

63 Insertando comentario

64 Insertar Emojis

65 Mostrar comentarios

66 Visualizar comentarios

67 Realtime para comentarios

68 Respuestas Store

69 InputRespuestaAComentario

70 Insertar respuesta a comentario

71 Limpiar respuestas

72 ImageSelectorFoto

73 Agregando imagen

74 Editar foto del user

75 Probando en 2 exploradores

75.1 Contar usuarios

75.2 Mejorando styles

76 Diagrama de despliegue a produccion

77 Despliegue en hosting

78 Comprando dominio y conectandolo

79 Levantar la base de datos y codigo fuente