Svelte [svelt] Public
@sveltejs_public
863 subscribers
41 photos
3 videos
2 files
355 links
Официальный канал русскоязычного сообщества SvelteJS

Популярные теги:

#components
#tools
#news
#articles
#events
#video
#podcasts
#tutorials
#examples
#changelog
#rfc
#sapper
#workshops
Download Telegram
About
Blog
Apps
Platform
Join
Svelte [svelt] Public
863 subscribers
Svelte [svelt] Public
#video #actions #tooltip

https://www.youtube.com/watch?v=0GqIoo66i0g&feature=emb_title
YouTube
Svelte Action Examples: use:tooltip
💻 REPL: https://svelte.dev/repl/dd6754a2ad0547c5b1c1ea37c0293fef

📚 Related Resources
- Tutorials https://svelte.dev/tutorial/actions

🥰 Support me https://www.buymeacoffee.com/lihautan

🔗 Want to learn more from me? Check out these links:

Twitter: h…
730 viewsValexr, 
Svelte [svelt] Public
#svelte #vite

Svelte + Vite = ⚡️⚡️⚡️

https://www.youtube.com/watch?v=nz9RFVQ_nZo
YouTube
Svelte + Vite = ⚡️⚡️⚡️
Vite is used in SvelteKit and is super speedy so give it a try ~
Just start with this command:
npm init @vitejs/app

Vite Docs: https://vitejs.dev/

Please like and subscribe my wonderful and brilliant viewers ❤️❤️❤️
719 viewsМаксим, 
Svelte [svelt] Public
#svelte #vite #tailwind

Svelte + Vite + TailwindCSS = 🌸🌸🌸

https://www.youtube.com/watch?v=gNXL8UQHDdA
YouTube
Svelte + Vite + TailwindCSS = 🌸🌸🌸
Now let's add TailwindCSS and we've got something real good goin on!
Previous video..
Svelte + Vite Setup: https://www.youtube.com/watch?v=nz9RFVQ_nZo

TailwindCSS setup: https://tailwindcss.com/docs/guides/vue-3-vite
Vite: https://vitejs.dev/
889 viewsМаксим, 
Svelte [svelt] Public
#i18n #svelte

https://github.com/kaisermann/svelte-i18n
GitHub
GitHub - kaisermann/svelte-i18n: Internationalization library for Svelte
Internationalization library for Svelte. Contribute to kaisermann/svelte-i18n development by creating an account on GitHub.
682 viewsValexr, 
Svelte [svelt] Public
#i18n #svelte #sveltekit

https://github.com/cibernox/svelte-intl-precompile
GitHub
GitHub - cibernox/svelte-intl-precompile: I18n library for Svelte.js that analyzes your keys at build time for max performance…
I18n library for Svelte.js that analyzes your keys at build time for max performance and minimal footprint - GitHub - cibernox/svelte-intl-precompile: I18n library for Svelte.js that analyzes your ...
743 viewsValexr, 
Svelte [svelt] Public
#tools #convert #react #svelte

https://github.com/PoCInnovation/Sveno
GitHub
GitHub - PoCInnovation/Sveno: A tool to convert any React JS app to Svelte app 🚀
A tool to convert any React JS app to Svelte app 🚀 - PoCInnovation/Sveno
977 viewsValexr, 
Svelte [svelt] Public
#article #migrate #react #svelte

https://www.puruvj.dev/blog/macos-react-to-svelte
www.puruvj.dev
macOS Web: Why I moved from React to Svelte | blog | puruvj.dev
I recently moved macOS web from Preact to Svelte. Here's a firsthand account of my experience.
923 viewsValexr, 
Svelte [svelt] Public
#svelte #sveltekit #mobile #iOS #Android #capacitorjs

https://capacitorjs.com/solution/svelte

A cross-platform native runtime for web apps.

video: https://www.youtube.com/watch?v=If1p7yV1gec

