Any idea when Svelte could be supported?

Questions
1

I used F7 in the past and have some bad experiences because of some nasty slow devices (3rd country world has 3rd world devices =P). Svelte helps a lot on those devices and I read that you are working on a Svelte version.

My last app was made in Flutter (it has 1.5 million downloads), but I really didn’t like it >.< So I was thinking in starting my new projects in Svelte + Cordova instead (but I don’t want to reinvent the wheel).

Bottom line: is there a time reference when an alpha Svelte version would be available? I would love to help on a Svelte version.

1 Like
2

“Cordova” и “slow devices”? Вы это серьезно?

3

I hope some stable F7-Svelte version will be released closer to the end of the November. But it won’t be significantly faster than Vue/React and for sure it won’t be faster than Flutter app :slight_smile:

2 Likes
4

But it won’t be significantly faster than Vue/React and for sure it won’t be faster than Flutter app

What’s the reason behind this?

5

Это странный вопрос, у вас был опыт разработки под мобильники, особенно с использованием Cordova?

6

Can’t wait for the svelte version!
Any update on the release?

7

Why do you need this? Vue has almost the same perfomance

image
image.png1151×890 42.3 KB

8

Эти данные нужны для того, чтобы людям было чем форумы в интернете заполнять. Используйте что лучше знаете и любите React / Vue / Svelte. Когда будет реальная разработка под мобильники, особенно в Cordova, то вы столкнетесь с такими настоящими проблемами и ограничениями, что ваше сравнение в миллисекундах вообще не о чем.

1 Like
9

Untitled

this is why he probably needs it.

1 Like
10

DTX, you’re showing a comparison to svelte v1.41.2 done 2 years ago, in November 2017. ( https://www.stefankrause.net/wp/?p=454 )
Since the current svelte version is 3.16, I’m not sure this performance comparison is accurate or representative .

1 Like
11

The main problem of mobile development on JS is rendering time, not the building VDOM

1 Like
12

Вы имеете ввиду что JS медленно работает с DOM и это вызывает тормоза в мобильниках?

13

Нет, медленно работает рендеринг(Render --> layout --> paint) дерева DOM. React/Vue используют виртуальный DOM (VDOM) для построения дерева.

14

Hello!
Already have a forecast for this development?

15

Soon, it is already in active progress

1 Like
16

Great! Can’t wait to check it out.

17

Downloaded the Framework7 svelte repo to try but I get an error when I run Kitchen Sink svelte:dev .

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/kitchen-sink/svelte/js/app.js

There doesn’t seem to be a js folder generated.

18

It is still in progress but you can try npm run svelte:dev

19

how to download the Svelte Kitchen Sink?

20 
SyntaxError: Duplicate export 'ActionsButton' (53:2) in C:\Users\Overman\Desktop\f7Svelte\build\svelte\framework7-svelte.esm.js
at Object.pp$4.raise (C:\Users\Overman\Desktop\f7Svelte\node_modules\acorn\dist\acorn.js:2836:15)
at Object.pp$1.checkExport (C:\Users\Overman\Desktop\f7Svelte\node_modules\acorn\dist\acorn.js:1471:14)
at Object.pp$1.parseExportSpecifiers (C:\Users\Overman\Desktop\f7Svelte\node_modules\acorn\dist\acorn.js:1536:12)
at Object.pp$1.parseExport (C:\Users\Overman\Desktop\f7Svelte\node_modules\acorn\dist\acorn.js:1447:30)
at Object.parseExport (C:\Users\Overman\Desktop\f7Svelte\node_modules\rollup\dist\rollup.js:11626:30)
at Object.pp$1.parseStatement (C:\Users\Overman\Desktop\f7Svelte\node_modules\acorn\dist\acorn.js:863:74)
at Object.parseStatement (C:\Users\Overman\Desktop\f7Svelte\node_modules\rollup\dist\rollup.js:11676:30)
at Object.pp$1.parseTopLevel (C:\Users\Overman\Desktop\f7Svelte\node_modules\acorn\dist\acorn.js:746:23)
at Object.parse (C:\Users\Overman\Desktop\f7Svelte\node_modules\acorn\dist\acorn.js:553:17)
at Function.parse (C:\Users\Overman\Desktop\f7Svelte\node_modules\acorn\dist\acorn.js:576:37)
at Graph.contextParse (C:\Users\Overman\Desktop\f7Svelte\node_modules\rollup\dist\rollup.js:13001:70)
at tryParse (C:\Users\Overman\Desktop\f7Svelte\node_modules\rollup-plugin-commonjs\dist\rollup-plugin-commonjs.cjs.js:267:12)
at checkEsModule (C:\Users\Overman\Desktop\f7Svelte\node_modules\rollup-plugin-commonjs\dist\rollup-plugin-commonjs.cjs.js:281:15)
at Object.transformAndCheckExports (C:\Users\Overman\Desktop\f7Svelte\node_modules\rollup-plugin-commonjs\dist\rollup-plugin-commonjs.cjs.js:762:30)
at Object.transform (C:\Users\Overman\Desktop\f7Svelte\node_modules\rollup-plugin-commonjs\dist\rollup-plugin-commonjs.cjs.js:842:48)
at C:\Users\Overman\Desktop\f7Svelte\node_modules\rollup\dist\rollup.js:12899:25 {
  pos: 2243,
  loc: {
file: 'C:\\Users\\Overman\\Desktop\\f7Svelte\\build\\svelte\\framework7-svelte.esm.js',
line: 53,
column: 2
  },
  raisedAt: 2257,
  frame: '51: export {\n' +
'52:   ActionsButton,\n' +
'53:   ActionsButton,\n' +
'      ^\n' +
'54:   ActionsGroup,\n' +
'55:   ActionsGroup,',
  id: 'C:\\Users\\Overman\\Desktop\\f7Svelte\\build\\svelte\\framework7-svelte.esm.js',
  hook: 'transform',
  code: 'PLUGIN_ERROR',
  plugin: 'commonjs',
  watchFiles: [
'C:\\Users\\Overman\\Desktop\\f7Svelte\\kitchen-sink\\svelte\\src\\app.js',
'C:\\Users\\Overman\\Desktop\\f7Svelte\\build\\svelte\\framework7-svelte.esm.js',
'C:\\Users\\Overman\\Desktop\\f7Svelte\\kitchen-sink\\svelte\\src\\app.svelte',
'C:\\Users\\Overman\\Desktop\\f7Svelte\\build\\core\\framework7.esm.bundle.js'
  ]
}

Duplicated in export framework7-svelte.esm.js

export {
  ActionsButton,
  ActionsButton,
  ActionsGroup,
  ActionsGroup,
  ActionsLabel,
  ActionsLabel,
  Actions,
  Actions,
  App,
  App,
  ......
};