Mehdi Raash MehdiRaash

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:

I am moving this gist to a github repo so more people can contribute to it. Also, it makes it easier for me to version control.

Please go to - https://github.com/praveenpuglia/shadow-dom-in-depth for latest version of this document. Also, if you find the document useful, please shower your love, go ⭐️ it. :)

Shadow DOM

Heads Up! It's all about the V1 Spec.

In a nutshell, Shadow DOM enables local scoping for HTML & CSS.

How to use Polymer

News

https://www.reddit.com/r/PolymerJS/

Most active GitHub users (git.io/top)

The list would not be updated for now. Don't write comments.

The count of contributions (summary of Pull Requests, opened issues and commits) to public repos at GitHub.com from Wed, 21 Sep 2022 till Thu, 21 Sep 2023.

Because of GitHub search limitations, only 1000 first users according to amount of followers are included. If you are not in the list you don't have enough followers. See raw data and source code. Algorithm in pseudocode:

githubUsers

	btn.addEventListener("send-btn",onSend);
	send = CAF(send);
	var prevSend = Promise.resolve();

	function onSend(evt) {
	prevSend.finally(function f(){
	prevSend = send(
	CAF.timeout(1000,"send took too long."),
	{ some: "data" }
	)

	(function() {
	'use strict';

	// keep track of all the opened tab
	let tabs = {};

	// Get all existing tabs
	chrome.tabs.query({}, function(results) {
	results.forEach(function(tab) {
	tabs[tab.id] = tab;

	Environment* CreateEnvironment(Isolate* isolate, uv_loop_t* loop, Handle<Context> context, int argc, const char* const* argv, int exec_argc, const char* const* exec_argv) {
	HandleScope handle_scope(isolate);

	Context::Scope context_scope(context);
	Environment* env = Environment::New(context, loop);

	isolate->SetAutorunMicrotasks(false);

	uv_check_init(env->event_loop(), env->immediate_check_handle());
	uv_unref(reinterpret_cast<uv_handle_t*>(env->immediate_check_handle()));

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Worker Polyfill</title>
	<script src="polyfill.worker.js"></script>
	</head>
	<body>
	<h1>Worker Polyfill</h1>
	<script>