svelte-redux-toolkit

KO | EN

gitlite — search

#react #typescript #llm #go #golang #android #machine-learning #linux #docker #awesome #cli #security #ios #openai

svelte-redux-toolkit

(★ 18)

A Svelte app template using Redux-Toolkit.

svelte-redux-toolkit 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Svelte Redux-Toolkit

This is a project template for [Svelte](https://svelte.dev) apps, with boilerplate code for integrating [Redux-Toolkit](https://redux-toolkit.js.org/).

The project is a very basic To-Do app that utilizes a redux store (with Redux-Devtools enabled).

I'm well aware that Svelte has pretty awesome built-in stores & reactivity, but for those that are comfortable with Redux or wish to utilize Redux-Devtools, this is a good (albeit barebones) template to start out with!

To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):

```bash
npx degit ghosts/svelte-redux-toolkit svelte-app
cd svelte-app
```

_Note that you will need to have [Node.js](https://nodejs.org) installed._

## Get started

Install the dependencies...

```bash
cd svelte-app
npm install
```

...then start [Rollup](https://rollupjs.org):

```bash
npm run dev
```

Navigate to [localhost:5000](http://localhost:5000). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.

## Learn more about Redux-Toolkit

This template comes with a `slices` folder, a `store.js` file, and a very basic Todo set-up to showcase the redux functionality. [Learn more about Redux-Toolkit](https://redux-toolkit.js.org/) and install the [Redux Dev Tools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en) for the best experience.

## Building and running in production mode

To create an optimised version of the app:

```bash
npm run build
```

You can run the newly built app with `npm run start`. This uses [sirv](https://github.com/lukeed/sirv), which is included in your package.json's `dependencies` so that the app will work when you deploy to platforms like [Heroku](https://heroku.com).

## Single-page app mode

By default, sirv will only respond to requests that match files in `public`. This is to maximise compatibility with static fileservers, allowing you to deploy your app anywhere.

If you're building a single-page app (SPA) with multiple routes, sirv needs to be able to respond to requests for _any_ path. You can make it so by editing the `"start"` command in package.json:

```js
"start": "sirv public --single"
```

## Deploying to the web

### With [now](https://zeit.co/now)

Install `now` if you haven't already:

```bash
npm install -g now
```

Then, from within your project folder:

```bash
cd public
now deploy --name my-project
```

As an alternative, use the [Now desktop client](https://zeit.co/download) and simply drag the unzipped project folder to the taskbar icon.

### With [surge](https://surge.sh/)

Install `surge` if you haven't already:

```bash
npm install -g surge
```

Then, from within your project folder:

```bash
npm run build
surge public my-project.surge.sh
```

svelte-redux-toolkit

svelte-redux-toolkit 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

svelte-redux-toolkit

svelte-redux-toolkit 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README