freeCodeCamp/curriculum/challenges/spanish/03-front-end-libraries/react-and-redux/moving-forward-from-here.sp...

2.6 KiB

id title localeTitle challengeType isRequired
5a24c314108439a4d403614a Moving Forward From Here Avanzando desde aquí 6 false

Description

Felicitaciones! Terminaste las lecciones sobre React y Redux. Hay un último elemento que vale la pena señalar antes de continuar. Normalmente, no escribirás aplicaciones React en un editor de código como este. Este desafío le da una idea de cómo se ve la sintaxis si está trabajando con npm y un sistema de archivos en su propia máquina. El código debe tener un aspecto similar, excepto por el uso de instrucciones de import (estos detienen todas las dependencias que se le proporcionaron en los desafíos). La sección "Administración de paquetes con npm" cubre npm con más detalle. Finalmente, escribir el código React y Redux generalmente requiere alguna configuración. Esto puede complicarse rápidamente. Si está interesado en experimentar en su propia máquina, la aplicación Create React App viene configurada y lista para funcionar. Alternativamente, puede habilitar Babel como un preprocesador de JavaScript en CodePen, agregar React y ReactDOM como recursos externos de JavaScript, y trabajar allí también.

Instructions

Registre el mensaje 'Now I know React and Redux!' a la consola.

Tests

tests:
  - text: El mensaje ¡ <code>Now I know React and Redux!</code> debe estar registrado en la consola.
    testString: 'assert(editor.getValue().includes("console.log("Now I know React and Redux!")") || editor.getValue().includes("console.log(\"Now I know React and Redux!\")"), "The message <code>Now I know React and Redux!</code> should be logged to the console.");'

Challenge Seed

// import React from 'react'
// import ReactDOM from 'react-dom'
// import { Provider, connect } from 'react-redux'
// import { createStore, combineReducers, applyMiddleware } from 'redux'
// import thunk from 'redux-thunk'

// import rootReducer from './redux/reducers'
// import App from './components/App'

// const store = createStore(
//   rootReducer,
//   applyMiddleware(thunk)
// );

// ReactDOM.render(
//   <Provider store={store}>
//     <App/>
//   </Provider>,
//   document.getElementById('root')
// );

// change code below this line

Solution

console.log('Now I know React and Redux!');