React JS App Cart App (Full Stack App Development) #16

Блог

Този прост прототип на количка за пазаруване показва как компонентите React и Redux могат да се използват за изграждане на приятелско потребителско изживяване с незабавни визуални актуализации и мащабируем код в приложения за електронна търговия.

Характеристика

  • Добавете и премахнете продукти от плаващата количка
  • Сортирайте продуктите от най -високата към най -ниската и най -ниската до най -високата цена
  • Филтрирайте продуктите по наличните размери
  • Продуктите продължават да се движат в плаваща количка след презареждане на страницата
  • Единични тестове, интеграционни тестове и e2e тестване
  • Адаптивен дизайн

Приготвяме се да започнем

Опитайте да играете с кода на CodeSandbox :)

Изграждане/изпълнение

Изисквания

  • Node.js
  • NPM
/* First, Install the needed packages */ npm install /* Then start both Node and React */ npm start /* To run the tests */ npm run test /* Running e2e tests */ npm run wdio

Относно тестовете

  • Единични тестове
  • Всички компоненти имат поне основен тест за дим
  • Интеграционни тестове
  • Вземете продукта и го добавете правилно в количката
  • e2e
  • Webdriverio - Добавете и премахнете продукта от количката

Приложение Full Stack

https://github.com/tkssharma/fullstac…

#react #react js #програмиране

www.youtube.com

React JS App Cart App (Full Stack App Development) #16

Просто ръководство, за да научите как да използвате React & Redux за изграждане на основно приложение за количка за пазаруване. Този прост прототип за количка за пазаруване показва как компонентите на React и Redux могат да бъдат използвани за изграждане на приятелско потребителско изживяване с незабавни визуални актуализации и мащабируем код в приложения за електронна търговия.