freeCodeCamp

2.7 KiB

Raw Blame History

id	title	challengeType	isRequired	videoUrl	localeTitle
5a24c314108439a4d403614a	Moving Forward From Here	6	false

Description

تهانينا! لقد أنهيت الدروس في React و Redux. هناك عنصر أخير يستحق الإشارة إليه قبل الانتقال. عادة ، لن تكتب تطبيقات React في محرر رمز مثل هذا. يمنحك هذا التحدي لمحة عن الشكل الذي تبدو عليه إذا كنت تعمل مع npm ونظام ملفات على جهازك الخاص. يجب أن تبدو التعليمات البرمجية مشابهة ، فيما عدا استخدام عبارات import (هذه السحب في كافة التبعيات التي تم توفيرها لك في التحديات). يغطي قسم "إدارة الحزم باستخدام npm" npm بمزيد من التفاصيل. وأخيرًا ، تتطلب كتابة React و Redux code بشكل عام بعض التهيئة. هذا يمكن أن تتعقد بسرعة. إذا كنت مهتمًا بالتجربة على جهازك الخاص ، فإن تطبيق "إنشاء التفاعلات" يأتي مهيئًا ومستعدًا للانطلاق. بدلاً من ذلك ، يمكنك تمكين Babel باعتباره المعالج المسبق لـ JavaScript في CodePen ، وإضافة React و ReactDOM كموارد جافا سكريبت خارجية ، والعمل هناك أيضًا.

Instructions

undefined

Tests

tests:
  - text: ''
    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.7 KiB Raw Blame History