-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathwhy-i-love-svelte.html
68 lines (63 loc) · 8.55 KB
/
why-i-love-svelte.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en" class="light-mode">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.png" />
<link rel="stylesheet" type="text/css" href="./site.css" />
<meta name="viewport" content="width=device-width" />
<link href="./_app/immutable/assets/3.84abd576.css" rel="stylesheet">
<link href="./_app/immutable/assets/sterling.ba12fde9.css" rel="stylesheet">
<link href="./_app/immutable/assets/Header.9b742ac5.css" rel="stylesheet">
<link href="./_app/immutable/assets/Post.a1c147c5.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.2c55a661.js">
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.75f5293f.js">
<link rel="modulepreload" href="./_app/immutable/chunks/singletons.74c6a932.js">
<link rel="modulepreload" href="./_app/immutable/chunks/paths.21152387.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.4df5770f.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index.36074062.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.1375ff03.js">
<link rel="modulepreload" href="./_app/immutable/nodes/3.b744dd68.js">
<link rel="modulepreload" href="./_app/immutable/chunks/each.e59479a4.js">
<link rel="modulepreload" href="./_app/immutable/chunks/spread.8a54911c.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Button.fb729d6d.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Header.5ff96dfd.js">
<link rel="modulepreload" href="./_app/immutable/nodes/15.e5642628.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Post.19bcd7ab.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div class="root"><div class="header svelte-7d51k5"><a href="/" class="svelte-7d51k5" data-svelte-h="svelte-bk6u5r">geoffcox.github.io</a><span class="logo svelte-7d51k5" role="button" tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="60px" viewBox="0 0 128 128" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet" class="rooster"><path d="M52.83 29.41s6.95-3.71 10.04-9.24S67 8.76 62.26 6.32c-5.67-2.92-11.83 4.22-11.83 4.22s.56-4.46-3.57-4.93c-9.21-1.05-10.61 9.71-10.61 9.71s-2.34-1.96-5.26-.94c-3.47 1.22-4.01 5.81-3.85 8.07c.23 3.24 2.21 7.41 2.21 7.41l23.48-.45z" fill="#a42e1a"></path><path d="M66.67 95.11l-24-5.21s.92 8.59.28 9.57c-1.24 1.93-8.09 1.9-12.04 2.82c-3.71.86-8.73 6.21-5.14 10.63c3.38 4.15 6.97-3.45 8.87-3.31c1.9.14 2.3 3.97 4.43 3.87c3.1-.14 1.27-4.43 2.75-5.98c1.48-1.55 7.04-1.27 8.17-3.1s.7-7.95.7-7.95l7.18 2.53s4.08 4.86 3.8 8.87s-2.39 6.57-3.8 6.9c-4.93 1.13-11.4 2.53-10.98 5.49c.43 3.01 6.04 1.55 14.29 1.55c8.02 0 12.18.99 12.81-2.39s-5.42-3.45-5.49-4.65c-.07-1.2 1.9-6.62 1.55-9.08c-.35-2.47-3.38-10.56-3.38-10.56z" fill="#ffb70c"></path><radialGradient id="IconifyId17ecdb2904d178eab19929" cx="20.103" cy="100.174" r="95.94" gradientUnits="userSpaceOnUse"><stop offset=".468" stop-color="#8d5e50"></stop><stop offset=".675" stop-color="#5a7439"></stop><stop offset=".821" stop-color="#34642e"></stop><stop offset="1" stop-color="#315427"></stop></radialGradient><path d="M55.22 50.71l-25.58 2.44s-5.98 4.79-6.99 13.98c-.59 5.38 1.52 13.59 8.45 20.27c5.8 5.58 13.61 15.67 29.09 14.08s25.85-14.67 29.28-21.73c3.28-6.76 4.6-14.5 5.44-14.59c.84-.09 8.69 11.29 11.36 10.7c1.69-.38 1.64-5.64 1.22-8.73c-.66-4.79-2.44-7.79-2.44-7.79s7.79 5.73 8.92 4.08c.85-1.23.19-7.27-.99-11.83c-1.29-5-3.33-8.12-3.33-8.12s8.26 8.21 8.96 5.87c.33-1.1.61-17.03-13.28-21.26s-23.89 8.59-26.28 14.64c-2.57 6.51-4.65 17.03-4.65 17.03l-19.18-9.04z" fill="url(#IconifyId17ecdb2904d178eab19929)"></path><path d="M41.89 22.84c-6.84.32-12.39 6.85-12.39 6.85s-6.03.38-7.98 1.03c-2.86.96-4.88 3.2-5.07 4.32c-.47 2.77 10.32 3.94 10.32 3.94l.84 15.96s6.66 5.82 7.41 5.91c.75.09 5.82-6.19 6.48-6.29s7.79 7.32 7.79 7.32l18.7-6.05s-2.6-4.79-4.5-8.09c-1.88-3.28-2.96-13.8-8.66-19.78c-3.74-3.95-8.9-5.31-12.94-5.12z" fill="#ffb903"></path><path d="M31.85 36.07s-4.55.03-7.13-.09c-1.97-.09-8.26-.94-8.26-.94s-.23.66.38.94c.61.28 6.19 1.69 8.12 1.83c1.92.14 7.7.38 7.7.38l.47-.94l-1.28-1.18z" fill="#ff732d"></path><path d="M32.22 38.93s-4.79.19-5.54.38s-7.27 3.8-9.71 7.65s-2.91 9.9.47 12.2c2.9 1.97 8.87.94 11.97-4.83c2.61-4.86 4.55-9.53 4.55-9.53s10.79-.19 11.22-9.24c.42-9.06-7.98-9.95-11.03-9.24c-2.42.56-4.88 3.33-4.88 3.33s2.21 3.19 2.44 4.69c.23 1.5.51 4.59.51 4.59z" fill="#ff6157"></path><path d="M39.7 35.64c-.51 2.18-2.27 3.71-3.86 3.34c-1.59-.37-2.48-2.79-1.97-4.97c.51-2.18 2.1-3.35 3.71-3.05c1.93.36 2.63 2.5 2.12 4.68z" fill="#29292a"></path><path d="M59.63 50.34S46.47 56.25 43.58 64.7s-.4 17.75 6.83 22.24c7.81 4.86 18.11 3.81 24.71 1.06c5.56-2.32 7.32-5.42 6.97-7.6c-.42-2.58-1.69-3.45-1.69-3.45s4.15-2.75 4.08-5.84c-.07-3.1-3.8-3.94-3.8-3.94s3.31-2.04 3.03-5.07c-.28-3.03-4.96-5.1-9.64-5.63c-5.64-.64-14.44-6.13-14.44-6.13z" fill="#d27856"></path></svg></span> </div> <div class="content-container svelte-5oz901"> <div class="split svelte-5oz901"><div class="nav svelte-5oz901"><div class="nav-header svelte-5oz901" role="separator"></div> <a href="./resume" class="svelte-5oz901">Geoff's Resume</a><div class="nav-header svelte-5oz901" role="separator">Open Source</div> <a href="./binary-search" class="svelte-5oz901">binary-search</a><a href="./recoil-examples" class="svelte-5oz901">recoil-examples</a><a href="./splitters" class="svelte-5oz901">react-splitter / svelte-splitter</a><a href="./sterling-svelte" class="svelte-5oz901">sterling-svelte</a><a href="./trie-search" class="svelte-5oz901">trie-search</a><div class="nav-header svelte-5oz901" role="separator">Opinion</div> <a href="./why-i-love-svelte" class="svelte-5oz901">Why I love Svelte</a><div class="nav-header svelte-5oz901" role="separator">Stories</div> <a href="./unpredictable-users" class="svelte-5oz901">Unpredictable users</a><a href="./speed-estimation" class="svelte-5oz901">Speed Estimation</a><div class="nav-header svelte-5oz901" role="separator">Bookshelf</div> <a href="./software-architecture-books" class="svelte-5oz901">Software Architecture Books</a></div> <div class="content svelte-5oz901"><div class="post svelte-nmvp7s"><div class="category svelte-nmvp7s">Opinion</div> <div class="headline svelte-nmvp7s"><a href="/why-i-love-svelte" class="svelte-nmvp7s">Why I love Svelte</a></div> <div class="content-section svelte-nmvp7s"><div class="container svelte-nmvp7s"><div class="content"><p data-svelte-h="svelte-1oy21ic">If you've never heard of them, check out <a href="https://svelte.dev/" target="_blank">svelte.dev</a>
and
<a href="https://kit.svelte.dev/" target="_blank">kit.svelte.dev</a>.</p> <p data-svelte-h="svelte-1jjh5t5">I am more productive. Writing HTML, CSS, and JS is straigtforward. Svelte's hot-module-reloading
makes my inner dev loop very fast. I feel like I can code anything with Svelte.</p> <p data-svelte-h="svelte-1dvxl6n">I can properly architect and design. Svelte provides componentization, encapsulation,
composition, and extensibility.</p> <p data-svelte-h="svelte-ixp1cv">I don't have to make as many low-level decisions. I don't agonize over which state management,
templating, or styling libraries to choose. Svelte meets all my needs for building applications
and libraries.</p> <p data-svelte-h="svelte-1yerbh2">I don't waste time trying to optimize my code by hand. There's no need call optimization memo
functions since the Svelte compiler makes the code as fast and small.</p> <p data-svelte-h="svelte-1c0esty">I quickly became an expert. Svelte's documentation is concise and precise. The tutorial and
examples get you started in a couple of hours. Addtional capabilities like SvelteKit are built
on top of rather than inside Svelte. This helps Svelte avoid collapsing under the weight of
additional complexity.</p> <p data-svelte-h="svelte-d0s6g3">Even if you are a React or Angular fanatic, I hope you'll check out Svelte. I've found that
learning new languages and technologies helps me be better with the ones I know.</p></div></div> </div> </div></div></div></div> </div>
<script>
{
__sveltekit_1cy0fcu = {
base: new URL(".", location).pathname.slice(0, -1),
env: {}
};
const element = document.currentScript.parentElement;
const data = [null,null,null];
Promise.all([
import("./_app/immutable/entry/start.2c55a661.js"),
import("./_app/immutable/entry/app.4df5770f.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 3, 15],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>