P.S. Есть плагины как от Ionic (создатель), так и от комьюнити.
1.4K viewsMaxim, 
Svelte [svelt] Public
#article #svelte #style #directive

https://geoffrich.net/posts/style-directives/
Geoff Rich
How to use Svelte's style directive - Geoff Rich
Writing more maintainable and optimized dynamic styles with the style directive.
904 viewsValexr, 
Svelte [svelt] Public
#svelte #plugin #prismjs

https://github.com/pngwn/prism-svelte
GitHub
GitHub - pngwn/prism-svelte: Svelte language extension for prismjs
Svelte language extension for prismjs. Contribute to pngwn/prism-svelte development by creating an account on GitHub.
1.5K viewsValexr, 
Svelte [svelt] Public
#article #svelte #consttag

https://geoffrich.net/posts/local-constants/
Geoff Rich
Local constants in Svelte with the @const tag - Geoff Rich
1.5K viewsValexr, 
Svelte [svelt] Public
React to Svelte Cheatsheet.pdf
5.3 MB
#cheatsheet #svelte
1.9K viewsValexr, edited  
Svelte [svelt] Public
#video #tutorial #parallax #svelte

https://www.youtube.com/watch?v=K3CM7j9GIxk
YouTube
Effortless Parallax In Svelte Without Libraries - Weekly Svelte
End Code: https://svelte.dev/repl/c28704bc1faf478e8aa7848ece9f0c5a?version=3.46.4
Start Code: https://svelte.dev/repl/66c1c5458e7b44a38cf08c091b6d4a94?version=3.46.4

Become a Level Up Pro and take your web skills to the next level!
https://www.leveluptutorials.com…
1.6K viewsValexr, 
Svelte [svelt] Public
#plugin #svelte #preprocess #switch

https://github.com/l-portet/svelte-switch-case
2.3K viewsValexr, edited  
Svelte [svelt] Public
#svelte #preprocess #css

https://github.com/fernandolguevara/svelte-multicssclass
GitHub
GitHub - fernandolguevara/svelte-multicssclass
Contribute to fernandolguevara/svelte-multicssclass development by creating an account on GitHub.
2.2K viewsValexr, 
Svelte [svelt] Public
#svelte #preprocess #react

https://github.com/bfanger/svelte-preprocess-react
GitHub
GitHub - bfanger/svelte-preprocess-react: Seamlessly use React components inside a Svelte app
Seamlessly use React components inside a Svelte app - bfanger/svelte-preprocess-react
2.6K viewsValexr, 
Svelte [svelt] Public
#svelte #reatom

https://t.me/sveltejs/218014
Telegram
Misha Rodshtein in Svelte [svɛlt] - All about Svelte JavaScript framework
Reatom + Svelte 🎉

Стейт менеджер Reatom научился работать со Svelte

Reatom это:
- бандл микро размера,
- быстродействие,
- развитая экосистема,
- продуманная архитектура,
- легкое тестирование,
- вывод типов typescript.

———————————————

🧨 REPL с примером…
2.7K viewsValexr, 
Svelte [svelt] Public
#svelte #table

https://svelte-headless-table.bryanmylee.com/
2.7K viewsValexr, 
Svelte [svelt] Public
#svelte #eslint #plugin

https://sveltejs.github.io/eslint-plugin-svelte/
eslint-plugin-svelte
ESLint plugin for Svelte using AST
3.1K viewsValexr, 
Svelte [svelt] Public
This media is not supported in your browser
VIEW IN TELEGRAM
#svelte #widget #mediaquery

Привет, пару дней назад решил залить на npm виджет который уже многие годы сильно облегчает мне рутину адаптивной вёрстки.
Это мини виджет который отображает текущий брейкпоинт ширины экрана (based on tailwind defaults), а так же позволяет быстро скопировать media-query selector.

Идею взял с какого-то англоязычного канала и всё это время интегрировал что-то подобное во все проекты на этапе вёрстки.

https://www.npmjs.com/package/svelte-screensize-widget
671 viewsValexr, edited