All Projects โ†’ charpeni โ†’ Svelte Example

charpeni / Svelte Example

Licence: mit
๐Ÿš€ ๐Ÿ“š Some examples to test the Svelte Framework

Projects that are alternatives of or similar to Svelte Example

Sapper Template Firebase
Starter Rollup template for Sapper apps with Firebase functions based on https://github.com/nhristov/sapper-template-rollup.
Stars: โœญ 29 (-65.88%)
Mutual labels:  rollup, svelte
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: โœญ 58 (-31.76%)
Mutual labels:  eslint, babel
Express React Boilerplate
๐Ÿš€๐Ÿš€๐Ÿš€ This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: โœญ 32 (-62.35%)
Mutual labels:  eslint, babel
Svelte Tailwind Extension Boilerplate
A Chrome extension boilerplate built with Svelte, TailwindCSS, Jest, and Rollup.
Stars: โœญ 26 (-69.41%)
Mutual labels:  rollup, svelte
Vue Web Extension
๐Ÿ› ๏ธ A Vue CLI 3+ preset (previously a Vue CLI 2 boilerplate) for quickly starting a web extension with Vue, Babel, ESLint and more!
Stars: โœญ 1,147 (+1249.41%)
Mutual labels:  eslint, babel
Skyvow.github.io
๐Ÿถ My resume - ไธชไบบ็ฎ€ๅŽ†
Stars: โœญ 27 (-68.24%)
Mutual labels:  eslint, babel
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: โœญ 971 (+1042.35%)
Mutual labels:  eslint, babel
React Isomorphic Boilerplate
๐ŸŒŸ An universal React isomorphic boilerplate for building server-side render web app.
Stars: โœญ 653 (+668.24%)
Mutual labels:  eslint, babel
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: โœญ 65 (-23.53%)
Mutual labels:  eslint, babel
Astexplorer.app
https://astexplorer.net with ES Modules support and Hot Reloading
Stars: โœญ 65 (-23.53%)
Mutual labels:  eslint, babel
React Express Fullstack
Full stack (mostly unopinionated) starter pack with React+Redux and Expressjs
Stars: โœญ 23 (-72.94%)
Mutual labels:  eslint, babel
Threejs Es6 Webpack Starter
Three.js ES6 starter project with a sane webpack configuration
Stars: โœญ 85 (+0%)
Mutual labels:  eslint, babel
Svelte Quickstart
Svelte un nuevo framework de JavaScript para construir interfaces de usuario.
Stars: โœญ 16 (-81.18%)
Mutual labels:  babel, svelte
Bili
Bili makes it easier to bundle JavaScript libraries.
Stars: โœญ 949 (+1016.47%)
Mutual labels:  rollup, babel
React Ssr Setup
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
Stars: โœญ 678 (+697.65%)
Mutual labels:  eslint, babel
React Starter
React Starter repository: cache bursting, css extraction, production, hot, react, redux, router, babel, eslint, jsx, webpack 3, editorconfig
Stars: โœญ 33 (-61.18%)
Mutual labels:  eslint, babel
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: โœญ 621 (+630.59%)
Mutual labels:  eslint, babel
Serverless Typescript Starter
๐Ÿ—„๐Ÿ™…โ€โ™€๏ธ Deploy your next serverless JavaScript function in seconds
Stars: โœญ 653 (+668.24%)
Mutual labels:  eslint, babel
Sowing Machine
๐ŸŒฑA React UI toolchain & JSX alternative
Stars: โœญ 64 (-24.71%)
Mutual labels:  eslint, babel
Mostly
They mostly come at night; mostly.
Stars: โœญ 78 (-8.24%)
Mutual labels:  eslint, babel

Svelte Example

Some examples to test the Svelte Framework.

Installation

Node 7 is strongly recommended.

Yarn is also available.

npm install 
npm run build

Rollup will compile everything into dist folder, open public/index.html into your browser to see Svelte in action.

Rollup plugins

  • Eslint
  • Babel (presets: es2015 & stage-3)
  • Svelte

Available examples

  • Hello World component with default data & Two-Way binding (input)
  • Counter component with default data and on:click directive with an observer on this value
  • CatList and Cat components as nested components
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].