GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → khtdr → Svelte Redux Shopping Cart

khtdr / Svelte Redux Shopping Cart

Licence: mit
Example Shopping Cart App using Svelte, Redux, and Webpack

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reduxwebpacksveltetravis-cihot-reload

Projects that are alternatives of or similar to Svelte Redux Shopping Cart

Template Rwb
A full-featured Webpack setup with hot-reload
Stars: ✭ 165 (+1169.23%)
Mutual labels:  webpack, hot-reload
Storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Stars: ✭ 67,445 (+518707.69%)
Mutual labels:  webpack, svelte
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (+1169.23%)
Mutual labels:  webpack, hot-reload
Awesome Chrome Extension Boilerplate
Use react + typescript + webpack to enhance your chrome extension development experience
Stars: ✭ 146 (+1023.08%)
Mutual labels:  webpack, hot-reload
Angular Hmr
🔥 Angular Hot Module Replacement for Hot Module Reloading
Stars: ✭ 490 (+3669.23%)
Mutual labels:  webpack, hot-reload
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+14000%)
Mutual labels:  webpack, hot-reload
Modular Css
A streamlined reinterpretation of CSS Modules via CLI, API, Browserify, Rollup, Webpack, or PostCSS
Stars: ✭ 234 (+1700%)
Mutual labels:  webpack, svelte
Reactly Starter Kit
Deployable React + Webpack 2 starter kit
Stars: ✭ 122 (+838.46%)
Mutual labels:  webpack, hot-reload
Webpack Pwa Manifest
Progressive Web App Manifest Generator for Webpack, with auto icon resizing and fingerprinting support.
Stars: ✭ 447 (+3338.46%)
Mutual labels:  webpack, hot-reload
Vueniverse
Full stack, user based, PWA, Vue template.
Stars: ✭ 339 (+2507.69%)
Mutual labels:  webpack, hot-reload
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (+1007.69%)
Mutual labels:  webpack, travis-ci
Vue Loader
📦 Webpack loader for Vue.js components
Stars: ✭ 4,778 (+36653.85%)
Mutual labels:  webpack, hot-reload
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (+930.77%)
Mutual labels:  webpack, hot-reload
Reactn
React, but with built-in global state management.
Stars: ✭ 1,906 (+14561.54%)
Mutual labels:  webpack, travis-ci
Hot Reload All The Things
Starter project for HMR with backend routes and server/client-side react.
Stars: ✭ 127 (+876.92%)
Mutual labels:  webpack, hot-reload
Blockly Samples
Plugins, codelabs, and examples related to the Blockly library.
Stars: ✭ 222 (+1607.69%)
Mutual labels:  webpack, svelte
Sass Vars Loader
Use Sass variables defined in Webpack config or in external Javascript or JSON files
Stars: ✭ 112 (+761.54%)
Mutual labels:  webpack, hot-reload
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (+761.54%)
Mutual labels:  webpack, hot-reload
React Webpack Boilerplate
Minimalistic ES6+ React boilerplate with Hot Reloading using Webpack 4 and Babel 7
Stars: ✭ 336 (+2484.62%)
Mutual labels:  webpack, hot-reload
Angular Electron
Ultra-fast bootstrapping with Angular and Electron (Typescript + SASS + Hot Reload) 🚤
Stars: ✭ 4,914 (+37700%)
Mutual labels:  webpack, hot-reload
View All Similar Projects ➔

Current Svelte is @v3, but this example repo uses [email protected]

You, yes you, should fork this repo, upgrade the Svelte dependendies to v3, and submit a PR!



Greenkeeper badge Build Status Dependency Status devDependency Status FOSSA Status

A port of the Redux Shopping Cart example, from React to Svelte. The bindings between Svelte and Redux are provided by the svelte-redux package. The bundle is built with Webpack and is configured with hot-reloading enabled in development.


Getting Started

  1. Clone the repo
  2. Install dependencies
  3. Start the server
git clone [email protected]:khtdr/svelte-redux-shopping-cart.git
cd ./svelte-redux-shopping-cart && yarn
yarn start

Or with degit

degit khtdr/svelte-redux-shopping-cart your-project
cd ./your-project && yarn
yarn start

Open: http://localhost:8080

❓ If port 8080 is taken, find and change the port number in package.json:

  "start": "http-server public -p 8080 -o"

If you want to run tests on a different port, fix accordingly:

grep -ir 8080 * | grep -v node_modules

Development and Testing

To enable hot-reloading, stop the server and run:

yarn run dev

Or to enable hot-reloading and open the Cypress test suite:

yarn run test

Open your browser to http://localhost:8080. Edit source files and the page will update.

Source Code Structure

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].