Estoy tratando de descubrir cómo obtener un nombre de usuario que es un atributo almacenado en una colección de usuarios, que se ha fusionado con los atributos creados por el modelo de autenticación de Firebase. Puedo acceder a authUser, lo que me da los campos limitados que firebase recopila en...
Tengo un caso en el que necesito saber si el usuario ha iniciado sesión o no antes de que la página se muestre en el lado del servidor y me la envíe de nuevo usando Next.js para evitar cambios de parpadeo en la interfaz de usuario. Pude descubrir cómo evitar que el usuario acceda a algunas páginas...
Estoy tratando de imitar otras aplicaciones de chat móviles donde, cuando seleccionas el send-messagecuadro de texto y se abre el teclado virtual, el mensaje más inferior todavía está a la vista. Parece que no hay una manera de hacer esto con CSS de manera sorprendente, por lo que JavaScript...
Estoy tratando de entender el useEffectgancho en profundidad. Me gustaría saber cuándo usar qué método y por qué. 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second...
Voy a diseñar una navegación de cajones en mi proyecto. Lo instalé con este comando: npm install @react-navigation/drawer Luego importó eso a App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; Este es mi...
Este es mi componente. Estoy usando la función de flecha en línea para cambiar la ruta onClickde div, pero sé que no es una buena manera en términos de rendimiento. 1. Función de flecha en línea changeRoute (routeName) { console.log(routeName) } render() { return ( <> <div...
Estoy tratando de ejecutar una aplicación de reacción en mi máquina local, obtengo este error cuando ejecuté npm run start: > node scripts/start.js internal/validators.js:125 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^ TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument...
Recibo el siguiente error al ejecutar npm start: Se prefiere la sintaxis del módulo ES2015 sobre los módulos y espacios de nombres personalizados de TypeScript @ typescript-eslint / no-namespace namespace InternalThings {...} Traté de investigar esto, pero es muy confuso. ¿Por qué está pasando...
Tengo funciones IIFE para algunos de los códigos de la biblioteca en una aplicación heredada que necesita funcionar para IE10 + (sin carga del módulo ES6, etc.). Sin embargo, estoy empezando a desarrollar una aplicación React que usará ES6 y TypeScript y quiero reutilizar el código que ya tengo...
Creé un nuevo proyecto con create-react-app, luego ejecuté npm start y luego apareció. https://imgur.com/a/3By9NCr Usando FF
Estoy creando una aplicación web React JS que eventualmente se convertirá en una PWA para que los usuarios puedan instalarla en sus dispositivos móviles. Ahora el cliente solicita encontrar una manera de enviar estas aplicaciones PWA a Apple Store y Google Store. Entonces, mi pregunta es si tenemos...
En mi código, no tengo ningún uso explícito decomponentWillMount , pero aún veo un par de advertencias al ejecutarlo webpack. react-dom.development.js: 12386 Advertencia: se ha cambiado el nombre de componentWillMount y no se recomienda su uso. Consulte https:
En esta edición de GitHub, esencialmente propuse cambiar: x = useCallback( ... , []); A: x = useRef( ... ).current; Los dos son iguales pero con useRefReact no compara las dependencias. Para lo cual llegó una respuesta con una pregunta: ¿Hay alguna situación en la que una useMemo o...
Me gustaría que el usuario pueda ordenar una lista de elementos pendientes. Cuando los usuarios seleccionan un elemento de un menú desplegable, establecerán el sortKeyque creará una nueva versión setSortedTodosy, a su vez, activará useEffecty llamará setSortedTodos. El siguiente ejemplo funciona...
En versiones anteriores a 0.61 de react-native para reflejar los cambios de código, tenemos dos opciones como. Live Reload (Recarga la aplicación cuando detecta algunos cambios) Recarga en caliente (refleje los cambios sin volver a cargar) pero en la versión 0.61 , se ha introducido una nueva...
Tengo un subconjunto muy pequeño de Markdown junto con algunos html personalizados que me gustaría analizar en los componentes React. Por ejemplo, me gustaría convertir esta siguiente cadena: hello *asdf* *how* _are_ you !doing! today En la siguiente matriz: [ "hello ",
Tengo una aplicación en la que estoy usando Material UI y su proveedor de temas (usando JSS). Ahora estoy incorporando fullcalendar-react , que en realidad no es una biblioteca React completa, es solo un delgado contenedor de componentes React alrededor del código original de fullcalendar. Es...
Entonces, estaba buscando alguna respuesta a esta pregunta y descubrí que al importar, 'Reaccionar' no necesita estar en {} ya que es la exportación predeterminada y no una exportación con nombre, Bueno, eso es correcto, pero también he visto que al importar una exportación predeterminada,...
Intento abrir un paquete, pero cuando el Android se está ejecutando, muestra el siguiente mensaje 2020-01-05 23: 15: 45.366 26210-26210 / com.note.principal W / .note.principa: Acceso al campo oculto Landroid / view / View; -> mAccessibilityDelegate: Landroid / view / View $...
Estoy probando algunas pruebas unitarias, creé un sandbox con un ejemplo falso https://codesandbox.io/s/wizardly-hooks-32w6l (en realidad tengo un formulario) class App extends React.Component { constructor(props) { super(props); this.state = { number: 0 }; } handleSubmit = (number1,...