Мазмұны:

React redux бағдарламасында жобаны қалай жасауға болады?
React redux бағдарламасында жобаны қалай жасауға болады?

Бейне: React redux бағдарламасында жобаны қалай жасауға болады?

Бейне: React redux бағдарламасында жобаны қалай жасауға болады?
Бейне: Лекция 1 - Фронтендке кіріспе | HTML CSS курсы 2024, Мамыр
Anonim

Кімге жасау жаңа жоба , алдында npx-ді ғана бастаңыз жасау - реакция -қолданба редукс -кра. Бұл орнатады жасау - реакция - қолданба жаһандық деңгейде (егер ол орнатылмаған болса) және жаңасын жасайды жоба.

Redux дүкені

  1. Қолданба күйін сақтайды.
  2. getState() арқылы күйге қол жеткізуге мүмкіндік береді.
  3. Күйге жіберу (әрекет) арқылы жаңартуға мүмкіндік береді.

Осыған байланысты Redux-ті реакция жобасына қалай қосуға болады?

Қадамдық: React қолданбасына Redux қалай қосуға болады

  1. 1-қадам: Redux NPM бумаларын импорттау.
  2. 2-қадам: Редукторды жасаңыз.
  3. 2-қадам: Redux дүкенін жасаңыз.
  4. 3-қадам: Негізгі қолданба құрамдас бөлігін провайдермен ораңыз.
  5. 4-қадам: Контейнер құрамдас бөлігін жасаңыз және қосыңыз.
  6. 5-қадам: Redux дүкенінен күйді таңдап, түрлендіру.
  7. 6-қадам: Көрсетілім құрамдасындағы күйді пайдаланыңыз.

Сондай-ақ, реакцияға арналған өндірістік қолданбаны қалай жасауға болады? Бұл қадамдар create-react-app көмегімен жасалған кез келген React қолданбасы үшін жұмыс істейді.

  1. 1-қадам: React қолданбасын жасаңыз.
  2. 2-қадам: Жалпы қалтаға өзіңіздің қолданба белгішесін қосыңыз.
  3. 3-қадам: Өндіріс құрылымына қызмет көрсету үшін Express JS серверін жасаңыз.
  4. 4-қадам: React өндірісінің құрылымын жасаңыз.
  5. 5-қадам: бастапқы кодты орналастыруды болдырмаңыз.

Сондай-ақ білу керек, сіз реакция жобасын қалай бастайсыз?

Реакция жобасын орнату

  1. 1-қадам: Үлгі қолданбаны орнатыңыз. es6-tutorial-react репозиторийін клондау: git clone
  2. 2-қадам: Babel және Webpack орнату. Пәрмен жолын ашыңыз және (cd) es6-tutorial-react каталогына өтіңіз.
  3. 3-қадам: Құру және іске қосу.

React Redux қолданбасын қалай пайдаланамын?

Бастау

  1. Қолданба жасау. Жаңа қолданба жасау үшін мынаны іске қосыңыз: create-react-redux-app-structure my-app cd my-app/
  2. Конфигурацияны дайындаңыз. json құрастыру конфигурацияларына арналған.
  3. Орнату. npm орнату немесе жіп орнату.
  4. Құрастыру сценарийін іске қосыңыз. Сценарийлерді құрастыру бөлімін қараңыз.
  5. Серверді іске қосыңыз. node index.js немесе npm іске қосу сервері.

Ұсынылған: