Características en tiempo real
Autocompletado inteligente
Sugerencias contextuales mientras escribes
Ejemplo:
Al escribir "useEff", Lupe sugiere "useEffect" y proporciona un snippet con la estructura básica del hook
Detección de errores
Identifica y sugiere correcciones para errores en tiempo real
Ejemplo:
Si escribes "console.log" con un typo, Lupe lo detecta y sugiere la corrección automáticamente
Sugerencias de importación
Gestión automática de importaciones
Ejemplo:
Al usar un componente de Material-UI sin importar, Lupe sugiere la importación correcta automáticamente
Análisis de código
Analiza tu código mientras lo escribes
Ejemplo:
Si detecta un posible memory leak en un useEffect, Lupe sugiere la corrección apropiada
Escenarios de uso
Desarrollo de componentes React
Asistencia mientras desarrollas componentes
Contexto:
Escribiendo un nuevo componente React
Código inicial:
function UserProfile() {
const [user, setUser] = useState()Sugerencia de Lupe:
function UserProfile() {
const [user, setUser] = useState(null)
useEffect(() => {
// Fetch user data
fetchUserData().then(setUser)
}, [])Manejo de estado
Sugerencias para gestión de estado
Contexto:
Implementando un contador con Redux
Código inicial:
const counterSlice = createSlice({
name: "counter",Sugerencia de Lupe:
const counterSlice = createSlice({
name: "counter",
initialState: { value: 0 },
reducers: {
increment: (state) => { state.value += 1 },
decrement: (state) => { state.value -= 1 }
}
})Configuración de la asistencia
Personalización de sugerencias
Ajusta la frecuencia y tipo de sugerencias según tus preferencias.
Atajos de teclado
Configura atajos personalizados para acceder rápidamente a las funciones de asistencia.
Integración con el editor
Personaliza cómo se muestran las sugerencias en tu editor de código.
Siguientes pasos
Para aprovechar al máximo la asistencia en tiempo real:
