freeCodeCamp

2.6 KiB

Raw Blame History

id	title	challengeType	isRequired	videoUrl	localeTitle
5a24c314108439a4d403614a	Moving Forward From Here	6	false		Avançando daqui

Description

Parabéns! Você terminou as lições de React e Redux. Há um último item que vale a pena apontar antes de seguir em frente. Normalmente, você não escreve aplicativos React em um editor de código como este. Este desafio lhe dá uma ideia de como é a sintaxe se você estiver trabalhando com o npm e um sistema de arquivos em sua própria máquina. O código deve ser semelhante, exceto pelo uso de instruções de import (essas são todas as dependências que foram fornecidas para você nos desafios). A seção "Gerenciando Pacotes com npm" abrange o npm em mais detalhes. Finalmente, escrever código React e Redux geralmente requer alguma configuração. Isso pode ficar complicado rapidamente. Se você estiver interessado em experimentar em sua própria máquina, o aplicativo Create React vem configurado e pronto para ser usado. Como alternativa, você pode ativar o Babel como um pré-processador JavaScript em CodePen, adicionar React e ReactDOM como recursos externos de JavaScript e trabalhar lá também.

Instructions

Registre a mensagem 'Now I know React and Redux!' para o console.

Tests

tests:
  - text: A mensagem <code>Now I know React and Redux!</code> deve ser registrado no console.
    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

// solution required

2.6 KiB Raw Blame History