Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 October 09

М

Максим in Svelte [svelt] - All about Svelte JavaScript framework.
в каждом роуте
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
В свелт есть встроенные механизмы для contentEditable?
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
они в html есть это атрибут такой
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
А в свелт?
Что то вроде

let edit=false, text='init';
//
<div contenteditable={edit} bind:value={text}>
</div>

Можно сделать?
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
Elements with the contenteditable attribute support innerHTML and textContent bindings.

<div contenteditable="true" bind:innerHTML={html}></div>
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Спасибо!
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Эх! Жалко что contenteditable нельзя делать динамическим.

И если бы еще любые поля ноуда можно было бы биндить. Но это уже размечтался. 😄
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Кстати, реально ведь насколько упрощали бы код конструкции вида

<div :style.color={color} >
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
а еще если бы можно было

<div :style.color={let color} > 😄😄😄
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
"в свелте нет никакого синтаксиса который надо учить и jsx не нужен"
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
ага конечно
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
все давно в jsx решено
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Да. Реакт очень противоречивые чувства вызвал. С одной стороны синтаксис свелта для меня  лаконичнее и удобнее, с другой стороны если что то не предусмотрено в свелте - то этого и нет. (
источник

М

Максим in Svelte [svelt] - All about Svelte JavaScript framework.
если чего-то нет в свелте, значит тебе это не надо :)))
источник

М

Максим in Svelte [svelt] - All about Svelte JavaScript framework.
решил так:

svelte.config.js
config.kit.vite.server.proxy = {  '/api': API_HOST } // for dev
adapter: node({ entryPoint: './src/server.js' }) // for build
server.js
import dotenv from 'dotenv';
dotenv.config();

import { assetsMiddleware, prerenderedMiddleware, kitMiddleware } from '../build/middlewares.js';
import express from 'express';
import { createProxyMiddleware } from 'http-proxy-middleware';

const PORT = process.env["PORT"];
const API_HOST = process.env["API_HOST"];

const app = express();
app.use('/api', createProxyMiddleware({ target: API_HOST, changeOrigin: true }));
app.all('*', assetsMiddleware, prerenderedMiddleware, kitMiddleware);
app.listen(PORT, '0.0.0.0');
источник

М

Максим in Svelte [svelt] - All about Svelte JavaScript framework.
в теории всегда можно будет выкинуть entryPoint и пересесть на nginx
источник

М

Михаил (koryuun)... in Svelte [svelt] - All about Svelte JavaScript framework.
Пара чайницких вопросов:
Зачем нужна функция store.update? Почему недостаточно store.set?
Можно ли в update принять решение по каким-то условиям всё таки не трогать store, чтобы подписчиков не дёргать?
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
В ней получаешь текущий стейт стора и можешь внутри его обработать.

store.update((state) => state.youDo())
источник

М

Михаил (koryuun)... in Svelte [svelt] - All about Svelte JavaScript framework.
Я знаю как она работает, я не понимаю зачем она. Чем set хуже?
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
Как ты в set() обработаешь текущий стейт стора?
источник