SilentImp SilentImp

## web-components-trade-offs.md

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              4 stars
            
          
                just-boris
                / web-components-trade-offs.md
            
            
              Last active
              June 9, 2023 20:03
            
              
                Web Components trade-offs
              
          
    Web Components trade-offs

Desired state

Before we begin talking about the trade-offs, let's look at the desired state, why someone should use Web Components and what benefits it provides. This standard allows you to create framework-independent UI components. Instead of re-inventing the same concept of UI component for every framework, there could be a universal solution using Web Components standard. They will also be more simple and lightweight, as the API is already built into browsers and you do not need to load additional runtime to your web page.
Web Components are defined as custom HTML elements where you can attach your custom behavior. You do not need to learn additional proprietary framework conventions, as you can think about using Web Component same way as you would use <button> or <input>.
Now let's check how these expectations match with the real state.

  
## contact_pair_test.html

<html>
    <head>
        <meta charset="utf-8">
        <title>Collision JS 3D Physics</title>
        <style>
            body { margin: 0; }
        </style>
    </head>
    <body>

## how-to-facilitate-a-retrospective.md

      
              1 file
            
          
              2 forks
            
          
              0 comments
            
          
              6 stars
            
          
                henriquemoody
                / how-to-facilitate-a-retrospective.md
            
            
              Last active
              March 6, 2022 23:10
            
          
    How to facilitate a retrospective

The role of Facilitator is fundamental for almost every meeting. The Facilitator
ensures that the whole group is empowered to make decisions and that
every individual has their voice heard.
During a retrospective, the Facilitator role is crucial. In a retrospective, it
is ideal that everyone has at least some degree of participation, and it is the
Facilitator that helps the participants with that.

  
## README.md

      
              3 files
            
          
              1 fork
            
          
              0 comments
            
          
              2 stars
            
          
                mistakster
                / README.md
            
            
              Last active
              September 13, 2022 01:04
            
              
                Optimizing performance of the React list component
              
          
    Optimizing performance of the React list component

Basically, everything need to be done in shouldComponentUpdate() method.
import React, {Component} from 'react';

class Item extends Component {
  shouldComponentUpdate(nextProps, nextState) {
 // always re-render component

  
## domtokenlist_feature_detection.js
var DOMTokenListSupports = function(tokenList, token) {
  if (!tokenList || !tokenList.supports) {
    return;
  }
  try {
    return tokenList.supports(token);
  } catch (e) {
    if (e instanceof TypeError) {
      console.log("The DOMTokenList doesn't have a supported tokens list");
    } else {

## .bash_aliases
function пше () {
    case $1 in
        курва )
            shift;
            git commit $@;;

	<html>
	<head>
	<meta charset="utf-8">
	<title>Collision JS 3D Physics</title>
	<style>
	body { margin: 0; }
	</style>
	</head>
	<body>
	var DOMTokenListSupports = function(tokenList, token) {
	if (!tokenList \|\| !tokenList.supports) {
	return;
	}
	try {
	return tokenList.supports(token);
	} catch (e) {
	if (e instanceof TypeError) {
	console.log("The DOMTokenList doesn't have a supported tokens list");
	} else {
	function пше () {
	case $1 in
	курва )
	shift;
	git commit $@;;