Мазмуну:

React reduxта долбоорду кантип түзөм?
React reduxта долбоорду кантип түзөм?

Video: React reduxта долбоорду кантип түзөм?

Video: React reduxта долбоорду кантип түзөм?
Video: The Complete Redux Toolkit + RTK Query Course for Beginners | Redux in 2 hours! 2024, Апрель
Anonim

үчүн түзүү жаңы долбоор , алдына npx кошуңуз түзүү - реакция кылуу - колдонмо редукс -cra. Бул орнотулат түзүү - реакция кылуу - колдонмо глобалдык (эгерде ал орнотулган эмес болсо) жана ошондой эле жаңысын түзөт долбоор.

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-кадам: Булак кодун жайылтууга жол бербөө.

Ошондой эле билүү үчүн, сиз реакция долбоорун кантип баштоо керек?

React долбоорун түзүү

  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 иштетүү сервери.

Сунушталууда: