dorelljames

here

Rich-Harris

I've been deceiving you all. I had you believe that Svelte was a UI framework — unlike React and Vue etc, because it shifts work out of the client and into the compiler, but a framework nonetheless.

But that's not exactly accurate. In my defense, I didn't realise it myself until very recently. But with Svelte 3 around the corner, it's time to come clean about what Svelte really is.

Svelte is a language.

Specifically, Svelte is an attempt to answer a question that many people have asked, and a few have answered: what would it look like if we had a language for describing reactive user interfaces?

A few projects that have answered this question:

thegitfather

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

jescalan

"A beginning programmer writes her programs like an ant builds her hill, one piece at a time, without thought for the bigger structure. Her programs will be like loose sand. They may stand for a while, but growing too big they fall apart.

Realizing this problem, the programmer will start to spend a lot of time thinking about structure. Her programs will be rigidly structured, like rock sculptures. They are solid, but when they must change, violence must be done to them.

The master programmer knows when to apply structure and when to leave things in their simple form. Her programs are like clay, solid yet malleable."

-- Master Yuan-Ma, The Book of Programming

mizchi

//- templated by jade
svg(width=640 height=480 style="background-color:grey;")
  circle(
    cx=30 cy=30
    r=25
    stroke="grey" stroke-width=1
    fill="wheat")
  rect(
    width=50 height=50
    x=60 y=10

ankurshukla

/**********************************************************
 *        SESSION TIMEOUT IMPLEMENTATION FROM JAVASCRIPT  *
 * ********************************************************/
 

function Session() {}

Session.prototype.init = function() {
  console.log('inside Session.init()');

glueckpress

/*! = $rembase: 14px
--------------------------------------------------------------
* hmtl { font-size: 87.5%; }
* body { font-size: 14px; font-size: 1rem; line-height: 1; }
* 4px    	0.28571429rem
* 8px		0.571428571rem
* 12px		0.857142857rem
* 13px		0.928571429rem
* 14px		1rem
* 16px		1.142857143rem

hanssens

/* ********************************************************************************** 
 * 
 * Copyright (c) Microsoft Corporation. All rights reserved. 
 * 
 * This source code is subject to terms and conditions of the Microsoft Permissive 
 * License (MS-PL). A copy of the license can be found in the license.htm file 
 * included in this distribution. 
 * 
 * You must not remove this notice, or any other, from this software. 
 *